@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--brand:#173e2c;--brand-2:#2e6b4c;--brand-deep:#0e2a1e;--paper:#f3eddf;--surface:#fbf7ec;--surface-2:#f7f0e0;--ink:#1b1d17;--ink-soft:#4c4f44;--muted:#86887a;--accent:#b0843a;--accent-2:#c9a24b;--accent-soft:#ebdbb2;--line:#e4dbc5;--line-soft:#ede6d4;--on-brand:#f6efdc;--font-display:"Playfair Display",serif;--font-body:"Be Vietnam Pro",sans-serif;--disp-italic:italic;--disp-weight:800;--ok:#2e7d52;--ok-soft:#ddeee2;--warn:#c2792a;--warn-soft:#f6e7cf;--danger:#b23a2b;--danger-soft:#f3dbd5;--info:#356c8c;--info-soft:#dbe7ee;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--mono:"JetBrains Mono",ui-monospace,monospace}[data-theme=dat]{--brand:#7a3b22;--brand-2:#a8552f;--brand-deep:#5a2a18;--paper:#f0e5d2;--surface:#faf2e2;--surface-2:#f4e9d4;--ink:#291f16;--ink-soft:#5a4a3b;--muted:#988770;--accent:#6e7338;--accent-2:#8a9148;--accent-soft:#dce0be;--line:#e3d4bc;--line-soft:#ede2cd;--on-brand:#f6ecd9;--font-display:"Lora",serif;--font-body:"Be Vietnam Pro",sans-serif;--disp-italic:normal;--disp-weight:700}[data-theme=thien]{--brand:#2c352d;--brand-2:#586b5a;--brand-deep:#1c231d;--paper:#f6f6f2;--surface:#fff;--surface-2:#f2f3ee;--ink:#22271f;--ink-soft:#535a4e;--muted:#919789;--accent:#788f6f;--accent-2:#8fa585;--accent-soft:#dee6d8;--line:#e7e8e0;--line-soft:#f0f1ea;--on-brand:#f4f6f0;--font-display:"Be Vietnam Pro",sans-serif;--font-body:"Be Vietnam Pro",sans-serif;--disp-italic:normal;--disp-weight:800}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-body),system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}.container{max-width:720px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin-bottom:14px}.hd{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:var(--on-brand);padding:22px 16px}.badge{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:13px;font-weight:600;text-transform:uppercase}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.label{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:var(--on-brand);border:none;border-radius:var(--r-pill);padding:12px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .16s ease}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.6;cursor:default}.input{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:13px 14px;fontSize:14.5px;font-family:var(--font-body);color:var(--ink);outline:none}h1,h2,h3{margin:0 0 10px}.small{font-size:13px;color:var(--muted)}.studio{min-height:100vh;background:radial-gradient(1200px 700px at 50% -10%,#2a2a22 0,transparent 60%),linear-gradient(180deg,#1b1a14,#121109);display:flex;flex-direction:column;align-items:center;padding:22px 16px 80px}.studio-grain{position:fixed;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{width:100%;max-width:1180px;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:11px;color:#ede7d6}.topbar-brand .tb-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#c9a24b,#9c7426);display:flex;align-items:center;justify-content:center;color:#1b1d17}.topbar-brand .tb-name{font-weight:700;font-size:14px;letter-spacing:.02em}.topbar-brand .tb-sub{font-size:11px;color:#8b8a7c;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.seg{display:flex;background:#26251c;border:1px solid #36352a;border-radius:var(--r-pill);padding:4px;gap:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-weight:600;font-size:13px;color:#b3b1a0;padding:8px 18px;border-radius:var(--r-pill);display:flex;align-items:center;gap:7px;transition:all .16s ease}.seg button:hover{color:#efe9d8}.seg button.on{background:linear-gradient(160deg,#f0dfa8,#c9a24b);color:#1b1d17}.stage-caption{color:#7d7c6e;font-size:12.5px;margin-top:18px;text-align:center;max-width:520px;line-height:1.6}.stage-caption b{color:#cfcbb9;font-weight:600}.c-app{font-family:var(--font-body),sans-serif;background:var(--paper);color:var(--ink);min-height:100%;position:relative;text-align:left}.c-disp{font-family:var(--font-display),serif;font-style:var(--disp-italic);font-weight:var(--disp-weight);line-height:1.04;letter-spacing:-.01em}[data-theme=thien] .c-disp{font-style:normal;letter-spacing:-.02em}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.c-scroll::-webkit-scrollbar{width:0;height:0}.c-pad-top{padding-top:54px}.c-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.c-divider{height:1px;background:var(--line)}.c-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-body);font-weight:600;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,background .16s ease,box-shadow .16s ease}.c-btn:active{transform:translateY(1px) scale(.995)}.c-btn-primary{background:var(--brand);color:var(--on-brand);padding:16px 22px;font-size:15.5px;box-shadow:0 10px 24px rgba(23,62,44,.22)}.c-btn-primary:hover{background:var(--brand-deep)}.c-btn-gold{background:linear-gradient(155deg,var(--accent-2),var(--accent));color:#241c08;padding:16px 22px;font-size:15.5px;box-shadow:0 10px 26px rgba(176,132,58,.28)}.c-btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);padding:13px 18px;font-size:14px}.c-btn-ghost:hover{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px}.tl{position:relative;padding-left:42px;text-align:left}.tl-line{position:absolute;left:17px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--accent-soft),var(--line))}.tl-node{position:absolute;left:6px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--brand);z-index:2}.tl-step{position:relative;padding-bottom:26px}.tl-step:last-child{padding-bottom:0}#__next,body,html{height:100%;margin:0;padding:0}.a-app{font-family:Be Vietnam Pro,sans-serif;background:var(--paper);color:var(--ink);height:100%;display:flex;text-align:left}.a-side{width:228px;background:var(--brand-deep);color:var(--on-brand);flex-shrink:0;display:flex;flex-direction:column;padding:20px 0}.a-main{flex:1 1;overflow:auto;background:var(--paper);display:flex;flex-direction:column}.a-nav-item{display:flex;align-items:center;gap:12px;padding:11px 22px;font-size:13.5px;font-weight:600;color:hsla(44,59%,91%,.62);cursor:pointer;border-left:3px solid transparent;transition:all .14s ease}.a-nav-item:hover{color:#fff;background:hsla(0,0%,100%,.05)}.a-nav-item.on{color:#fff;background:hsla(0,0%,100%,.07);border-left-color:var(--accent-2)}.a-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.a-kpi-num{font-family:var(--mono);font-weight:600;letter-spacing:-.02em}.a-main-content{padding:28px;flex:1 1}.a-grid-kpis{grid-template-columns:repeat(4,1fr);grid-gap:16px}.a-grid-17-1,.a-grid-kpis{display:grid;gap:16px;margin-bottom:22px}.a-grid-17-1{grid-template-columns:1.7fr 1fr;grid-gap:16px}.a-grid-360-1{display:grid;grid-template-columns:360px 1fr;grid-gap:16px;gap:16px}.a-grid-320-1{display:grid;grid-template-columns:320px 1fr;grid-gap:16px;gap:16px}.a-grid-14-1{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.a-grid-12-2{display:grid;grid-template-columns:1.2fr 2fr;grid-gap:20px;gap:20px}.a-grid-1-18{display:grid;grid-template-columns:1fr 1.8fr;grid-gap:20px;gap:20px}.a-grid-2col-equal{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1200px){.a-grid-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.a-app{flex-direction:column!important}.a-side{width:100%!important;padding:12px 16px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid hsla(0,0%,100%,.08)}.a-side-logo-area{padding:0!important;margin-bottom:0!important;gap:8px!important}.a-side-nav-container{display:flex!important;flex-direction:row!important;overflow-x:auto!important;flex:1 1!important;padding:0 16px!important;gap:4px!important;scrollbar-width:none}.a-side-nav-container::-webkit-scrollbar{display:none}.a-nav-item{padding:8px 14px!important;border-left:none!important;border-bottom:3px solid transparent!important;white-space:nowrap!important;font-size:13px!important}.a-nav-item.on{border-bottom-color:var(--accent-2)!important;background:hsla(0,0%,100%,.06)!important}.a-side-divider,.a-side-extra-item{display:none!important}.a-side-profile-area{margin:0!important;padding:0!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.a-side-profile-card{padding:4px 8px!important;border-radius:8px!important;background:transparent!important}.a-side-profile-card>div:last-child{display:none!important}.a-side-logout-btn{padding:6px 10px!important;border-radius:8px!important;width:auto!important;font-size:11px!important}.a-grid-1-18,.a-grid-12-2,.a-grid-14-1,.a-grid-17-1,.a-grid-2col-equal,.a-grid-320-1,.a-grid-360-1{grid-template-columns:1fr!important}}@media (max-width:768px){.a-main-content{padding:16px!important}.a-grid-kpis{grid-template-columns:1fr!important}.a-main-header{height:auto!important;min-height:60px!important;padding:8px 16px!important;flex-wrap:wrap!important;gap:8px!important}.a-main-header-actions{width:100%!important;justify-content:flex-end!important}.a-header-search-bar{width:100%!important;max-width:none!important;flex:1 1!important}}.between{justify-content:space-between}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}.mono{font-family:var(--mono)}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:none}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes scanPulse{0%,to{opacity:.25}50%{opacity:.8}}@keyframes scanLine{0%{top:8%}to{top:92%}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.chrome-window{border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);background:var(--paper);border:1px solid #36352a}.chrome-bar{background:#1c1b14;height:40px;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid #26251c}.chrome-dots{display:flex;gap:6px}.chrome-dot{width:12px;height:12px;border-radius:50%}.chrome-url{flex:1 1;background:#2a2920;border-radius:6px;height:24px;padding:0 12px;font-size:11px;color:#8b8a7c;max-width:480px;margin:0 auto}.chrome-url,.image-slot-mock{display:flex;align-items:center}.image-slot-mock{background:linear-gradient(135deg,var(--surface-2),var(--line));justify-content:center;color:var(--muted);font-weight:500;font-size:13px;border:1px dashed var(--line)}@media print{body *{visibility:hidden}.print-grid,.print-grid *{visibility:visible}.print-grid{position:absolute;left:0;top:0;width:100%}}