:root{--ink:#07142f;--navy:#0b1f46;--soft:#f4f7fb;--panel:#fff;--line:#dce5f2;--text:#15233c;--muted:#667894;--blue:#0b5bd3;--cyan:#24b8e8;--yellow:#ffd33d;--green:#1ea66a;--coral:#ee6b5f;--shadow:0 18px 45px rgba(13,31,70,.12)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--soft);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 16px;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--yellow);color:var(--ink)}.role-chip{padding:12px;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;background:hsla(0,0%,100%,.07)}.role-chip span{display:block;color:#9fb4d4;font-size:12px;font-weight:800}.role-chip strong{display:block;margin-top:4px}.nav-list{display:grid;grid-gap:5px;gap:5px}.nav-link{min-height:42px;display:flex;align-items:center;gap:11px;border-radius:7px;padding:0 11px;color:#d8e5f7;font-weight:750}.nav-link.active,.nav-link:hover{background:#143166;color:#fff}.nav-symbol{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:hsla(0,0%,100%,.11);color:var(--yellow);font-size:12px;font-weight:900}.sidebar-foot{margin-top:auto;padding:14px;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;background:hsla(0,0%,100%,.07);color:#adc0dc;font-size:12px;line-height:1.5}.topbar{min-height:70px;display:flex;align-items:center;gap:14px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.search{width:min(520px,100%);height:42px;border:1px solid var(--line);border-radius:7px;padding:0 14px;background:var(--soft)}.profile{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:800}.profile.compact{margin-left:0}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--yellow)}.role-badge{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:0 9px;background:#fff6d7;color:#7a5a00;font-size:12px;font-weight:900}.content{padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:30px;letter-spacing:0}.page-head p{margin:7px 0 0;color:var(--muted);line-height:1.5}.button{border:0;background:#edf4ff;color:var(--blue)}.button,.ghost-button,.primary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:10px 14px;font-weight:850}.ghost-button,.primary-button{cursor:pointer}.primary-button{border:0;background:var(--blue);color:#fff}.ghost-button{border:1px solid var(--line);background:#fff;color:var(--blue)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.entity-card,.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px rgba(13,31,70,.05)}.kpi{padding:17px}.kpi span{display:block;color:var(--muted);font-size:13px;font-weight:800}.kpi strong{display:block;margin-top:8px;font-size:28px}.kpi small{display:inline-block;margin-top:8px;color:var(--green);font-weight:800}.grid-2{grid-template-columns:1.3fr .7fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.panel{overflow:hidden}.panel-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px}.panel-body{padding:17px}.entity-card{padding:16px}.entity-card strong{display:block}.entity-card span{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;min-width:680px;border-collapse:collapse}td,th{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{font-size:12px;text-transform:uppercase}td small,th{color:var(--muted)}.status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 9px;background:#edf4ff;color:var(--blue);font-size:12px;font-weight:900}.status.active,.status.paid,.status.won{background:#e7f7ef;color:#107a4a}.status.pending,.status.review{background:#fff6d7;color:#8b6500}.status.failed,.status.urgent{background:#ffe9e6;color:#b53329}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ink)}.login-card{width:min(460px,100%);padding:26px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.login-card h1{margin:18px 0 8px}.login-card p{color:var(--muted);line-height:1.5}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.login-form label{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-size:13px;font-weight:850}.login-form input{width:100%;height:44px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:var(--soft)}.form-error{margin:0;color:#b53329;font-weight:850}.login-hints{grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;line-height:1.4}.login-hints,.role-grid{display:grid;margin-top:18px}.role-grid{grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.role-grid a{min-height:44px;display:grid;place-items:center;border-radius:7px;background:#edf4ff;color:var(--blue);font-weight:850}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid-3,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width:620px){.topbar{padding:0 16px}.search{display:none}.content{padding:18px}.page-head{display:grid}.grid-3,.kpi-grid,.role-grid{grid-template-columns:1fr}}