:root{--teal:#05b8c7;--deep:#072b31;--deep2:#0d3b44;--mint:#e9f8f8;--bg:#f2f7f7;--border:#d8e7e8;--text:#19373d;--sub:#678188;--white:#fff}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:linear-gradient(90deg,var(--deep),#11454f);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;gap:15px}
.brand{display:flex;align-items:center;gap:16px}.brand img{height:50px;width:auto}.brand b{display:block;letter-spacing:2px;font-size:18px}.brand span{font-size:12px;color:#b7e7eb}#identity{display:flex;flex-direction:column;align-items:flex-end}#identity b{font-size:14px}#identity small{color:#b7e7eb}
main{max-width:1650px;margin:auto;padding:24px 3%}h1{font-size:28px;margin:0 0 6px}h2{font-size:18px;margin:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 18px}.heading p,.muted{color:var(--sub);font-size:12px;margin:6px 0}.hidden{display:none!important}
button{cursor:pointer;border:0;border-radius:8px;padding:10px 13px;background:var(--teal);color:#04292f;font-weight:700;white-space:nowrap}button:hover{filter:brightness(.96)}button.outline{background:#fff;border:1px solid var(--teal);color:#05656b}button.dark{background:var(--deep);color:#fff}button.danger{background:#fff0ef;border:1px solid #e3a29d;color:#9f3128}button.eye{padding:0 10px;background:#fff;border-left:1px solid var(--border);border-radius:0 6px 6px 0;min-width:42px}
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:64px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}label{display:block;color:#365c63;font-weight:600;font-size:12px}label input,label select,label textarea{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:#fff;border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 4px 16px #123d4310}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.project-card{background:#fff;padding:18px;border:1px solid var(--border);border-radius:14px;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:#05656b;font-size:11px;font-weight:800}.project-card .footer{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#365c63}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics>div,.money-only-card{background:var(--deep2);border-radius:12px;color:#fff;padding:18px}.metrics small{display:block;color:#9fd6da;letter-spacing:1px;margin-bottom:5px}.metrics strong{font-size:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1400px}th{background:var(--mint);font-size:11px;color:#285d61;text-align:left;padding:10px}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:130px}td select{min-width:112px}td textarea{width:190px}.filelink{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileinput{max-width:165px;font-size:11px}.mini-date{margin-top:6px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paymentform,.project-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.paymentform label:nth-child(3),.paymentform button,.project-form 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}.login{background:#fff;max-width:440px;padding:32px;margin:8vh auto;border-radius:18px;box-shadow:0 14px 48px #0c30361f}.login-logo{max-width:280px;width:100%;display:block;margin:0 auto 18px}.login label{margin:16px 0}.login button[type=submit]{width:100%}.password-wrap{display:flex;align-items:stretch}.password-wrap input{border-radius:6px 0 0 6px}.password-wrap .eye{margin-top:5px}a{color:#05656b;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}.rate-controls{display:flex;gap:8px;align-items:center}.rate-controls input{width:110px}.actions-inline{display:flex;gap:8px}.project-head{align-items:flex-start}
@media(max-width:900px){.twocol,.grid-two,.metrics{grid-template-columns:1fr}.brand span{display:none}.heading{align-items:flex-start;flex-direction:column}.project-form,.paymentform{grid-template-columns:1fr}}