:root{--bg: #f4f6fb;--card: #ffffff;--border: #e6ebf4;--border-strong: #d8e0ee;--text: #131c2e;--muted: #6b7a90;--primary: #3b5bfd;--primary-dark: #2f4be0;--sidebar: #0f172e;--sidebar-2: #16203a;--sidebar-text: #a7b3c9;--danger: #e5484d;--radius: 12px;--shadow: 0 1px 2px #1018280a, 0 8px 24px #10182808;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{border:0;border-radius:9px;padding:9px 14px;background:var(--primary);color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s,box-shadow .18s}button:hover{background:var(--primary-dark);box-shadow:0 6px 14px #3b5bfd2e}button:focus-visible{outline:3px solid #f2b23c;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.plain{background:#eef1f8!important;color:#3a4a63!important}.plain:hover{background:#e3e8f4!important;box-shadow:none}button.danger{background:var(--danger)}button.danger:hover{background:#cf3b40}.language{border:1px solid var(--border-strong);background:#fff;color:#3a4a63;padding:6px 10px;font-size:12px}input,textarea,select{width:100%;font:inherit;font-size:13px;border:1px solid var(--border-strong);border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);transition:border-color .18s,box-shadow .18s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b5bfd1f}textarea{min-height:88px;resize:vertical}form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:650;font-size:12px;color:#38465c}p{line-height:1.6;color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--primary);text-transform:uppercase}.error{color:#b3262d;background:#fdeff0;padding:10px 12px;border-radius:9px;font-size:13px}.warning{color:#8a5a00;background:#fff7e0;padding:10px 12px;border-radius:9px;font-size:13px}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% -10%,#dfe6ff 0,transparent 45%),var(--bg)}.login-shell{width:min(1000px,100%);min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px #0f172e1f}.login-story{position:relative;padding:44px;color:#fff;background:linear-gradient(155deg,#0f172e 0,#1b2a4d 62%,#23406e);overflow:hidden}.login-story:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-140px;background:#3b5bfd33;box-shadow:-90px -50px #6f8bff1f}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,#5b78ff,#3b5bfd);color:#fff;font-size:14px;letter-spacing:.06em;box-shadow:0 8px 18px #3b5bfd59}.brand span,.brand small{display:block}.brand span{font-weight:750;letter-spacing:-.01em}.brand small{opacity:.6;font-size:11px;margin-top:3px;font-weight:600}.story-copy{position:relative;z-index:1;margin-top:96px;max-width:400px}.login-story .eyebrow{color:#8ea6ff}.story-copy h1{font-size:38px;line-height:1.15;letter-spacing:-.04em;margin:14px 0}.story-copy p{color:#c3cde0;max-width:360px}.story-grid{position:absolute;z-index:1;bottom:48px;left:44px;display:grid;grid-template-columns:repeat(3,66px);gap:10px}.story-grid span{height:7px;border-radius:10px;background:#7b93ff}.story-grid span:nth-child(2){background:#fff6}.story-grid span:nth-child(3){background:#ffffff2b}.login-card{padding:46px 44px;display:flex;flex-direction:column;justify-content:center}.login-header{display:flex;align-items:center;justify-content:space-between}.login-card h2{font-size:27px;letter-spacing:-.03em;margin:18px 0 6px}.login-card>p{font-size:13px}.login-card form{margin-top:24px}.test-account{margin-top:22px;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:#f8faff;display:grid;gap:6px;font-size:12px;color:#4c5b72}.test-account strong{color:#23324b}.test-account-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.test-account-fill{font-size:11px;padding:4px 9px}.test-account code{display:block;overflow-wrap:anywhere;border-radius:6px;background:#eef2fb;padding:5px 7px;color:#2c3d5a}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:20px 14px 16px;background:linear-gradient(190deg,var(--sidebar-2),var(--sidebar));color:var(--sidebar-text);overflow:auto}.sidebar .brand span{color:#fff}.sidebar .brand small{color:#7f8dab}.sidebar nav{display:grid;align-content:start;gap:4px}.sidebar .nav-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#64728f;padding:16px 10px 6px;text-transform:uppercase}.sidebar .nav-label:first-child{padding-top:2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;background:transparent;color:#a7b3c9;font-size:13px;font-weight:600;text-align:left}.nav-item:hover{background:#ffffff12;color:#fff;box-shadow:none}.nav-item.active{background:linear-gradient(135deg,#4463ff,#3b5bfd);color:#fff;box-shadow:0 8px 18px #3b5bfd4d}.nav-icon{width:17px;height:17px;flex:none;opacity:.95}.nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .nav-chip{margin-left:auto;flex:none;font-size:9px;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:2px 7px;background:#ffffff14;color:#93a1bb}.nav-item.active .nav-chip{background:#ffffff2e;color:#fff}.sidebar-footer{display:grid;gap:12px;padding:14px 12px 4px;border-top:1px solid #ffffff14}.sidebar-footer .quota-label{font-size:11px;font-weight:700;color:#7f8dab}.sidebar-footer .quota-value{font-size:13px;font-weight:750;color:#e8edf8;margin-top:4px}.quota-bar{height:5px;border-radius:99px;background:#ffffff17;margin-top:8px;overflow:hidden}.quota-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5b78ff,#8aa2ff)}.quota-foot{display:flex;justify-content:space-between;font-size:10px;color:#7f8dab;margin-top:6px}.account-state{display:flex;align-items:center;gap:8px;font-size:11px;color:#9aa8c2}.account-state .dot{width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 3px #35d07f26}.account-state .role{margin-left:auto;font-weight:700;color:#c3cddf;letter-spacing:.02em}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:#ffffffd9;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.crumbs b{color:#2a3548;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:99px;background:#fff}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,#5b78ff,#3b5bfd);color:#fff;font-size:11px;font-weight:800}.user-chip span{font-size:12px;color:#2a3548;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.04em}.content{padding:24px 28px 40px;display:grid;gap:20px;align-content:start;min-width:0}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.page-heading h1{font-size:24px;letter-spacing:-.03em;margin:6px 0 4px}.page-heading p{max-width:680px;font-size:13px}.page-heading>div:last-child,.dialog-actions,.actions{display:flex;gap:8px;align-items:center}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{padding:13px 16px;border-bottom:1px solid #f0f3f9;text-align:left;font-size:13px;vertical-align:top}th{background:#f8faff;color:#7384a0;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}tbody tr{transition:background .16s}tbody tr:hover{background:#f9fbff}tbody tr:last-child td{border-bottom:0}td b{color:#1a2436}td small{display:block;margin-top:4px;color:#8492a8;font-size:11.5px;line-height:1.45}.badge{display:inline-block;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:750}.DRAFT{background:#eef1f6;color:#5b6b82}.IN_REVIEW{background:#fff3dd;color:#a8680a}.REVIEWED_PUBLISHED{background:#e4f7ec;color:#147d43}.WITHDRAWN{background:#fdeaea;color:#b93036}.QA_ONLY_NOT_PUBLISHABLE{background:#f1ecfd;color:#6340b5}.actions button{font-size:11.5px;padding:6px 10px}.empty{padding:44px;text-align:center;color:var(--muted);font-size:13px;background:var(--card);border:1px dashed var(--border-strong);border-radius:14px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d152b73;display:grid;place-items:center;padding:18px;z-index:20}.dialog{width:min(700px,100%);background:#fff;border-radius:16px;padding:26px;max-height:90vh;overflow:auto;box-shadow:0 30px 70px #0b12263d}.dialog.small{width:min(460px,100%)}.dialog h2{margin:0;font-size:20px;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.dialog-actions{justify-content:flex-end;margin-top:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto auto auto}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar .nav-label{display:none}.nav-item{width:auto}.nav-item .nav-chip{display:none}.topbar{padding:0 18px}.content{padding:18px}.page-heading{display:block}.page-heading>div:last-child{margin-top:14px}.form-grid{grid-template-columns:1fr}}@media(max-width:820px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-story{padding:30px;min-height:240px}.story-copy{margin-top:34px}.story-copy h1{font-size:28px}.story-copy p,.story-grid{display:none}.login-card{padding:30px 24px}}.row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px}.stat-card{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;flex:none}.stat-icon svg{width:19px;height:19px}.stat-body{display:grid;gap:2px;min-width:0}.stat-label{font-size:11.5px;font-weight:700;color:#6f7f96}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.25;color:#101828}.stat-value.text{font-size:17px;font-weight:750;color:#a2710a}.stat-sub{font-size:11px;color:#8b99ae}.tone-blue .stat-icon{background:#e8ecff;color:#3b5bfd}.tone-green .stat-icon{background:#e3f8ec;color:#17925a}.tone-violet .stat-icon{background:#f0e9ff;color:#7b4dff}.tone-teal .stat-icon{background:#e2f6f6;color:#0f9b9b}.tone-orange .stat-icon{background:#fff0e2;color:#d97a15}.tone-slate .stat-icon{background:#eef1f7;color:#64748b}.tone-amber{background:#fffdf6;border-color:#efe4c8}.tone-amber .stat-icon{background:#fdf3d8;color:#b4830c}.quick-row{display:grid;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px 20px;box-shadow:var(--shadow)}.quick-row h2{font-size:15px;margin:0;letter-spacing:-.01em}.quick-row .row-actions{justify-content:flex-end}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.quick-card{display:flex;align-items:center;gap:8px;background:#f7f9fe;border:1px solid #e8edf9;color:#2f4be0;font-weight:650;font-size:13px;text-align:left;padding:13px 14px;border-radius:10px}.quick-card:before{content:"";width:7px;height:7px;border-radius:2px;background:#3b5bfd;opacity:.55}.quick-card:hover{background:#eef2ff;border-color:#d7e0ff;box-shadow:none}.status-chip{display:inline-flex;align-items:center;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:800;background:#fff4df;color:#a2710a;white-space:nowrap}.placeholder-card{border:1px dashed #d5dded;border-radius:14px;padding:24px;background:#fbfcff}.placeholder-card h2{margin:0 0 14px;font-size:15px;color:#26324a}.placeholder-card ul{margin:0;padding:0;display:grid;gap:10px;list-style:none}.placeholder-card li{position:relative;padding-left:22px;color:#4a5970;font-size:13px;line-height:1.55}.placeholder-card li:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:3px;background:#8fa4ff}.empty.small{padding:22px}.hint{font-size:12px;color:#8492a8}.error-row{display:flex;align-items:center;gap:12px}.error-row .error{flex:1;margin:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.filter-bar label,.inline-filter{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5b6b82;min-width:128px}.filter-bar label input,.filter-bar label select{padding:8px 10px}.filter-bar button{align-self:flex-end}.inline-filter{min-width:150px}.inline-filter select{padding:7px 10px;font-size:12.5px}.stem-cell{max-width:330px}.options-editor{display:grid;gap:10px;border:1px solid var(--border);border-radius:12px;padding:14px;background:#f9fbff}.options-title{font-size:11.5px;font-weight:800;color:#38465c}.option-row{display:flex;gap:8px;align-items:center}.option-row .option-key{width:58px;text-align:center;text-transform:uppercase}.option-actions{display:flex;justify-content:flex-end}.review-target{margin:8px 0;padding:12px 14px;border-radius:10px;background:#f5f8ff;border:1px solid #e8eefb;color:#38465c;font-size:13px}.candidate-list{display:grid;gap:8px;max-height:250px;overflow:auto;margin-top:10px;padding:4px 6px 4px 2px}.candidate-row{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:500;color:#38465c;padding:7px 9px;border:1px solid #eef2f9;border-radius:9px;background:#fbfcff}.candidate-row input{width:auto;margin-top:3px}.candidate-row span{line-height:1.5}.items-intro{font-size:12.5px}.dialog h3{margin:16px 0 8px;font-size:13.5px;color:#26324a}.dialog .table-wrap{margin-top:0;box-shadow:none}.dialog .table-wrap table{min-width:0}@media(max-width:960px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}