*{box-sizing:border-box}body{margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f3f5f9;color:#152238}
a{color:#1b4fa0;text-decoration:none}header{background:#0b2545;color:#fff;display:flex;align-items:center;gap:10px;padding:8px 14px;position:sticky;top:0;z-index:5}
header img{width:34px;height:34px;border-radius:50%}header b{font-size:17px}header input{flex:1;max-width:420px;margin-left:auto;padding:8px 10px;border-radius:8px;border:0}
#menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.wrap{display:flex}nav{width:210px;background:#fff;min-height:calc(100vh - 50px);border-right:1px solid #dde3ec;padding:8px 0;flex-shrink:0}
nav a{display:block;padding:9px 18px;color:#152238}nav a.on{background:#e6eefb;color:#0b2545;font-weight:600;border-left:3px solid #1b4fa0}
main{flex:1;padding:16px;min-width:0}h1{font-size:21px;margin:0 0 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.card{background:#fff;border:1px solid #dde3ec;border-radius:10px;padding:12px}.card .n{font-size:22px;font-weight:700;color:#0b2545}.card .l{color:#5b6b82;font-size:13px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.panel{background:#fff;border:1px solid #dde3ec;border-radius:10px;padding:12px;margin-bottom:12px;overflow:auto}
.panel h3{margin:0 0 8px;font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #eef1f6;vertical-align:top}
th{font-size:12px;color:#5b6b82;cursor:pointer;white-space:nowrap}tr.row:hover{background:#f6f9ff;cursor:pointer}
button,.btn{background:#1b4fa0;color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}button.sec{background:#e6eefb;color:#0b2545}button.del{background:#c0392b}
form.f{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}form.f label{display:flex;flex-direction:column;font-size:12px;color:#5b6b82;gap:3px}
form.f .wide{grid-column:1/-1}input,select,textarea{font:inherit;padding:8px;border:1px solid #cfd8e5;border-radius:7px;background:#fff;width:100%}textarea{min-height:80px}
.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#eef1f6}.t-Urgent,.t-OVERDUE{background:#fde2e0;color:#a52714}.t-High,.t-UNPAID{background:#fff1d6;color:#8a5a00}.t-PAID,.t-Resolved,.t-Active,.t-COMPLETED{background:#dff5e5;color:#1d6b36}.t-Open{background:#e3ecfd;color:#1b4fa0}
.muted{color:#6b7a90;font-size:13px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tools input{max-width:260px}
.login{max-width:360px;margin:10vh auto;background:#fff;padding:24px;border-radius:14px;border:1px solid #dde3ec;text-align:center}.login img{width:90px}.login input{margin:6px 0}
.err{color:#c0392b}.bar{display:flex;align-items:flex-end;gap:4px;height:120px}.bar div{flex:1;background:#1b4fa0;border-radius:3px 3px 0 0;min-height:2px;position:relative}.bar span{font-size:10px;color:#5b6b82}
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.tabs button{background:#e6eefb;color:#0b2545;padding:6px 10px}.tabs button.on{background:#1b4fa0;color:#fff}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal div{background:#fff;min-height:80px;padding:4px;font-size:12px;border:1px solid #eef1f6}.cal .ev{background:#e3ecfd;border-radius:4px;padding:1px 4px;margin-top:2px;display:block;overflow:hidden;white-space:nowrap}
@media(max-width:800px){#menu{display:block}nav{position:fixed;left:-230px;top:50px;z-index:9;transition:left .2s;box-shadow:2px 0 12px #0003}nav.open{left:0}main{padding:10px}header input{max-width:none}
 .hide-m{display:none}td,th{padding:6px 5px;font-size:13px}}