:root{--bg: #0c0d10;--bg-elev: #14161c;--panel: #181b22;--panel-2: #1e222c;--border: #2c3140;--border-hot: #4a3540;--text: #e8ecf4;--muted: #8b93a7;--flame: #ff6a2a;--flame-2: #ff3d4a;--flame-soft: rgba(255, 106, 42, .14);--good: #3dcc7a;--warn: #e6c34a;--bad: #e04545;--info: #4a9eff;--sidebar-w: 240px;--font: "Barlow", system-ui, sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace;--radius: 12px;--shadow: 0 12px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--flame)}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse 70% 50% at 50% 20%,rgba(255,80,40,.12),transparent 55%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(120,40,60,.1),transparent 50%),var(--bg)}.login__card{width:min(400px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:2rem 1.75rem 1.5rem;box-shadow:var(--shadow);text-align:center}.login__logo{width:min(220px,70%);height:auto;margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 0 24px rgba(255,80,40,.35))}.login__sub{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem}.login__sub strong{color:var(--text)}.login__form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.login__form label{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.login__form input,.login__form select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;font-size:.95rem;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text)}.login__form input:focus,.login__form select:focus{outline:2px solid rgba(255,106,42,.45);border-color:var(--flame)}.login__hint{margin:1rem 0 0;font-size:.78rem;color:var(--muted)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#12141a,#0e1014);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem .75rem;z-index:20}.sidebar__brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sidebar__brand img{width:42px;height:42px;object-fit:contain}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar__brand-text strong{font-size:.95rem;font-weight:800;letter-spacing:.04em}.sidebar__brand-text span{font-size:.68rem;color:var(--muted);font-weight:600}.nav{display:flex;flex-direction:column;gap:.2rem;flex:1;overflow:auto}.nav__btn{display:flex;align-items:center;gap:.6rem;width:100%;border:none;background:transparent;color:var(--muted);text-align:left;padding:.65rem .75rem;border-radius:9px;cursor:pointer;font-weight:600;font-size:.92rem;transition:background .15s,color .15s}.nav__btn:hover{background:#ffffff0a;color:var(--text)}.nav__btn.is-active{background:var(--flame-soft);color:#ffc8a8;box-shadow:inset 3px 0 0 var(--flame)}.nav__icon{width:1.25rem;text-align:center;opacity:.9}.nav__badge{margin-left:auto;background:var(--flame-2);color:#fff;font-size:.68rem;font-weight:800;min-width:1.25rem;height:1.25rem;border-radius:999px;display:grid;place-items:center;padding:0 .35rem}.sidebar__user{border-top:1px solid var(--border);padding:.75rem .5rem .25rem;margin-top:.5rem}.sidebar__user-name{font-weight:700;font-size:.88rem}.sidebar__user-meta{font-size:.72rem;color:var(--muted);margin-bottom:.5rem}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#0c0d10eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar__title{font-weight:800;font-size:1.1rem;margin:0;white-space:nowrap}.topbar__search{flex:1;max-width:420px;margin-left:.5rem;position:relative}.topbar__search input{width:100%;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:.55rem .9rem .55rem 2.2rem;font-size:.9rem}.topbar__search:before{content:"⌕";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem;pointer-events:none}.topbar__actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.content{padding:1.15rem 1.35rem 2.5rem;flex:1}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:.5rem .85rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn:hover{border-color:#4a5268;background:#252a36}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(135deg,#ff6a2a,#e03a3a);border-color:transparent;color:#fff;box-shadow:0 4px 16px #ff50284d}.btn--primary:hover{background:linear-gradient(135deg,#ff7d45,#f04a4a);border-color:transparent}.btn--ghost{background:transparent}.btn--sm{padding:.35rem .65rem;font-size:.8rem}.btn--good{background:#3dcc7a26;border-color:#3dcc7a66;color:var(--good)}.btn--warn{background:#e6c34a1f;border-color:#e6c34a59;color:var(--warn)}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;gap:.9rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(280px,86vw);transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.is-open{transform:translate(0)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.menu-toggle{display:inline-flex!important}}.menu-toggle{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.card--hot{border-color:var(--border-hot);background:linear-gradient(145deg,#22181c,var(--panel))}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.card__title{margin:0;font-size:1rem;font-weight:800}.card__meta{font-size:.78rem;color:var(--muted);margin-top:.15rem}.stat{padding:.9rem 1rem}.stat__k{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat__v{font-family:var(--mono);font-size:1.65rem;font-weight:700;margin-top:.2rem;color:#fff}.stat__v--good{color:var(--good)}.stat__v--warn{color:var(--warn)}.stat__v--bad{color:var(--bad)}.stat__v--flame{color:var(--flame)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.list__item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.list__item:hover{border-color:#4a5268;background:#1a1e28}.list__item.is-urgent{border-color:#e0454573;background:#e0454514}.list__icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--flame-soft);color:var(--flame);font-size:1rem;flex-shrink:0}.list__body{flex:1;min-width:0}.list__title{font-weight:700;font-size:.92rem}.list__sub{font-size:.78rem;color:var(--muted);margin-top:.1rem}.pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:#ffffff0f;color:var(--muted);white-space:nowrap}.pill--due{background:#e6c34a26;color:var(--warn)}.pill--overdue{background:#e0454526;color:var(--bad)}.pill--done{background:#3dcc7a26;color:var(--good)}.pill--urgent{background:#e0454533;color:#ff8a8a}.pill--info{background:#4a9eff26;color:var(--info)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th,table.data td{text-align:left;padding:.65rem .55rem;border-bottom:1px solid var(--border)}table.data th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}table.data tr:hover td{background:#ffffff05}table.data tr.is-clickable{cursor:pointer}.progress{height:8px;background:#0a0c10;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress__bar{height:100%;background:linear-gradient(90deg,var(--flame),var(--flame-2));border-radius:999px}.player{display:grid;grid-template-columns:1fr 300px;gap:1rem;align-items:start}@media(max-width:960px){.player{grid-template-columns:1fr}}.player__stage{background:#000;border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:16 / 9;position:relative;overflow:hidden;display:grid;place-items:center}.player__slide{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,80,40,.25),transparent 55%),linear-gradient(160deg,#1a1014,#0a0a0c)}.player__slide h2{margin:0 0 .75rem;font-size:clamp(1.4rem,3vw,2.1rem)}.player__slide p{margin:0;color:#c8cdd8;max-width:32rem;line-height:1.5;font-size:1.05rem}.player__bar{position:absolute;left:0;right:0;bottom:0;padding:.65rem .85rem;background:linear-gradient(transparent,#000000d9);display:flex;align-items:center;gap:.65rem}.player__time{font-family:var(--mono);font-size:.78rem;color:#ccc}.player__timeline{flex:1;height:6px;background:#ffffff26;border-radius:999px;position:relative;cursor:pointer}.player__timeline-fill{height:100%;background:var(--flame);border-radius:999px;width:0%}.player__cue{position:absolute;top:-3px;width:4px;height:12px;background:var(--warn);border-radius:2px;transform:translate(-50%)}.modal-root{position:fixed;inset:0;z-index:1000;background:#06080cb8;display:grid;place-items:center;padding:1rem}.modal{width:min(480px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow)}.modal h3{margin:0 0 .35rem}.modal__q{margin:.75rem 0 1rem;font-size:1.05rem;font-weight:600;line-height:1.4}.choices{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.choice{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev);cursor:pointer;text-align:left;width:100%;font-weight:500}.choice:hover{border-color:#5a6478}.choice.is-selected{border-color:var(--flame);background:var(--flame-soft)}.choice.is-correct{border-color:var(--good);background:#3dcc7a1f}.choice.is-wrong{border-color:var(--bad);background:#e045451f}.toast{position:fixed;bottom:1.25rem;right:1.25rem;z-index:2000;background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--flame);border-radius:10px;padding:.75rem 1rem;box-shadow:var(--shadow);max-width:320px;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.section-head h2{margin:0;font-size:1.35rem;font-weight:800}.hint{font-size:.85rem;color:var(--muted);line-height:1.45}.tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:.35rem .75rem;font-weight:700;font-size:.8rem;cursor:pointer}.tabs button.is-active{background:var(--flame-soft);border-color:#ff6a2a66;color:#ffc8a8}.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:5px;background:#ffffff0f;color:var(--muted);margin-right:.25rem}.revision{border-left:3px solid var(--flame);padding:.5rem 0 .5rem .85rem;margin-bottom:.65rem}.revision__v{font-family:var(--mono);font-weight:700;color:var(--flame)}.banner-urgent{background:linear-gradient(90deg,#e0454533,#141012e6);border:1px solid rgba(224,69,69,.45);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.demo-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(230,195,74,.35);padding:.2rem .45rem;border-radius:4px}.empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem}.field textarea{min-height:90px;resize:vertical}.mono-cell{font-family:var(--mono);font-size:.78rem;color:#b8c0d0}tr.is-inactive td{opacity:.45}.modal--wide{width:min(920px,100%);max-height:calc(100vh - 2rem);overflow:auto}.author-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:.35rem;margin:1rem 0;padding:.85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px}.author-flow__step{flex:1 1 110px;min-width:100px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.65rem .55rem;text-align:center}.author-flow__step--hot{border-color:#ff6a2a8c;box-shadow:0 0 0 1px #ff6a2a33;background:linear-gradient(160deg,rgba(255,80,40,.12),var(--panel))}.author-flow__num{width:1.5rem;height:1.5rem;margin:0 auto .35rem;border-radius:999px;background:var(--flame-soft);color:var(--flame);font-weight:800;font-size:.8rem;display:grid;place-items:center}.author-flow__title{font-weight:800;font-size:.82rem;margin-bottom:.25rem}.author-flow__body{font-size:.72rem;color:var(--muted);line-height:1.35}.author-flow__arrow{display:flex;align-items:center;color:var(--flame);font-weight:800;padding:0 .15rem}@media(max-width:700px){.author-flow__arrow{display:none}}.media-types__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem}.media-type{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.65rem .7rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;color:var(--text)}.media-type strong{font-size:.88rem}.media-type span{font-size:.72rem;color:var(--muted);line-height:1.3}.media-type.is-selected{border-color:var(--flame);background:var(--flame-soft)}.block-list{margin:.5rem 0 0;padding:0;list-style:none}.block-list li{padding:.4rem 0;border-bottom:1px solid rgba(44,49,64,.8);font-size:.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.bank-pick{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;max-height:180px;overflow:auto}.bank-pick__row{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:start;font-size:.78rem;padding:.4rem .45rem;border-radius:8px;background:var(--panel);border:1px solid var(--border);cursor:pointer}.import-drop{margin-top:.75rem;border:2px dashed var(--border);border-radius:12px;padding:1.5rem 1rem;text-align:center;background:var(--bg-elev);cursor:pointer;transition:border-color .15s,background .15s}.import-drop:hover,.import-drop.is-drag{border-color:var(--flame);background:var(--flame-soft)}.import-drop--scan{border-style:solid;border-color:#4a9eff59}.import-drop__icon{display:inline-block;font-weight:800;font-size:.75rem;letter-spacing:.08em;color:var(--flame);border:1px solid rgba(255,106,42,.4);border-radius:6px;padding:.2rem .5rem;margin-bottom:.5rem}.code-sample{margin:.75rem 0 0;padding:.65rem .75rem;background:#0a0c10;border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:.68rem;color:#9aa8bc;overflow-x:auto;white-space:pre}.ocr-mock__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.35rem}.ocr-mock__page{background:#f4f1ea;color:#1a1a1a;border-radius:8px;padding:.85rem 1rem;font-size:.85rem;line-height:1.55;box-shadow:inset 0 0 0 1px #00000014}.ocr-mock__q{margin-bottom:.45rem}.ocr-mock__hit{color:#0a6b3c;font-size:.72rem;font-weight:700}