@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Lexend:wght@500;600;700&display=swap";:root{--bg-page:#f9f1e5;--ink:#33261b;--ink-strong:#111827;--line:#e4c8a1;--deploy-stamp:2026-6-9-admin-live;--ocean-700:#8d401d;--ocean-600:#b85723;--leaf-600:#78973c;--accent-market:#d25f24;--accent-market-soft:#f6ddbf;--card-shadow:0 12px 24px #663b1c1f;--sans:"Be Vietnam Pro", "Segoe UI", sans-serif;--heading:"Lexend", "Segoe UI", sans-serif;font:16px/1.55 var(--sans);color:var(--ink);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}body{background:radial-gradient(circle at 8% 8%, #d25f2429, transparent 32%), radial-gradient(circle at 92% 12%, #b8572324, transparent 34%), repeating-linear-gradient(45deg, #dcc7aa29 0, #dcc7aa29 6px, transparent 6px, transparent 18px), var(--bg-page);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--ink-strong);margin:0}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}h2{font-size:clamp(1.2rem,2.5vw,1.6rem)}h3{margin-bottom:.35rem;font-size:1rem}p{margin:0}.app-frame{flex-direction:column;gap:1rem;width:min(1160px,100% - 2rem);margin:1.2rem auto 3rem;display:flex}.workspace-banner,.workspace-separator{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);background:linear-gradient(135deg,#fff8efeb,#faf1e4e6);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;box-shadow:0 10px 22px #5c3d1f14}.workspace-eyebrow,.panel-kicker,.admin-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-market);margin:0;font-size:.76rem;font-weight:700}.workspace-admin-link,.workspace-action-btn,.module-hub-link,.admin-back-link{border-radius:.8rem;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.workspace-admin-link,.workspace-action-btn,.module-hub-link{color:#fff;background:linear-gradient(135deg, var(--accent-market), color-mix(in srgb, var(--accent-market) 65%, var(--ocean-700)));box-shadow:0 10px 20px #b3472d38}.workspace-admin-link:hover,.workspace-action-btn:hover,.module-hub-link:hover,.admin-back-link:hover{transform:translateY(-1px)}.workspace-action-btn-secondary{color:var(--accent-market);border:1px solid color-mix(in srgb, var(--accent-market) 35%, var(--line));box-shadow:none;background:#fff}.app-header{border:1px solid color-mix(in srgb, var(--line) 88%, #fff);box-shadow:var(--card-shadow);background:linear-gradient(120deg,#fffaf5f7,#f8f1e6f2);border-radius:1.15rem;justify-content:space-between;align-items:stretch;gap:1rem;padding:1.15rem 1.25rem;display:flex;position:relative;overflow:hidden}.app-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#b3472d2e,#0000 65%);width:190px;height:190px;position:absolute;top:-48px;right:-40px}.app-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#1f6f7e33,#0000 65%);width:180px;height:180px;position:absolute;bottom:-52px;left:-30px}.header-main,.header-side{z-index:1;position:relative}.header-main{max-width:64ch}.brand-row{align-items:center;gap:.55rem;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 3px 5px #b7572347);width:2.1rem;height:2.1rem}.app-header h1{letter-spacing:-.01em;margin-top:.35rem;font-size:clamp(1.35rem,3vw,2.1rem)}.brand{font-family:var(--heading);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-market);margin:0;font-size:.92rem}.header-subline{color:color-mix(in srgb, var(--ink) 88%, #fff);margin-top:.55rem;font-size:.96rem}.header-note{color:var(--ink);text-align:right;margin:0 0 .55rem;font-size:.9rem}.header-side{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.8rem;width:min(420px,100%);display:flex}.market-tags{gap:.45rem;display:grid}.header-visual{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);border-radius:1rem;min-height:210px;position:relative;overflow:hidden;box-shadow:0 12px 28px #432a121f}.header-visual img{object-fit:cover;width:100%;height:100%;min-height:210px;display:block}.header-visual:after{content:"";background:linear-gradient(#17120e0f,#17120ead);position:absolute;inset:0}.header-visual-badge{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#13110e94;border-radius:.9rem;gap:.15rem;padding:.8rem .9rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.header-visual-badge strong{font-size:.95rem}.header-visual-badge span{color:#fff5e6e6;font-size:.84rem}.tag-pill{border:1px solid color-mix(in srgb, var(--line) 85%, #fff);background:color-mix(in srgb, #fff 75%, var(--accent-market-soft));color:color-mix(in srgb, var(--ink) 85%, #000);border-radius:999px;padding:.45rem .7rem;font-size:.8rem;line-height:1}.nav-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.nav-link{color:var(--ink-strong);border:1px solid color-mix(in srgb, var(--line) 85%, #fff);background:color-mix(in srgb, #fff 80%, var(--bg-page));border-radius:.7rem;padding:.55rem .9rem;font-weight:500;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s}.nav-link:hover{border-color:color-mix(in srgb, var(--accent-market) 40%, var(--line));background:color-mix(in srgb, #fff 70%, var(--accent-market-soft));transform:translateY(-1px)}.nav-link-active{background:linear-gradient(130deg, var(--accent-market), color-mix(in srgb, var(--accent-market) 65%, var(--ocean-700)));color:#fff;border-color:#0000;box-shadow:0 8px 18px #b3472d47}.app-main{border:1px solid color-mix(in srgb, var(--line) 88%, #fff);background:linear-gradient(#ffffffe0,#fff9f1d9);border-radius:1.15rem;padding:1.1rem;box-shadow:0 10px 24px #5c432a14}.section-head{gap:.5rem;margin-bottom:.9rem;display:grid}.overview-grid,.admin-content-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:.9rem;margin-bottom:1rem;display:grid}.dashboard-overview-card,.task-board-card{gap:.9rem;display:grid}.overview-bullets{gap:.55rem;display:grid}.overview-bullets span{background:color-mix(in srgb, var(--accent-market-soft) 40%, #fff);border-radius:.85rem;padding:.7rem .8rem}.dashboard-action-row{flex-wrap:wrap;gap:.7rem;display:flex}.compact-head{margin-bottom:.2rem}.panel-head{justify-content:space-between;align-items:start;gap:.8rem;margin-bottom:.9rem;display:flex}.task-list,.audit-list,.integration-list{gap:.7rem;display:grid}.task-item,.audit-item,.integration-item{border:1px solid color-mix(in srgb, var(--line) 80%, #fff);background:linear-gradient(#ffffffe6,#f8f4edf2);border-radius:.9rem;justify-content:space-between;gap:1rem;padding:.85rem .9rem;display:flex}.task-item p,.audit-item p,.integration-item p,.admin-metric-card p{color:color-mix(in srgb, var(--ink) 88%, #fff)}.task-meta,.audit-meta{text-align:right;justify-items:end;gap:.3rem;display:grid}.status-pill{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.34rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-good{color:#2f6e33;background:#4a965024}.status-warn{color:#9f4316;background:#d25f2424}.status-muted{color:#364152;background:#49556324}.module-hub-section{margin-top:1rem}.module-hub-head{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:end}.module-hub-grid,.admin-metric-grid,.admin-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.module-hub-card,.admin-metric-card,.admin-config-card{gap:.75rem;display:grid}.module-hub-card h4,.admin-config-card h4{font-family:var(--heading);color:var(--ink-strong);margin:0;font-size:1.02rem}.module-hub-top{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.module-hub-top span{color:color-mix(in srgb, var(--ink) 82%, #fff);font-size:.84rem}.accent-amber{border-top:4px solid #d97706}.accent-teal{border-top:4px solid #0f766e}.accent-leaf{border-top:4px solid #65a30d}.accent-ink{border-top:4px solid #475569}.admin-shell{background:radial-gradient(circle at 0 0,#1e40af2e,#0000 28%),linear-gradient(#f4f7fb,#edf2f8);grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#e7eef8;background:linear-gradient(#101827,#182235);border-right:1px solid #71809633;align-content:start;gap:1rem;padding:1.4rem 1.1rem;display:grid}.admin-brand-block{align-items:center;gap:.9rem;display:flex}.admin-brand-block h1{color:#f8fbff;font-size:1.35rem}.admin-logo{object-fit:contain;width:2.5rem;height:2.5rem}.admin-intro,.admin-nav-card li,.admin-nav-card strong,.admin-back-link{color:#e7eef8eb}.admin-user-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:.9rem;gap:.35rem;padding:.9rem;display:grid}.admin-user-card strong{color:#fff}.admin-user-card span,.admin-user-card small{color:#e7eef8e6}.admin-user-card button{width:100%;margin-top:.3rem}.admin-nav-card{background:#ffffff12;border:1px solid #ffffff14;border-radius:1rem;padding:.95rem}.admin-nav-card ul{gap:.45rem;margin:.7rem 0 0;padding-left:1.1rem;display:grid}.admin-back-link{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff24;width:100%}.admin-main{padding:1.3rem}.route-loading-screen,.admin-login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.route-loading-card,.admin-login-card{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);background:linear-gradient(#fffffff0,#faf3eae6);border-radius:1.05rem;gap:.8rem;width:min(480px,100%);padding:1.1rem;display:grid;box-shadow:0 12px 28px #4d301a1f}.admin-login-form{gap:.8rem;display:grid}.admin-login-form label{gap:.35rem;font-weight:600;display:grid}.admin-login-form input{border:1px solid color-mix(in srgb, var(--line) 80%, #fff);font:inherit;background:#fff;border-radius:.7rem;padding:.65rem .75rem}.admin-login-form input:focus{outline:2px solid color-mix(in srgb, var(--accent-market) 35%, #fff);outline-offset:1px}.form-error-message{color:#b42318;margin:0;font-size:.92rem}.admin-dashboard{gap:1rem;display:grid}.admin-header-card,.admin-panel,.admin-metric-card{background:#ffffffe0;border:1px solid #8196b13d;border-radius:1.1rem;box-shadow:0 12px 24px #21344f14}.admin-header-card{justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;display:flex}.admin-header-actions{flex-wrap:wrap;place-content:start end;gap:.55rem;display:flex}.admin-metric-card{padding:1rem}.admin-metric-card span{color:#66758a;font-size:.85rem}.admin-metric-card strong{color:#182235;font-size:1.8rem}.admin-panel{padding:1rem}.admin-content-grid-secondary{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)}.section-title{align-items:center;gap:.6rem;display:inline-flex}.section-icon{background:linear-gradient(140deg, color-mix(in srgb, var(--accent-market-soft) 70%, #fff), #fff);width:1.9rem;height:1.9rem;color:var(--accent-market);border:1px solid color-mix(in srgb, var(--line) 80%, #fff);border-radius:.55rem;justify-content:center;align-items:center;display:inline-flex}.section-icon img{object-fit:contain;filter:drop-shadow(0 2px 4px #d25f2433);width:1.28rem;height:1.28rem}.card{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);background:linear-gradient(#fff,#fffaf3);border-radius:1rem;padding:.95rem;box-shadow:0 5px 14px #5a3f2614}.section-note{margin-bottom:.9rem}.architecture-flow{background:linear-gradient(135deg,#f8fcff,#f1fbf6);margin:.9rem 0}.stagger-grid>*{opacity:0;animation:.55s forwards card-rise}.stagger-grid>:first-child{animation-delay:40ms}.stagger-grid>:nth-child(2){animation-delay:.12s}.stagger-grid>:nth-child(3){animation-delay:.2s}.stagger-grid>:nth-child(4){animation-delay:.28s}.stagger-grid>:nth-child(5){animation-delay:.36s}.stagger-grid>:nth-child(6){animation-delay:.44s}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.presentation-btn{border:1px solid color-mix(in srgb, var(--accent-market) 45%, var(--line));background:color-mix(in srgb, #fff 72%, var(--accent-market-soft));color:var(--accent-market);font:inherit;cursor:pointer;border-radius:.65rem;margin-bottom:.55rem;padding:.4rem .7rem;font-size:.84rem;font-weight:600}.presentation-btn:hover{background:color-mix(in srgb, #fff 50%, var(--accent-market-soft))}.presentation-controls{grid-template-columns:1fr;gap:.4rem;margin-bottom:.55rem;display:grid}.presentation-mode .app-header,.presentation-mode .app-main{box-shadow:0 16px 34px #542e142e}.presentation-mode .card{box-shadow:0 10px 22px #542e141f}.hall-theme{--bg-page:#130f0b;--ink:#eadfce;--ink-strong:#fff6ea;--line:#634731;--ocean-700:#f09a53;--ocean-600:#d86d31;--leaf-600:#a8c56b;--accent-market:#f08a34;--accent-market-soft:#3d2619}.hall-theme .app-header,.hall-theme .app-main,.hall-theme .card,.hall-theme .table-wrap,.hall-theme .nav-link,.hall-theme .tag-pill,.hall-theme .bar-track{color:var(--ink);background:#22180f}.hall-theme .app-main{background:#1a120c}.hall-theme th{background:#2f2116}.hall-theme .presentation-btn,.hall-theme .nav-link-active{color:#fff}.hall-theme .brand{color:#ffb069}.hall-theme .brand-logo{filter:drop-shadow(0 4px 7px #f08a3459)}.hall-theme .app-header,.hall-theme .app-main{border-color:color-mix(in srgb, var(--line) 75%, #000)}.hall-theme .nav-link{border-color:color-mix(in srgb, var(--line) 70%, #000)}.hall-theme .section-icon{border-color:color-mix(in srgb, var(--line) 80%, #000);background:linear-gradient(145deg,#3a2618,#2a1c13)}.hall-theme .section-icon img{filter:drop-shadow(0 2px 4px #f08a3459)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.kpi-card strong{color:color-mix(in srgb, var(--accent-market) 80%, var(--ocean-700));margin-top:.3rem;font-size:1.45rem;display:block}.muted{color:var(--ink);margin:0;font-size:.9rem}.kpi-trend{color:color-mix(in srgb, var(--leaf-600) 85%, #000);font-size:.84rem}.benefit-grid,.arch-grid,.module-grid,.report-grid,.roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.inline-card{flex-direction:column;width:fit-content;min-width:180px;margin-bottom:.9rem;display:flex}.inline-card strong{color:color-mix(in srgb, var(--accent-market) 80%, var(--ocean-700));font-size:1.4rem}.tag-list{gap:.35rem;margin:.5rem 0 0;padding-left:1.2rem;display:grid}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:.8rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem;font-size:.92rem}th{color:color-mix(in srgb, var(--ocean-700) 75%, var(--ink));background:color-mix(in srgb, var(--accent-market-soft) 45%, #fff)}.chart-card h3{margin-bottom:.8rem}.bar-chart{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.8rem;height:220px;display:grid}.bar-item{flex-direction:column;align-items:center;gap:.45rem;display:flex}.bar-track{border:1px solid color-mix(in srgb, var(--line) 85%, #fff);background:color-mix(in srgb, var(--accent-market-soft) 35%, #fff);border-radius:.6rem;align-items:end;width:100%;height:180px;padding:.25rem;display:flex}.bar-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-market) 70%, #f5b33d), var(--ocean-600));border-radius:.35rem;width:100%}.report-card{gap:.5rem;display:grid}.feature-spotlight{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:1rem;margin-bottom:.9rem;display:grid}.feature-spotlight-compact{grid-template-columns:minmax(0,1fr) minmax(240px,380px)}.spotlight-copy{gap:.45rem;display:grid}.spotlight-copy p,.spotlight-copy h3{margin:0}.spotlight-media{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);border-radius:.95rem;overflow:hidden;box-shadow:0 8px 22px #5031181f}.spotlight-media img{object-fit:cover;width:100%;height:100%;min-height:220px;display:block}.report-meta{color:var(--ink);gap:.25rem;font-size:.88rem;display:grid}@media (width<=920px){.kpi-grid,.benefit-grid,.arch-grid,.module-grid,.report-grid,.roadmap,.module-hub-grid,.admin-metric-grid,.admin-config-grid,.overview-grid,.admin-content-grid,.admin-content-grid-secondary,.module-hub-head{grid-template-columns:1fr}.app-header{flex-direction:column}.header-side{width:100%}.header-note{text-align:left}.market-tags{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workspace-banner,.workspace-separator,.panel-head,.admin-header-card,.task-item,.audit-item,.integration-item{flex-direction:column;align-items:flex-start}.task-meta,.audit-meta{text-align:left;justify-items:start}.bar-chart{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.bar-track{height:150px}.feature-spotlight,.feature-spotlight-compact,.admin-shell{grid-template-columns:1fr}}@media (width<=600px){.app-frame{width:calc(100% - 1rem);margin:.7rem auto 1.6rem}.app-main{padding:.85rem}.nav-link{box-sizing:border-box;text-align:center;width:calc(50% - .3rem)}.market-tags{grid-template-columns:1fr}.workspace-admin-link,.workspace-action-btn,.workspace-action-btn-secondary,.module-hub-link,.admin-back-link{box-sizing:border-box;width:100%}.bar-chart{grid-template-columns:repeat(2,minmax(0,1fr))}}