:root{color:#19233b;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;background:#3158d8;color:#fff;padding:11px 16px;cursor:pointer;font-weight:700;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}button:hover:not(:disabled){background:#2445b8;transform:translateY(-1px);box-shadow:0 7px 16px #233c9e20}button:disabled{opacity:.48;cursor:not-allowed}button.secondary{background:#0f766e}button.secondary:hover:not(:disabled){background:#0d5d57}button.danger{background:#b42318}button.danger:hover:not(:disabled){background:#921c13}.eyebrow{color:#3158d8;font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.muted{color:#69758b;line-height:1.6}.message,.error-message{margin:17px 0 0;color:#3158d8;line-height:1.55}.error-message{color:#b42318}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;color:#131b30;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.05}h2{margin:7px 0 0;color:#172033;font-size:20px;letter-spacing:-.025em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 15%,#dae5ff 0,transparent 38%),#f4f7fb}.login-card{width:min(100%,460px);padding:42px;border:1px solid #dce3f0;border-radius:24px;background:#fff;box-shadow:0 24px 70px #26345c18}.login-card h1{font-size:clamp(38px,9vw,64px);margin:18px 0 12px}.stack{display:grid;gap:15px}label{display:grid;gap:7px;color:#33415e;font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#172033;padding:10px 11px;outline:none;font-weight:400}textarea{resize:vertical;min-height:100px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#3158d8;box-shadow:0 0 0 3px #3158d820}.admin-shell{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:25px 17px;background:#101a35;color:#e8edff}.brand{display:flex;align-items:center;gap:11px;padding:4px 9px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{margin-top:3px;color:#aeb9db;font-size:11px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#7e9bff;color:#101a35;font-weight:900}.workspace-chip{display:grid;gap:5px;padding:13px 14px;border:1px solid #2b3a65;border-radius:13px;background:#172344}.workspace-chip span{color:#9aa9d2;font-size:11px}.workspace-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}nav{display:grid;gap:6px}.nav-item{display:grid;gap:3px;justify-items:start;width:100%;padding:11px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#bdc8e7;text-align:left}.nav-item span{font-size:14px}.nav-item small{color:#7584ae;font-size:11px;font-weight:500}.nav-item:hover:not(:disabled),.nav-item.active{background:#263a76;color:#fff;box-shadow:none;transform:none}.nav-item.active{border-color:#4966ba}.nav-item.active small{color:#c2d0ff}.logout-button{margin-top:auto;background:#243154;color:#c7d1ef}.logout-button:hover:not(:disabled){background:#34446f}.content-shell{min-width:0;max-width:1240px;width:100%;padding:46px clamp(20px,4vw,64px) 70px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.page-header h1{margin-top:12px}.page-header p{max-width:720px;margin-bottom:0;font-size:15px}.panel{margin-top:22px;padding:25px;border:1px solid #dfe6f1;border-radius:17px;background:#fff;box-shadow:0 12px 34px #21345f08}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{display:grid;gap:9px;min-height:132px;padding:18px;border:1px solid #dfe6f1;border-radius:15px;background:#fff}.metric-card span,.metric-card small{color:#748198;font-size:12px}.metric-card strong{color:#172033;font-size:25px;letter-spacing:-.03em}.metric-card .metric-status{color:#0f766e;font-size:14px}.quick-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{display:grid;gap:9px;min-height:120px;padding:16px;border:1px solid #dce4f2;background:#f8faff;color:#172033;text-align:left}.quick-action:hover:not(:disabled){border-color:#9eb1e9;background:#f0f4ff;color:#172033}.quick-action span{color:#6b7890;font-size:12px;font-weight:500;line-height:1.5}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.status-pill{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800;text-transform:uppercase}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.resource-list>div{display:grid;align-content:start;gap:8px}.resource-row,.list-item{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;padding:12px 13px;border:1px solid #e4e9f2;border-radius:10px;background:#fbfcfe;color:#172033;text-align:left}.resource-row small,.list-item small{color:#718098;font-size:11px;font-weight:500}.resource-row.clickable{cursor:pointer}.resource-row.clickable:hover{border-color:#9eb1e9;background:#f4f7ff;transform:none;box-shadow:none}.list{display:grid;gap:8px}.list-item{cursor:default}button.list-item{cursor:pointer}button.list-item.selected{border-color:#6b86e1;background:#f0f4ff}.empty-state{padding:32px 20px;border:1px dashed #cbd5e1;border-radius:12px;color:#738096;text-align:center}.preview-frame-wrap{overflow:hidden;border:1px solid #dce4f0;border-radius:13px;background:#eef2f8}.preview-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:11px 13px;color:#66748d;font-size:11px}.preview-frame{display:block;width:100%;height:420px;border:0;background:#fff}.preview-frame.mobile{width:390px;max-width:100%;margin:0 auto}.release-status,.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.release-status>div,.policy-grid>div{display:grid;gap:7px;padding:14px;border:1px solid #e0e7f2;border-radius:11px;background:#f8faff}.release-status span,.policy-grid span{color:#708099;font-size:11px}.release-status strong,.policy-grid strong{overflow-wrap:anywhere;color:#172033;font-size:14px}.policy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{display:grid;gap:7px;min-height:110px;padding:16px;border:1px solid #dfe6f1;border-radius:12px;background:#fbfcff}.feature-card span{color:#3158d8;font-size:11px;font-weight:800}.feature-card small{color:#718098;font-size:11px}.key-value{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 18px;margin:0}.key-value dt{color:#738096;font-size:12px}.key-value dd{margin:0;overflow-wrap:anywhere;color:#172033;font-size:13px;font-weight:700}.plain-list{display:grid;gap:10px;padding-left:21px;color:#55627a;line-height:1.6}@media(max-width:980px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid,.quick-grid,.feature-grid,.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-shell{display:block}.sidebar{min-height:auto;padding:16px}.sidebar nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px}.nav-item{min-width:126px}.logout-button{margin-top:0;align-self:flex-start}.content-shell{padding:28px 16px 50px}.page-header{display:block}.page-header>button{margin-top:16px}.two-column,.field-grid,.resource-list{grid-template-columns:1fr}.panel{padding:18px}.login-card{padding:28px 22px}}@media(max-width:460px){.metric-grid,.quick-grid,.feature-grid,.policy-grid,.release-status{grid-template-columns:1fr}.metric-card{min-height:102px}.panel-heading{display:block}.panel-heading>button{margin-top:12px}.preview-frame{height:340px}}