:root{--navy:#12243b;--blue:#2764dd;--bg:#f5f7fb;--line:#e6ebf2;--muted:#7c899d;--text:#1c2d44}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:var(--navy);color:#b9c8d9;padding:25px 15px}.brand{color:white;font-size:25px;display:flex;align-items:center;gap:8px;padding:6px 12px 34px}.brand small{font-size:9px;letter-spacing:1.5px;opacity:.6;margin-right:auto}.brand.large{color:var(--navy);justify-content:center;padding:0 0 20px}.nav-title{padding:12px;color:#778ba4;font-size:11px}.nav{display:flex;align-items:center;gap:13px;padding:14px;border-radius:9px;margin-bottom:5px}.nav span{font-size:20px;width:22px;text-align:center}.nav:hover,.nav.active{background:#27405f;color:white}.sidebar-bottom{position:absolute;bottom:22px;font-size:11px;right:25px;color:#7890aa}.workspace{margin-right:245px;min-height:100vh}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumbs{font-size:13px;color:#77889a}.breadcrumbs span{padding:0 10px}.user a{color:var(--blue);margin-right:16px}.mobilebrand{display:none}.content{padding:34px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.heading h1{margin:0 0 8px;font-size:25px}.heading p{margin:0;color:var(--muted)}.panel,.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px;box-shadow:0 3px 16px #162c4907}.panel h2{font-size:17px;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat{margin:0;min-height:140px}.stat span{color:var(--muted);display:block}.stat strong{font-size:23px;display:block;margin:20px 0 8px;direction:ltr;text-align:right}.stat em{font-style:normal;color:#91a0b1;font-size:12px}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#5d6d81}input,select{width:100%;min-width:0;padding:12px;border:1px solid #dce4ed;border-radius:7px;background:white;font:inherit;color:var(--text)}input:focus,select:focus{outline:2px solid #b7cdfa;border-color:var(--blue)}button,.button{border:0;background:var(--blue);color:white;border-radius:8px;padding:12px 19px;cursor:pointer;font:inherit;display:inline-block;text-align:center}button:hover,.button:hover{background:#174bb2}.secondary{background:#e8edf6;color:var(--navy)}.small{padding:8px 11px;font-size:11px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px;text-align:right}th{background:#f8fafd;color:#77869a;font-size:12px;font-weight:normal}th,td{padding:14px 12px;border-bottom:1px solid var(--line)}td{font-size:13px}td input,td select{padding:8px}.pill{background:#eef4ff;color:#2355a3;padding:6px 10px;border-radius:15px;font-size:11px}.total{font-weight:bold;background:#f6f8fc}.empty{text-align:center;color:var(--muted);padding:35px}.alert,.success{padding:13px 17px;margin-bottom:17px;border-radius:8px;background:#fff0f0;color:#a12e2e}.success{background:#e8f8ee;color:#217144}.hint{color:var(--muted);font-size:12px;line-height:1.8}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(440px,100%);display:flex;flex-direction:column;gap:17px}.login h2{text-align:center}.login button{width:100%}.setup{max-width:900px;margin:65px auto;padding:15px}.setup .formgrid{grid-template-columns:repeat(2,1fr)}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sidebar{position:relative;width:100%;height:auto;display:flex;overflow-x:auto;gap:5px;padding:9px}.sidebar .brand,.sidebar .nav-title,.sidebar-bottom{display:none}.nav{white-space:nowrap;padding:10px;margin:0}.workspace{margin:0}.topbar{padding:0 14px;height:56px}.mobilebrand{display:block;font-weight:bold}.breadcrumbs{display:none}.content{padding:18px}.stats,.formgrid,.setup .formgrid{grid-template-columns:1fr}.heading{align-items:flex-start}.stat{min-height:110px}.panel{padding:15px}}@media print{.sidebar,.topbar,.heading button,.heading .button,.formgrid{display:none!important}.workspace{margin:0}.content{padding:0}.panel{box-shadow:none}}