:root{--bg:#0b1220;--panel:#111c2e;--panel-soft:#16243a;--text:#eef4fc;--muted:#9aabc0;--line:#263750;--brand:#173f68;--accent:#d4a94e;--danger:#ff7b72;--success:#48d597;--field:#0d1828;--sidebar:264px;--topbar:68px;--shadow:0 12px 32px rgba(0,0,0,.22)}
:root[data-theme="light"]{--bg:#f4f7fb;--panel:#fff;--panel-soft:#f8fafc;--text:#172033;--muted:#667085;--line:#e4e7ec;--brand:#173b63;--accent:#a87313;--danger:#b42318;--success:#067647;--field:#fff;--shadow:0 6px 20px rgba(16,24,40,.07)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;font-size:15px}a{color:var(--brand)}button,input,select,textarea{font:inherit}.topbar{position:fixed;inset:0 0 auto 0;height:var(--topbar);z-index:20;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--brand);color:#fff;box-shadow:var(--shadow)}.brand{font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:14px}.topbar-user form{margin:0}.link-button{border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer}.menu-button{display:none;border:0;background:transparent;color:#fff;font-size:24px}.sidebar{position:fixed;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);z-index:15;background:#102d4c;padding:18px 12px;overflow-y:auto}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;color:#dce7f2;text-decoration:none;padding:11px 13px;border-radius:8px;font-weight:650}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13);color:#fff}.content{margin-left:var(--sidebar);padding:calc(var(--topbar) + 28px) 28px 30px;min-height:calc(100vh - 52px)}.footer{margin-left:var(--sidebar);padding:16px 28px;color:var(--muted);border-top:1px solid var(--line)}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.page-title h1{font-size:28px;margin:0}.page-title p{color:var(--muted);margin:6px 0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric strong{display:block;font-size:30px;margin-top:8px}.metric span{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar form{display:flex;gap:8px;flex:1;min-width:260px}.toolbar input{flex:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:9px 13px;text-decoration:none;cursor:pointer;font-weight:700;background:var(--brand);color:#fff}.button:hover{filter:brightness(1.08)}.button-secondary{background:#fff;color:var(--brand);border-color:#b8c5d2}.button-danger{background:#fff;color:var(--danger);border-color:#f0b4ae}.button-small{padding:6px 9px;font-size:13px}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8fafc;font-size:13px;color:#475467;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions form{margin:0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:750;background:#eef2f6;color:#344054}.badge-open,.badge-active,.badge-paid,.badge-completed{background:#dcfae6;color:#067647}.badge-pending,.badge-part-paid{background:#fef0c7;color:#93370d}.badge-closed,.badge-cancelled,.badge-unpaid{background:#fee4e2;color:#b42318}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:grid;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-weight:700}.form-group small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cbd2d9;border-radius:8px;padding:10px 11px;background:#fff;color:#101828}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(23,59,99,.13);border-color:var(--brand)}.form-actions{display:flex;gap:10px;margin-top:20px}.alert{border-radius:9px;padding:11px 14px;margin-bottom:16px;border:1px solid}.alert-success{background:#ecfdf3;border-color:#abefc6;color:#067647}.alert-error{background:#fef3f2;border-color:#fecdca;color:#b42318}.alert-info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.empty{text-align:center;color:var(--muted);padding:34px}.pagination{display:flex;gap:5px;margin-top:18px;flex-wrap:wrap}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:#fff}.pagination a.active{background:var(--brand);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#102d4c,#1d527f)}.login-card{width:min(420px,100%);background:#fff;padding:30px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.login-card h1{margin:0 0 5px}.login-card>p{color:var(--muted);margin:0 0 22px}.login-card .form-group{margin-bottom:14px}.backdrop{display:none}.calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);overflow:auto}.calendar>div{min-height:110px;background:#fff;padding:8px}.calendar .head{min-height:auto;background:#f8fafc;font-weight:750}.calendar .muted{background:#f7f8fa;color:#98a2b3}.calendar .today{box-shadow:inset 0 0 0 2px var(--accent)}.event{display:block;margin-top:5px;padding:5px;border-radius:5px;background:#eaf2f8;text-decoration:none;font-size:12px}.print-only{display:none}@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.menu-button{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.backdrop.show{display:block;position:fixed;inset:var(--topbar) 0 0;background:rgba(0,0,0,.35);z-index:14}.content,.footer{margin-left:0}.content{padding:calc(var(--topbar) + 20px) 15px 24px}.topbar{padding:0 14px}.topbar-user span{display:none}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.page-title{align-items:flex-start}.toolbar{align-items:stretch}.toolbar form{min-width:100%}}@media print{.topbar,.sidebar,.footer,.toolbar,.actions,.no-print{display:none!important}.content{margin:0;padding:0}.card,.table-wrap{box-shadow:none}.print-only{display:block}}