@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Serif:wght@500;600&display=swap";:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f1f3f9;--line: #e3e6ef;--line-strong: #c9cee0;--ink: #11142a;--ink-2: #2d3147;--ink-3: #5b607a;--ink-4: #676c86;--indigo: #2b2f7e;--indigo-strong: #1c1f5c;--indigo-soft: #e8eaf7;--warn: #c2551a;--warn-soft: #fdf0e6;--danger: #b32b3a;--danger-soft: #fbe9eb;--ok: #1f7a52;--ok-soft: #e6f3ec;--info: #1a5fa8;--info-soft: #e6eff8;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-48: 48px;--space-60: 60px;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(20, 26, 60, .06);--shadow-md: 0 4px 16px rgba(20, 26, 60, .08);--shadow-lg: 0 24px 48px -12px rgba(20, 26, 60, .18);--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-serif: "IBM Plex Serif", Georgia, serif;--header-h: 56px;--sidebar-w: 240px;--overlay-backdrop: rgba(15, 23, 42, .45);--overlay-radius: var(--radius-lg);--z-drawer: 50;--z-modal: 60;--sidebar-bg: #0e1130;--sidebar-ink-muted: #8085ab}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:var(--indigo);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.app.no-chrome{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}.sidebar{grid-area:sidebar;background:var(--sidebar-bg);color:#cdd2ec;display:flex;flex-direction:column;border-right:1px solid #1a1d44}.sidebar-brand{padding:18px 20px 20px;border-bottom:1px solid #1a1d44;display:flex;align-items:center;gap:10px}.sidebar-brand .mark{width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,#4a52d6,#8b91ec);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;font-family:var(--font-mono)}.sidebar-brand .name{font-weight:600;font-size:14px;color:#f3f4ff;letter-spacing:-.01em}.sidebar-brand .tag{font-size:10px;color:#8a8fb8;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sidebar-nav{padding:12px 8px;flex:1;overflow-y:auto}.sidebar-section{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-ink-muted);padding:14px 12px 6px;font-family:var(--font-mono)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:5px;color:#cdd2ec;cursor:pointer;font-size:13px;transition:background 80ms;border:0;background:none;width:100%;text-align:left}.sidebar-link:hover{background:#1a1d44;color:#fff}.sidebar-link.active{background:#1f2350;color:#fff}.sidebar-link .ic{width:16px;height:16px;opacity:.7}.sidebar-link.active .ic{opacity:1}.sidebar-foot{padding:12px;border-top:1px solid #1a1d44;font-size:11px;color:var(--sidebar-ink-muted);font-family:var(--font-mono)}.topbar{grid-area:topbar;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:16px}.topbar h1{margin:0;font-size:14px;font-weight:600;color:var(--ink)}.topbar .crumb{color:var(--ink-4);font-size:13px;font-family:var(--font-mono)}.topbar-right{margin-left:auto;display:flex;gap:12px;align-items:center}.lang-switch{display:inline-flex;background:var(--surface-2);border-radius:5px;padding:2px;font-family:var(--font-mono);font-size:11px}.lang-switch button{border:0;background:none;padding:4px 10px;border-radius:3px;color:var(--ink-3);cursor:pointer;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.lang-switch button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:var(--surface);cursor:pointer}.user-chip .avatar{width:24px;height:24px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600;font-family:var(--font-mono)}.user-chip .role{font-family:var(--font-mono);color:var(--ink-4);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.topbar-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);cursor:pointer}.topbar-menu-btn:hover{background:var(--surface-2)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);z-index:var(--z-drawer);animation:nav-drawer-fade .16s ease}.drawer-panel{position:fixed;box-shadow:var(--shadow-lg);overflow-y:auto;width:min(var(--drawer-w, var(--sidebar-w)),100vw);max-width:100vw}.drawer-panel--left{top:0;left:0;bottom:0;max-width:82vw;animation:nav-drawer-slide .2s ease}.drawer-panel--right{right:0;top:var(--header-h);bottom:0;background:var(--surface);border-left:1px solid var(--line);padding:clamp(16px,4vw,24px);animation:drawer-slide-right .2s ease}@keyframes drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-drawer .sidebar{display:flex;width:100%;height:100%;border-right:0}@keyframes nav-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes nav-drawer-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.spinner{animation:none!important;border-color:var(--indigo);opacity:.65}}.main{grid-area:main;overflow-y:auto;min-width:0;padding:28px 32px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.page-subtitle{color:var(--ink-3);margin:0 0 24px;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:0;font-size:13px;font-weight:600}.card-body{padding:18px}.card-tight{padding:0}.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 80ms}.btn:hover{background:var(--surface-2);border-color:var(--ink-4)}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-strong);border-color:var(--indigo-strong)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-3)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:10px 18px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:5px;padding:7px 10px;font-size:13px;font-family:inherit;color:var(--ink);width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.label{font-size:11px;font-weight:500;color:var(--ink-3);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.field{display:flex;flex-direction:column}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-soft);border-color:#c4e2d3;color:var(--ok)}.badge.warn{background:var(--warn-soft);border-color:#f0d4b8;color:var(--warn)}.badge.danger{background:var(--danger-soft);border-color:#f0c6cb;color:var(--danger)}.badge.info{background:var(--info-soft);border-color:#cadcef;color:var(--info)}.badge.indigo{background:var(--indigo-soft);border-color:#c8cdef;color:var(--indigo)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-size:11px;font-weight:500;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono)}.tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tbody tr{cursor:pointer;transition:background 80ms}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.selected{background:var(--indigo-soft)}.tbl .mono{font-family:var(--font-mono);font-size:12px}.tbl .ink-3{color:var(--ink-3)}.kpi-grid{display:grid;grid-template-columns:var(--kpi-cols, repeat(4, 1fr));gap:16px;margin-bottom:24px}.kpi-grid--3{--kpi-cols: repeat(3, 1fr)}.kpi-grid--4{--kpi-cols: repeat(4, 1fr)}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}.kpi .label{margin-bottom:8px}.kpi .value{font-size:26px;font-weight:600;letter-spacing:-.02em}.kpi .delta{font-size:11px;font-family:var(--font-mono);color:var(--ink-3);margin-top:4px}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.divider{height:1px;background:var(--line);margin:16px 0}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rgrid{display:grid;grid-template-columns:var(--rgrid-cols, 1fr 1fr);gap:var(--rgrid-gap, 16px);align-items:start}.mgrid{display:grid;grid-template-columns:var(--mgrid-cols, 1fr auto);gap:var(--mgrid-gap, 8px)}.center{display:grid;place-items:center}.h-stack{display:flex;gap:12px;align-items:center}.bankid-bg{min-height:100vh;display:grid;place-items:center;background:var(--bg);background-image:radial-gradient(circle at 20% 10%,rgba(43,47,126,.08),transparent 50%),radial-gradient(circle at 90% 80%,rgba(74,82,214,.06),transparent 50%);padding:40px 20px}.bankid-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:36px 32px}.bankid-title{font-size:22px;font-weight:600;margin:12px 0 6px;letter-spacing:-.01em}.bankid-sub{color:var(--ink-3);margin:0 0 24px;font-size:13px}.qr-box{width:220px;height:220px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;display:grid}.qr-svg{width:100%;height:100%}.qr-label{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:12px;text-transform:uppercase;letter-spacing:.05em}.spinner{width:18px;height:18px;border:2px solid var(--indigo-soft);border-top-color:var(--indigo);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.progress-fill{transition:width .2s ease}.player-shell{display:grid;grid-template-columns:280px 1fr;gap:0;height:calc(100vh - var(--header-h))}.player-modules{background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}.player-chapters-toggle{display:none;align-items:center;gap:var(--space-10);width:100%;padding:var(--space-12) var(--space-16);border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--text-base);font-weight:500;cursor:pointer}.player-chapters-toggle:hover{background:var(--surface-2)}.player-modules-head{padding:18px;border-bottom:1px solid var(--line)}.module-item{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;cursor:pointer;font-size:13px}.module-item:hover{background:var(--surface-2)}.module-item.current{background:var(--indigo-soft);border-left:3px solid var(--indigo);padding-left:15px}.module-num{width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);flex-shrink:0}.module-num.done{background:var(--ok);color:#fff}.module-num.current{background:var(--indigo);color:#fff}.player-content{background:var(--bg);overflow-y:auto;padding:32px 48px}.player-frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;max-width:880px;margin:0 auto}.player-img{height:280px;background:repeating-linear-gradient(45deg,#d4d8ec 0,#d4d8ec 12px,#c5cae0 12px,#c5cae0 24px);display:grid;place-items:center;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.review-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.fact-row{display:grid;grid-template-columns:140px 1fr;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.fact-row:last-child{border-bottom:0}.fact-row--tight{grid-template-columns:100px 1fr;padding:4px 0;border-bottom:0}.fact-label{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.timeline-item{display:grid;grid-template-columns:140px 1fr;padding:10px 0;border-bottom:1px dashed var(--line);font-size:12px}.timeline-ts{font-family:var(--font-mono);color:var(--ink-4);font-size:11px}.timeline-act{font-family:var(--font-mono);color:var(--ink)}.id06-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.id06-head{padding:14px 16px;background:linear-gradient(180deg,#1c1f5c,#0e1130);color:#fff}.id06-head .pill{display:inline-block;font-family:var(--font-mono);font-size:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.id06-head h4{margin:0;font-size:14px;font-weight:600}.id06-body{padding:14px 16px}@media(max-width:760px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-h) 1fr;grid-template-areas:"topbar" "main"}.sidebar{display:none}.topbar-menu-btn{display:inline-flex}.main{padding:18px 16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.player-shell{grid-template-columns:1fr;height:auto}.player-chapters-toggle{display:flex}.player-modules{display:none}.player-modules[data-open=true]{display:block}.player-content{padding:18px 16px}.grid-2,.grid-3,.rgrid{grid-template-columns:1fr}.topbar{padding:0 12px;gap:8px}.topbar .crumb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:8px}.user-chip{padding:4px}.user-chip-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar .logout-label{display:none}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}.table-scroll{overflow-x:auto;min-width:0}.stepper{display:flex;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:12px;font-family:var(--font-mono);background:var(--surface)}.stepper>div{padding:8px 14px;flex:1;text-align:center;border-right:1px solid var(--line);color:var(--ink-3);background:var(--surface)}.stepper>div:last-child{border-right:0}.stepper>div.active{background:var(--indigo);color:#fff}.stepper>div.done{background:var(--ok-soft);color:var(--ok)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.editor-left,.editor-right,.chapter-list{display:flex;flex-direction:column}.chapter-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.chapter-row:hover{background:var(--surface)}.chapter-row.active{background:var(--indigo-soft, rgba(99, 102, 241, .08))}.chapter-row-actions{display:flex;gap:2px;align-items:center;opacity:.5;transition:opacity .1s}.chapter-row:hover .chapter-row-actions{opacity:1}.block-section{border-top:2px solid var(--line);background:var(--surface);padding-bottom:8px}.block-row{display:flex;gap:10px;padding:10px 12px;margin:0 12px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.block-row-preview{font-size:12px;color:var(--ink);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor{border:1px solid var(--indigo);border-radius:6px;padding:12px;background:var(--bg)}.block-editor-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:6px}.block-editor-tab{padding:4px 10px;font-size:11px;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer;color:var(--ink-3)}.block-editor-tab.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.icon-btn{width:24px;height:24px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-size:12px;cursor:pointer;color:var(--ink-3)}.icon-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.highlight-box{border-left:4px solid;padding:12px 14px;margin:12px 0;border-radius:4px;font-size:13px}.highlight-box-info{background:#6366f114;border-color:var(--indigo)}.highlight-box-warn{background:#dc26260f;border-color:var(--danger, #c62828)}.highlight-box-tip{background:#22c55e14;border-color:var(--ok, #16a34a)}.upload-zone{border:2px dashed var(--line);border-radius:8px;padding:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface);transition:border-color .1s,background .1s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--indigo);background:#6366f10a}.upload-progress{width:100%;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--indigo);transition:width .15s}.video-frame{width:100%;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:#000;margin:16px 0}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:24px}.modal-panel{background:var(--bg);border-radius:var(--overlay-radius);padding:20px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.dialog-title{margin:0;font-size:var(--text-lg);font-weight:600}.dialog-close{padding:var(--space-4)}.dialog-desc{font-size:var(--text-base);color:var(--ink-2);margin:var(--space-8) 0 0;line-height:1.6}.dialog-foot{display:flex;gap:var(--space-10);justify-content:flex-end;margin-top:var(--space-24)}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}}.wizard-panel{display:flex;flex-direction:column;gap:var(--space-24);padding:clamp(16px,4vw,28px)}.field-hint{font-size:var(--text-xs);color:var(--ink-3);margin-top:var(--space-4)}.field-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-4)}