:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-page{background:linear-gradient(135deg,#eef4fb 0%,#f8fafc 52%,#eef7f1 100%);align-items:center;min-height:100vh;padding:32px;display:flex}.login-panel{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:32px;width:100%;max-width:1080px;margin:0 auto;display:grid}.brand-block{align-self:center;max-width:620px}.brand-mark{color:#fff;letter-spacing:0;background:#12355b;border-radius:8px;justify-content:center;align-items:center;width:72px;height:54px;margin-bottom:28px;font-weight:900;display:inline-flex}.brand-mark.compact{flex:none;width:54px;height:40px;margin:0}.eyebrow{color:#2364aa;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}.brand-block h1,.topbar h1{letter-spacing:0;margin-bottom:18px;line-height:1}.brand-block h1{font-size:4rem}.brand-block p:last-child{color:#56657f;max-width:560px;font-size:1.08rem;line-height:1.7}.login-form{background:#fff;border:1px solid #dde4ef;border-radius:8px;flex-direction:column;gap:18px;padding:28px;display:flex;box-shadow:0 20px 60px #16263e14}.form-heading{align-items:center;gap:12px;margin-bottom:8px;display:flex}.form-heading svg,.metric-card svg{color:#2364aa}.form-heading h2,.panel-heading h2{margin:0 0 4px;font-size:1.08rem}.form-heading p{color:#66748b;margin:0}label{gap:8px;display:grid}label span{color:#40516c;font-size:.88rem;font-weight:700}input{color:#172033;background:#f9fbfe;border:1px solid #d5deeb;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px}input:focus{border-color:#2364aa;box-shadow:0 0 0 3px #2364aa24}.primary-button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.primary-button{color:#fff;background:#12355b;border-radius:8px;gap:8px;height:46px;margin-top:4px;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.72}.form-error,.page-error{color:#9f1d12;background:#fff1f0;border:1px solid #ffc9c2;border-radius:8px;margin:0;padding:10px 12px;line-height:1.5}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#10253f;padding:24px}.brand-row{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-row strong,.brand-row span,.user-box strong,.user-box span{display:block}.brand-row span{color:#9fb1c8;margin-top:2px;font-size:.84rem}nav{gap:6px;display:grid}nav button{color:#c8d4e4;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;text-decoration:none}nav button.active,nav button:hover{color:#fff;background:#ffffff1a}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:2rem}.user-box{background:#fff;border:1px solid #dde4ef;border-radius:8px;align-items:center;gap:10px;min-width:280px;padding:10px 12px;display:flex}.user-box span{color:#66748b;font-size:.82rem}.icon-button{color:#12355b;background:#eef3f8;border-radius:8px;width:36px;height:36px;margin-left:auto}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card,.table-panel{background:#fff;border:1px solid #dde4ef;border-radius:8px}.metric-card{gap:10px;min-height:136px;padding:18px;display:grid}.metric-card span{color:#66748b;font-size:.9rem;font-weight:700}.metric-card strong{color:#172033;font-size:1.6rem}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;display:grid}.panel-heading{border-bottom:1px solid #e5ebf3;padding:16px 18px}.table-list{display:grid}.table-row{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 18px;display:flex}.table-row+.table-row{border-top:1px solid #eef2f7}.table-row span,.row-right span,.muted{color:#66748b;margin-top:4px;font-size:.84rem;display:block}.row-right{text-align:right}.loading-row{color:#40516c;align-items:center;gap:8px;font-weight:700;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.login-panel,.app-shell,.content-grid{grid-template-columns:1fr}.sidebar{padding:18px}nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.login-page,.workspace{padding:18px}.login-panel{gap:20px}.brand-block h1{font-size:2.6rem}.login-form{padding:20px}.topbar,.table-row{flex-direction:column;align-items:flex-start}.user-box{width:100%;min-width:0}.metric-grid,nav{grid-template-columns:1fr}.row-right{text-align:left}}.status-badge{color:#17683a;background:#eaf4ee;border-radius:999px;justify-content:center;min-width:72px;margin-top:6px;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.full-panel{width:100%}select,textarea{color:#172033;font:inherit;background:#f9fbfe;border:1px solid #d5deeb;border-radius:8px;outline:none;width:100%;padding:0 12px}select{height:44px}textarea{resize:vertical;min-height:84px;padding-top:10px}select:focus,textarea:focus{border-color:#2364aa;box-shadow:0 0 0 3px #2364aa24}.page-success{color:#17683a;background:#edf9f1;border:1px solid #bce8c8;border-radius:8px;margin:0 0 16px;padding:10px 12px;line-height:1.5}.split-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-note,.hint{color:#66748b;margin:6px 0 0;font-size:.88rem;line-height:1.5}.compact-button{height:38px;margin:0;padding:0 12px}.secondary-button,.row-button,.pager button{color:#12355b;cursor:pointer;font:inherit;background:#eef3f8;border:1px solid #d5deeb;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex}.row-button.danger{color:#9f1d12;background:#fff1f0;border-color:#ffc9c2}.row-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.filters{border-bottom:1px solid #e5ebf3;grid-template-columns:minmax(260px,1fr) 180px;align-items:end;gap:14px;padding:16px 18px;display:grid}.search-field{align-items:center;display:flex;position:relative}.search-field svg{color:#66748b;position:absolute;left:12px}.search-field input{padding-left:38px}.editor-form{background:#f8fafc;border-bottom:1px solid #e5ebf3;gap:14px;padding:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;display:flex}.pager{color:#66748b;border-top:1px solid #e5ebf3;justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.pager button:disabled{cursor:not-allowed;opacity:.5}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar{position:relative}.sidebar-collapsed .brand-text,.sidebar-collapsed nav button,.sidebar-collapsed nav button:first-letter{font-size:0}.sidebar-collapsed nav button{min-height:42px;padding:10px}.collapse-button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:72px;right:14px}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;width:min(860px,100%);max-width:860px;max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px #0f172a38}.modal-header{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-header h2{margin:0}.modal-form{border-bottom:0}.workspace{min-width:0}.table-panel{overflow:hidden}.table-row>div:first-child{min-width:0}.table-row strong,.table-row span{overflow-wrap:anywhere}@media (width<=760px){.filters,.form-grid{grid-template-columns:1fr}.split-heading,.form-actions,.pager{flex-direction:column;align-items:stretch}.modal-backdrop{padding:12px}}