:root{--teal:#067f7b;--deep:#0c3036;--mint:#e6f7f5;--bg:#f2f7f7;--border:#d6e5e5;--text:#19373d;--sub:#658087}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--deep);color:white;display:flex;align-items:center;justify-content:space-between;padding:17px 4%}.brand{display:flex;gap:14px;align-items:center}.brand b{font-size:25px;letter-spacing:3px;color:#42d0c2}.brand span{font-size:11px;letter-spacing:2px}header button{margin-left:12px}main{max-width:1600px;margin:auto;padding:24px 3%}h1{font-size:27px;margin:0 0 7px}h2{font-size:18px;margin:0}.heading{display:flex;justify-content:space-between;align-items:center;margin:17px 0 22px;gap:10px}.heading p,.muted{color:var(--sub);font-size:12px;margin:6px 0}.hidden{display:none!important}button{cursor:pointer;border:0;border-radius:7px;padding:10px 13px;background:var(--teal);color:#fff;font-weight:650;white-space:nowrap}button:hover{filter:brightness(.92)}button.outline{background:white;border:1px solid var(--teal);color:var(--teal)}button.dark{background:var(--deep)}button.danger{background:#fff1ef;border:1px solid #e4a49e;color:#a1382e}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:6px;padding:8px;min-width:0;width:100%}textarea{min-height:62px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}label{display:block;color:#365c63;font-weight:550;font-size:12px}label input{margin-top:5px}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav #crumb{margin-right:auto;color:var(--sub)}.panel{border:1px solid var(--border);background:white;border-radius:12px;padding:19px;margin:18px 0;box-shadow:0 3px 14px #123d4310}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.project-card{background:white;padding:20px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.project-card:hover{border-color:var(--teal);box-shadow:0 6px 18px #1a51541b}.project-card b{font-size:17px}.project-card p{color:var(--sub)}.project-card .number{color:var(--teal);font-size:11px;font-weight:700}.project-card .footer{display:flex;justify-content:space-between;margin-top:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics>div{background:var(--deep);border-radius:10px;color:white;padding:19px}.metrics small{display:block;color:#a4cacb;letter-spacing:1px;margin-bottom:5px}.metrics strong{font-size:27px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1150px}th{background:var(--mint);font-size:11px;color:#285d61;text-align:left;padding:9px}td{border-bottom:1px solid var(--border);padding:8px 6px;vertical-align:top}td input[type=number]{min-width:75px;width:90px}td input[type=date]{width:140px}td select{min-width:105px}td textarea{width:175px}td .price{width:95px!important}td button{padding:7px 9px}td .fileinput{max-width:145px;font-size:11px}td .filelink{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paymentform{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.paymentform label:nth-child(3){grid-column:1/-1}.paymentform button{grid-column:1/-1}.entry{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:10px 0;align-items:center}.entry small{display:block;color:var(--sub)}.statusButtons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.file-label{display:block;background:var(--mint);padding:12px;border-radius:8px;margin:12px 0}.state{color:var(--teal);background:var(--mint);padding:8px 12px;border-radius:15px;font-weight:bold}.login{background:white;max-width:420px;padding:35px;margin:9vh auto;border-radius:15px;box-shadow:0 10px 50px #0c30361c}.login label{margin:16px 0}.login button{width:100%}a{color:var(--teal);text-decoration:none;font-weight:600}#toast{position:fixed;right:18px;bottom:18px;max-width:350px;background:var(--deep);color:white;padding:12px 18px;border-radius:8px;display:none;z-index:10}@media(max-width:780px){.twocol{grid-template-columns:1fr}.metrics strong{font-size:18px}.metrics>div{padding:12px}.heading{align-items:flex-start;flex-direction:column}.brand span{display:none}}