:root{color-scheme:dark;--navy-900: #06111B;--navy-800: #0F2436;--navy-700: #16324A;--navy-600: #1F3E58;--gold: #C2A05A;--gold-light: #D8BC7E;--gold-dark: #A8863F;--gold-soft: #2A2316;--paper: #0A1823;--surface: #0F2436;--surface-2: #13293C;--line: #1E3A52;--line-2: #27455F;--ink: #E7EDF3;--ink-2: #C8D4DE;--muted: #90A4B6;--muted-2: #6B8098;--ok: #5FB07A;--ok-bg: #16311F;--warn: #E0A94A;--warn-bg: #352A12;--danger: #D96A6A;--danger-bg: #3A1D1D;--info: #6AA0D9;--info-bg: #142B3E;--ai: #9B7FD4;--ai-bg: #241E36;--gold-ink: #C2A05A;--chrome: #0F2436;--chrome-2: #13293C;--on-chrome: #FFFFFF;--on-chrome-2: #D7DEE6;--on-chrome-dim: #6E8093;--on-chrome-dim-2: #9FB0C0;--chrome-line: rgba(255,255,255,.07);--chrome-hover: rgba(255,255,255,.05);--on-navy: #FFFFFF;--on-navy-2: #D7DEE6;--on-navy-3: #C4CDD7;--on-navy-dim: #6E8093;--on-navy-dim-2: #9FB0C0;--on-navy-dim-3: #AEBDCB;--on-navy-line: rgba(255,255,255,.07);--on-navy-hover: rgba(255,255,255,.05);--on-navy-chip: rgba(255,255,255,.1);--on-navy-chip-line: rgba(255,255,255,.25);--gold-veil-1: rgba(194,160,90,.18);--gold-veil-2: rgba(194,160,90,.04);--gold-veil-3: rgba(194,160,90,.4);--gold-veil-4: rgba(194,160,90,.45);--gold-veil-5: rgba(194,160,90,.55);--gold-veil-6: rgba(194,160,90,.65);--gold-veil-7: rgba(194,160,90,.15);--gold-veil-8: rgba(194,160,90,.06);--scrim: rgba(3,9,15,.62);--sh-1: none;--sh-2: none;--cel-coral-1: #FF8A65;--cel-coral-2: #FF6B9D;--cel-mint-1: #43C6AC;--cel-mint-2: #6BCB77;--cel-warm-1: #FF9F45;--cel-warm-2: #FF6B6B;--cel-cta-coral-1: #FF7A59;--cel-cta-coral-2: #FF5C8A;--cel-cta-mint-1: #2FB39A;--cel-cta-mint-2: #5BC169;--cel-cta-warm-1: #FF9330;--cel-cta-warm-2: #FF5B5B;--cel-pop: #FFFFFF;--cel-ttl: #1B2A38;--cel-msg: #5A6B7A;--cel-wow: #E4CE92;--cel-line: #DCE7F0;--cel-dot: #6BCB77;--cel-badge: #FF5B5B;--cel-badge-glow: rgba(255,91,91,.5);--cel-shadow: rgba(0,0,0,.4);--cel-glow: #1F3E58;--ic-mic-1: #E25555;--ic-mic-2: #B23A48;--ic-cam-1: #3D7BD9;--ic-cam-2: #2C5CA8;--ic-doc-1: #3BB07F;--ic-doc-2: #2E7D5B;--ic-note-1: #8B6AD1;--ic-note-2: #6D4A9E;--stage-msg: #E8EDF2;--video-bg: #000000;--toast-sh: rgba(0,0,0,.25);--cel-hint: #CCFFEE;--ok-line: #BFE0CE;--brand: Georgia, "Times New Roman", serif;--heading: "Manrope", "Be Vietnam Pro", system-ui, sans-serif;--sans: "Inter", "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--r: 10px;--r-lg: 16px}:root[data-theme=light]{color-scheme:light;--navy-900: #0A1A28;--navy-800: #0F2436;--navy-700: #16324A;--navy-600: #1F3E58;--gold: #C2A05A;--gold-light: #D8BC7E;--gold-dark: #8A6E33;--gold-soft: #F0E6D2;--paper: #F6F4EF;--surface: #ffffff;--surface-2: #FBFAF7;--line: #E7E2D8;--line-2: #EFECE4;--ink: #1B2530;--ink-2: #3A4756;--muted: #6C7784;--muted-2: #8C95A0;--ok: #2D7958;--ok-bg: #E4F1EA;--warn: #8E6708;--warn-bg: #FBF0D8;--danger: #B23A48;--danger-bg: #F7E4E6;--info: #2C6E8F;--info-bg: #E1EEF3;--ai: #6D4A9E;--ai-bg: #EEE7F6;--gold-ink: #8A6F33;--chrome: #FFFFFF;--chrome-2: #F2F5F8;--on-chrome: #16202B;--on-chrome-2: #3A4756;--on-chrome-dim: #8795A6;--on-chrome-dim-2: #55657A;--chrome-line: #E2E7ED;--chrome-hover: #F2F5F8;--scrim: rgba(15,36,54,.45);--sh-1: 0 1px 3px rgba(15,36,54,.07);--sh-2: 0 4px 14px rgba(15,36,54,.09)}@media print{:root{--paper: #ffffff;--surface: #ffffff;--surface-2: #ffffff;--line: #d8d8d8;--line-2: #e8e8e8;--ink: #111111;--ink-2: #333333;--muted: #555555;--muted-2: #777777;--scrim: transparent;--sh-1: none;--sh-2: none;--navy-900: #0A1A28;--navy-800: #0F2436;--navy-700: #16324A;--navy-600: #1F3E58;--gold: #A8863F;--gold-light: #8A6E33;--gold-dark: #6E5728;--gold-soft: #F0E6D2;--gold-ink: #6E5728;--ok: #1F5C3C;--ok-bg: #E4F1EA;--warn: #6E5006;--warn-bg: #FBF0D8;--danger: #8E2B37;--danger-bg: #F7E4E6;--info: #1F4E6B;--info-bg: #E1EEF3;--ai: #503876;--ai-bg: #EEE7F6;--chrome: #ffffff;--chrome-2: #ffffff;--on-chrome: #111111;--on-chrome-2: #333333;--on-chrome-dim: #666666;--on-chrome-dim-2: #555555;--chrome-line: #d8d8d8;--chrome-hover: #ffffff}.modbar,.sidebar,.topbar,.scrim{display:none!important}.app{display:block!important}}*{box-sizing:border-box}::placeholder{color:var(--muted-2);opacity:1}html,body,#root{margin:0;height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600}a{color:var(--info);text-decoration:none}button{font-family:inherit}.serif{font-family:var(--heading)}.muted{color:var(--muted)}.center{text-align:center}.right{text-align:right}.mono{font-variant-numeric:tabular-nums}.flex{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g-2-1{grid-template-columns:2fr 1fr}@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.g-2-1{grid-template-columns:1fr}}@media(max-width:640px){.g2,.g3,.g4,.g-2-1{grid-template-columns:1fr}.grid{gap:14px}}.shell{display:flex;flex-direction:column;min-height:100vh}.modbar{display:flex;align-items:stretch;background:var(--chrome);border-bottom:1px solid var(--chrome-line);position:sticky;top:0;z-index:30}.modbar .brand{display:flex;align-items:center;gap:10px;padding:0 18px;min-width:210px}.modbar .brand .mark{width:34px;height:34px;border-radius:8px;background:var(--gold);color:#0f2436;display:grid;place-items:center;font-family:var(--brand);font-weight:700;font-size:15px;letter-spacing:.5px}.modbar .brand .t1{font-family:var(--heading);font-weight:700;font-size:14.5px;color:var(--on-chrome)}.modbar .brand .t2{font-size:10.5px;color:var(--on-chrome-dim);letter-spacing:.6px;text-transform:uppercase}.mods{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}.mods::-webkit-scrollbar{display:none}.mod{position:relative;padding:11px 22px 9px;text-align:center;white-space:nowrap;border-radius:8px 8px 0 0;background:none;border:none;cursor:pointer;color:inherit;font:inherit}.mod:hover{background:var(--chrome-hover)}.mod.on{background:var(--paper);box-shadow:inset 0 -3px 0 var(--gold)}.mod .code{font-family:var(--heading);font-weight:700;font-size:12.5px;letter-spacing:1px;color:var(--on-chrome-2)}.mod.on .code{color:var(--gold-ink)}.mod .lab{font-size:10.5px;color:var(--on-chrome-dim);margin-top:1px}.mod.on .lab{color:var(--muted)}.mod .dot{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--on-chrome-dim);opacity:.45}.mod.on .dot{background:var(--ok);opacity:1}.topr{display:flex;align-items:center;gap:12px;padding:0 16px;margin-left:auto}.theme-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--chrome-line);display:grid;place-items:center;font-size:14px;color:var(--on-chrome-2);background:var(--chrome-hover);cursor:pointer}.theme-btn:hover{border-color:var(--gold);color:var(--gold-ink)}.me{display:flex;align-items:center;gap:9px;text-decoration:none}.me .avatar{width:30px;height:30px}.me .t1{font-size:12.5px;font-weight:600;line-height:1.15;color:var(--on-chrome)}.me .t2{font-size:10.5px;color:var(--on-chrome-dim-2)}.app{display:grid;grid-template-columns:210px 1fr;flex:1;min-height:0}.sidebar{background:var(--chrome);color:var(--on-chrome-2);border-right:1px solid var(--chrome-line);display:flex;flex-direction:column;position:sticky;top:56px;height:calc(100vh - 56px)}.sb-brand{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--chrome-line);min-height:72px}.sb-brand .mark{width:40px;height:40px;border-radius:8px;background:var(--navy-900);border:1px solid var(--gold-veil-3);display:grid;place-items:center;font-family:var(--brand);color:var(--gold);font-size:17px;letter-spacing:1px}.sb-brand .t1{font-family:var(--heading);color:var(--on-chrome);font-size:15px;letter-spacing:.5px}.sb-brand .t2{font-size:11px;color:var(--gold-ink)}.sb-nav{padding:10px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.sb-nav::-webkit-scrollbar{width:0;height:0;display:none}.sb-group{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--on-chrome-dim);padding:12px 12px 5px}.sb-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--on-chrome-2);font-size:13.5px;cursor:pointer;margin-bottom:2px;border:0;background:none;width:100%;text-align:left}.sb-link .ic{width:18px;text-align:center;opacity:.85}.sb-link:hover{background:var(--chrome-hover);color:var(--on-chrome)}.sb-link.active{background:linear-gradient(90deg,var(--gold-veil-1),var(--gold-veil-2));color:var(--gold-ink);box-shadow:inset 3px 0 0 var(--gold)}.sb-badge{margin-left:auto;background:var(--gold);color:var(--navy-900);font-size:11px;font-weight:700;border-radius:20px;padding:1px 7px}.sb-foot{padding:12px 16px;border-top:1px solid var(--chrome-line);display:flex;align-items:center;gap:10px;font-size:12.5px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--navy-900);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--line);display:none;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar h1{font-size:17px;font-family:var(--heading)}.crumbs{color:var(--muted);font-size:12.5px}.crumbs b{color:var(--ink)}.content{padding:24px;flex:1;min-width:0}.nav-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:18px;cursor:pointer;flex:0 0 auto}.topbar-brand{display:none;font-family:var(--heading);font-weight:700;color:var(--ink);font-size:15px}.scrim{display:none}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head .title{font-family:var(--heading);font-size:23px;letter-spacing:-.2px}.page-head .sub{color:var(--muted);font-size:13px;margin-top:2px}.page-head .actions{margin-left:auto;display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:600}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--navy-800);color:var(--on-navy);border-color:var(--navy-800)}.btn-primary:hover{background:var(--navy-700)}.btn-gold{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}.btn-gold:hover{background:var(--gold-light)}.nt-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line-2);padding:11px 14px;cursor:pointer;font:inherit;color:inherit}.nt-item:last-child{border-bottom:none}.nt-item:active{background:var(--surface-2)}.nt-head{font-size:13.5px;font-weight:700;color:var(--ink)}.nt-sum{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nt-more{font-size:11.5px;color:var(--gold-dark);margin-top:4px;font-weight:600}.cel-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.cel-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:radial-gradient(120% 80% at 50% 12%,var(--cel-glow),var(--navy-900) 72%);display:grid;place-items:center;cursor:pointer;animation:cel-fade .3s ease}.cel-fw{position:relative;z-index:2;text-align:center;padding:24px}.cel-medal{font-size:72px;filter:drop-shadow(0 6px 14px var(--cel-shadow));animation:cel-bob 2.4s ease-in-out infinite}@keyframes cel-bob{50%{transform:translateY(-9px)}}.cel-wow{font-family:var(--heading);font-weight:800;font-size:38px;letter-spacing:1px;color:var(--cel-wow);text-shadow:0 0 26px var(--gold-veil-6);margin:16px 0 6px}.cel-line{color:var(--cel-line);font-size:18px;line-height:1.5;max-width:320px;margin:0 auto}.cel-sparks{font-size:26px;letter-spacing:8px;margin-top:16px}.cel-close-hint{margin-top:26px;background:var(--on-navy-chip);border:1px solid var(--on-navy-chip-line);color:var(--cel-hint);border-radius:20px;padding:8px 18px;font-size:13px;cursor:pointer}.cel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:var(--scrim);display:grid;place-items:center;cursor:pointer;animation:cel-fade .25s ease;padding:20px}@keyframes cel-fade{0%{opacity:0}}.cel-pop{position:relative;z-index:2;background:var(--on-navy);border-radius:24px;width:100%;max-width:300px;overflow:hidden;box-shadow:0 24px 50px -12px var(--scrim);cursor:default;animation:cel-pop .5s cubic-bezier(.2,1.3,.4,1) both}.cel-pop.rel{overflow:visible}@keyframes cel-pop{0%{transform:scale(.6) translateY(20px);opacity:0}}.cel-band{height:92px;display:grid;place-items:center;font-size:46px}.cel-pop.rel .cel-band{border-radius:24px 24px 0 0}.cel-band.coral{background:linear-gradient(120deg,var(--cel-coral-1),var(--cel-coral-2))}.cel-band.mint{background:linear-gradient(120deg,var(--cel-mint-1),var(--cel-mint-2))}.cel-band.warm{background:linear-gradient(120deg,var(--cel-warm-1),var(--cel-warm-2))}.cel-body{padding:18px 20px 22px;text-align:center}.cel-ttl{font-family:var(--heading);font-weight:800;font-size:22px;color:var(--cel-ttl);margin-bottom:8px}.cel-msg{font-size:14.5px;color:var(--cel-msg);line-height:1.55}.cel-cta{margin-top:16px;border:none;border-radius:12px;padding:11px 18px;font-weight:700;font-size:14px;color:var(--on-navy);cursor:pointer;width:100%}.cel-cta.coral{background:linear-gradient(120deg,var(--cel-cta-coral-1),var(--cel-cta-coral-2))}.cel-cta.mint{background:linear-gradient(120deg,var(--cel-cta-mint-1),var(--cel-cta-mint-2))}.cel-cta.warm{background:linear-gradient(120deg,var(--cel-cta-warm-1),var(--cel-cta-warm-2))}.cel-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}.cel-dots i{width:14px;height:14px;border-radius:50%;background:var(--cel-mint-2);animation:cel-pip .4s backwards}.cel-dots i:nth-child(1){animation-delay:.15s}.cel-dots i:nth-child(2){animation-delay:.28s}.cel-dots i:nth-child(3){animation-delay:.41s}.cel-dots i:nth-child(4){animation-delay:.54s}.cel-dots i:nth-child(5){animation-delay:.67s}@keyframes cel-pip{0%{transform:scale(0)}}.cel-badge3{position:absolute;top:-14px;right:-8px;z-index:3;background:var(--cel-cta-warm-2);color:var(--on-navy);font-family:var(--heading);font-weight:800;font-size:16px;padding:6px 12px;border-radius:20px;box-shadow:0 6px 14px var(--cel-badge-glow);transform:rotate(8deg)}@media(prefers-reduced-motion:reduce){.cel-medal,.cel-pop,.cel-dots i{animation:none}}.guide{position:relative;display:inline-flex}.guide-btn{width:16px;height:16px;border-radius:50%;border:none;background:var(--info-bg);color:var(--info);font-size:11px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.guide-btn:hover{background:var(--info-bg);color:var(--info);outline:1px solid var(--info)}.guide-pop{position:absolute;left:0;top:22px;z-index:60;width:270px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-2);padding:10px 12px;font-size:12.5px;font-weight:400;color:var(--ink-2);line-height:1.55;white-space:normal;text-align:left}.nl-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 48px)}.nl-title{text-align:center;font-family:var(--heading);font-weight:800;letter-spacing:2px;font-size:24px;color:var(--ink);margin:4px 0 20px}.nl-wrap{width:fit-content;margin:0 auto}.nl-stage{position:relative;width:100%;min-height:200px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-700) 60%,var(--cel-glow) 100%);display:grid;place-items:center;box-shadow:var(--sh-2);margin-bottom:22px}.nl-stage.sang{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);display:flex;align-items:stretch;padding:16px}.nl-note{flex:1;display:flex;flex-direction:column;width:100%}.nl-note textarea{flex:1 1 auto;min-height:150px}.nl-stage .sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 42%,var(--gold-veil-1) 50%,transparent 58%);transform:translate(-120%);animation:nl-sheen 3.6s ease-in-out infinite;pointer-events:none}@keyframes nl-sheen{55%,to{transform:translate(120%)}}.nl-stage .ring{position:absolute;width:150px;height:150px;border-radius:28px;border:1px solid var(--gold-veil-4);animation:nl-ring 3s ease-out infinite;pointer-events:none}.nl-stage .ring.r2{animation-delay:1.5s}@keyframes nl-ring{0%{transform:scale(.75);opacity:.9}to{transform:scale(2.1);opacity:0}}.nl-logo{position:relative;text-align:center;animation:nl-float 4.5s ease-in-out infinite}.nl-logo .cti{font-family:var(--brand);font-size:52px;letter-spacing:6px;color:var(--gold);text-shadow:0 0 26px var(--gold-veil-5)}.nl-logo .sub{margin-top:4px;font-size:10px;letter-spacing:5px;color:var(--gold-light)}@keyframes nl-float{50%{transform:translateY(-7px)}}.nl-acts{display:flex;justify-content:center;gap:32px;margin:0 auto 22px}.nl-act{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:none;border:none;font:inherit;padding:0}.nl-act:disabled{opacity:.4;cursor:default}.nl-cir{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--on-navy);box-shadow:0 6px 16px var(--scrim);transition:transform .15s ease}.nl-act:not(:disabled):hover .nl-cir{transform:translateY(-4px) scale(1.06)}.nl-act .lb{font-size:13px;font-weight:600;color:var(--ink-2)}.c-mic{background:linear-gradient(145deg,var(--ic-mic-1),var(--ic-mic-2))}.c-cam{background:linear-gradient(145deg,var(--ic-cam-1),var(--ic-cam-2))}.c-pic{background:linear-gradient(145deg,var(--gold-light),var(--gold))}.c-doc{background:linear-gradient(145deg,var(--ic-doc-1),var(--ic-doc-2))}.c-note{background:linear-gradient(145deg,var(--ic-note-1),var(--ic-note-2))}.nl-foot{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.nl-cn{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 18px;box-shadow:var(--sh-1)}.nl-cn:hover{border-color:var(--gold)}.nl-cn input{width:17px;height:17px;accent-color:var(--gold-dark)}.nl-stage .stage-msg{position:relative;color:var(--stage-msg);text-align:center;padding:18px;font-size:13.5px;line-height:1.6;max-width:92%}.nl-stage .timer-big{font-family:var(--heading);font-weight:800;font-size:34px;color:var(--on-navy);letter-spacing:1px}@media(max-width:860px){.nl-page{min-height:calc(100dvh - 108px - env(safe-area-inset-bottom));justify-content:flex-start}.nl-wrap{width:100%;flex:1;display:flex;flex-direction:column}.nl-title{font-size:18px;letter-spacing:1.5px}.nl-stage{flex:1 1 auto;min-height:140px;border-radius:16px}.nl-logo .cti{font-size:36px;letter-spacing:4px}.nl-acts{gap:6px;justify-content:space-evenly;padding:0;margin:6px 0 14px}.nl-cir{width:48px;height:48px;font-size:20px}.nl-act .lb{display:none}.nl-cn{width:100%;justify-content:center}.nl-log{display:none}}.tl-page{display:flex;flex-direction:column;height:calc(100vh - 48px)}.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.tl-body{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:0;flex:1;overflow-y:auto}.tl-b{max-width:82%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;box-shadow:var(--sh-1);white-space:pre-wrap}.tl-b.out{background:var(--navy-800);color:var(--on-navy);align-self:flex-end;border-bottom-right-radius:5px}.tl-b.in{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:5px}.tl-cite{display:block;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:7px 10px;margin-top:8px;font-size:12.5px;color:inherit;text-decoration:none}a.tl-cite:hover{border-color:var(--gold)}.tl-cite .src{color:var(--gold-dark);font-weight:600;font-size:11.5px}.tl-val{display:inline-flex;gap:5px;align-items:baseline;background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:6px;padding:0 7px;font-weight:700;color:var(--ok);font-size:12px}.tl-inputbox{margin:12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:8px 10px}.tl-inputbox:focus-within{border-color:var(--gold)}.tl-ta{width:100%;border:none;background:none;resize:none;font:inherit;font-size:15px;line-height:1.5;max-height:160px;overflow-y:auto;color:var(--ink);padding:4px 6px}.tl-ta:focus{outline:none}.tl-inrow{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.tl-atts{display:flex;gap:8px;flex-wrap:wrap;padding:2px 4px 6px}.tl-att{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:12px}.tl-att .x{cursor:pointer;color:var(--muted)}.tl-attbtn{width:38px;height:38px;border-radius:10px;border:none;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.tl-attbtn:hover{color:var(--ink);background:var(--surface-2)}.tl-attbtn:disabled{opacity:.4;cursor:default}.tl-send{width:38px;height:38px;border-radius:50%;border:none;background:var(--navy-800);color:var(--on-navy);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.tl-send:hover{background:var(--navy-700)}.tl-send:disabled{background:var(--line);color:var(--muted-2);cursor:default}.tl-greet{margin:auto;text-align:center;padding:24px 16px}.tl-greet .g1{font-family:var(--heading);font-size:22px;letter-spacing:-.2px;color:var(--ink)}.tl-greet .g2{color:var(--muted);font-size:13px;margin-top:8px}@media(max-width:860px){.tl-page{height:calc(100dvh - 84px - env(safe-area-inset-bottom,0px))}}.btn-ghost{background:transparent;border-color:transparent}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);margin-bottom:14px}.flex>.card,.grid>.card{margin-bottom:0}.card-pad{padding:20px}.card-head{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line-2)}.card-head h3{font-size:15px}.card-head .actions{margin-left:auto;display:flex;gap:8px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-1)}.stat .lab{font-size:12.5px;color:var(--muted)}.stat .val{font-family:var(--heading);font-size:28px;margin:6px 0 2px;color:var(--ink)}.stat .val small{font-size:14px;color:var(--muted);font-family:var(--sans)}.stat .accent{height:3px;width:42px;background:var(--gold);border-radius:3px;margin-top:10px}.stat.dark{background:var(--navy-800);border-color:var(--navy-700)}.stat.dark .lab{color:var(--on-navy-dim-2)}.stat.dark .val{color:var(--on-navy)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--line-2);color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.ai{background:var(--ai-bg);color:var(--ai)}.badge.gold{background:var(--gold-soft);color:var(--gold-dark)}.badge.navy{background:var(--navy-800);color:var(--on-navy)}.pill-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line)}.table td{padding:12px 16px;vertical-align:middle}.table tr:hover td{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.t-strong{font-weight:600;color:var(--ink)}.t-sub{color:var(--muted);font-size:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.input,.select,textarea.input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--surface);outline:0}.input:focus,.select:focus,textarea.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-veil-7)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.tabs .tab{flex:0 0 auto;white-space:nowrap}.tab{padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--ink);border-bottom-color:var(--gold)}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:14px;overflow-x:auto;padding-bottom:8px}.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px}.kcol h4{font-size:12.5px;color:var(--ink-2);padding:4px 6px 10px;display:flex;justify-content:space-between}.kcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px;box-shadow:var(--sh-1);margin-bottom:9px}.kcard.fail{border-left:3px solid var(--danger)}.note{background:var(--info-bg);border-left:3px solid var(--info);padding:12px 14px;border-radius:8px;font-size:12.5px;color:var(--ink-2)}.note.gold{background:var(--gold-soft);border-color:var(--gold)}.note.warn{background:var(--warn-bg);border-color:var(--warn)}.note.danger{background:var(--danger-bg);border-color:var(--danger)}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px}.spin{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.loading{display:grid;place-items:center;padding:60px}.empty{text-align:center;color:var(--muted);padding:40px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:16px;width:min(520px,calc(100vw - 28px));max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--sh-2)}.modal .m-head{padding:18px 20px;border-bottom:1px solid var(--line-2);display:flex;align-items:center}.modal .m-head h3{font-family:var(--heading);font-size:18px}.modal .m-body{padding:20px}.modal .m-foot{padding:14px 20px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;gap:10px}.modal.keo-dan{width:min(980px,calc(100vw - 28px));height:min(660px,86vh);max-width:calc(100vw - 28px);max-height:92vh;min-width:300px;min-height:220px;overflow:auto;resize:both;display:flex;flex-direction:column}.modal.keo-dan .m-body{flex:1;overflow:auto}.login-wrap{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-left{background:linear-gradient(150deg,var(--navy-700),var(--navy-900));color:var(--on-navy);padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-left:after{content:"CTI";position:absolute;right:-40px;bottom:-60px;font-family:var(--brand);font-size:340px;letter-spacing:8px;color:var(--gold-veil-8);line-height:1}.login-left .mark{width:60px;height:60px;border-radius:12px;background:var(--navy-900);border:1px solid var(--gold-veil-3);display:grid;place-items:center;font-family:var(--brand);color:var(--gold);font-size:26px;letter-spacing:2px}.login-left h2{font-family:var(--heading);font-size:28px;margin-top:24px;max-width:420px;line-height:1.3}.login-left p{color:var(--on-navy-dim-3);max-width:430px;margin-top:12px;line-height:1.6;position:relative}.login-right{display:grid;place-items:center;padding:40px}.login-form{width:100%;max-width:360px}.login-form h1{font-family:var(--heading);font-size:26px}.login-form .sub{color:var(--muted);margin:6px 0 24px}@media(max-width:800px){.login-wrap{grid-template-columns:1fr}.login-left{display:none}}.cap-wrap{max-width:460px;margin:0 auto;padding:16px}.wave{display:flex;align-items:flex-end;gap:3px;height:30px;margin:8px 0}.wave span{flex:1;background:var(--gold);border-radius:2px;animation:w 1s ease-in-out infinite}@keyframes w{0%,to{height:30%}50%{height:100%}}.rec-btn{background:var(--danger);border-color:var(--danger);border-radius:50px;color:var(--on-navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}.timer{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.acts .btn-sm{white-space:nowrap;padding:5px 9px;font-size:12.5px}.ss{position:relative;width:100%}.ss-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:13.5px;cursor:pointer;text-align:left}.ss-btn:disabled{opacity:.6;cursor:default}.ss-ph{color:var(--muted);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-caret{color:var(--muted);font-size:11px;flex:0 0 auto}.ss-pop{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-2);overflow:hidden}.ss-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line-2)}.ss-input{flex:1;border:0;outline:0;background:transparent;font-size:13.5px;color:var(--ink)}.ss-list{max-height:248px;overflow-y:auto}.ss-opt{width:100%;display:block;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:10px 12px;font-size:13.5px;cursor:pointer}.ss-opt:hover{background:var(--surface-2)}.ss-opt.sel{background:var(--line-2);font-weight:600}.ss-empty{padding:10px 12px;color:var(--muted);font-size:13px}@media(max-width:860px){.act-txt{display:none}.acts{gap:5px}.acts .btn-sm{padding:7px 9px}.modal-bg{padding:12px}.modal .m-body{padding:16px}.modal .m-head{padding:14px 16px}.modal .m-foot{padding:12px 16px;flex-wrap:wrap}.modal .m-foot .btn{flex:1 1 auto}.app{display:block}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(84vw,300px);transform:translate(-100%);transition:transform .22s ease;z-index:60;box-shadow:var(--sh-2)}.sidebar.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:55}.nav-toggle{display:inline-flex}.topbar-brand{display:block}.topbar{display:flex;height:54px;padding:0 14px;gap:12px}.modbar .brand{min-width:auto;padding:0 12px}.modbar .brand .t2{display:none}.mod{padding:9px 14px 7px}.topr{padding:0 10px;gap:8px}.me .t1,.me .t2{display:none}.sidebar{top:0;height:100dvh}.crumbs{display:none}.content{padding:14px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.card-pad,.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-head .title{font-size:20px}.page-head{gap:10px;margin-bottom:16px}.topbar h1{font-size:15px}.page-head .sub{display:none}}@media(max-width:380px){.content{padding:10px}.card-pad{padding:14px}}@media(max-width:860px){.kanban{grid-auto-columns:82vw;scroll-snap-type:x mandatory;scroll-padding-left:14px}.kcol{scroll-snap-align:start}}