:root{--bg:#f5f7fb;--surface:#fff;--surface-alt:#f8fafc;--surface-muted:#eef4f8;--border-soft:#dce6ee;--border-strong:#cdd8e2;--text-strong:#0f172a;--text-muted:#64748b;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#dff6f3;--warning-soft:#fef3c7;--warning-strong:#b45309;--shadow-soft:0 18px 45px #0f172a0f;--shadow-card:0 8px 24px #0f172a0d;--font-body:Aptos, "Aptos Display", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-display:Aptos, "Aptos Display", "Segoe UI Variable Text", "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--text-strong);background:radial-gradient(circle at top right, #7dd3fc24, transparent 24%), radial-gradient(circle at top left, #2dd4bf14, transparent 22%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:1;background:linear-gradient(#ffffff47,#0000 32%),radial-gradient(circle at 100% 0,#2dd4bf14,#0000 18%);position:fixed;inset:0}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}#root{min-height:100vh}::selection{background:#0f766e29}.app-shell{grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;height:100vh;padding:24px 20px;position:sticky;top:0;overflow:hidden auto}.app-sidebar:before{content:"";pointer-events:none;opacity:1;background:linear-gradient(#ffffff61,#0000 24%),radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 30%);position:absolute;inset:0}.sidebar-stack{flex-direction:column;gap:22px;min-height:100%;display:flex;position:relative}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{background:radial-gradient(circle at 50% 50%, #fff3 0 18%, transparent 19%), linear-gradient(135deg, var(--accent-strong), #14b8a6);color:#fff;width:46px;height:46px;font-family:var(--font-display);letter-spacing:.08em;border-radius:16px;place-items:center;font-size:1rem;font-weight:800;display:grid;box-shadow:0 14px 30px #0f766e33}.brand-title,.brand-subtitle{margin:0}.brand-title{color:var(--text-strong);font-size:1.05rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:.88rem;line-height:1.45}.sidebar-caption,.section-tag,.metric-label,.timeline-caption,.micro-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700;line-height:1.2}.nav-section{flex-direction:column;gap:10px;display:flex}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-link-main{align-items:center;gap:12px;min-width:0;display:inline-flex}.nav-link-icon{width:36px;height:36px;color:var(--accent-strong);background:radial-gradient(circle,#14b8a61f 0 16%,#0000 17%),linear-gradient(#fffffff2,#f5faf8f2);border:1px solid #0f766e14;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.nav-icon-svg{width:18px;height:18px}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.nav-link:hover{color:var(--text-strong);background:var(--surface-alt);border-color:var(--border-soft);transform:translate(2px)}.nav-link-active{color:var(--accent-strong);background:var(--accent-soft);border-color:#0f766e24}.nav-link-active .nav-link-icon{background:radial-gradient(circle,#0f766e2e 0 18%,#0000 19%),linear-gradient(#edfffcfa,#dbf7f2fa);border-color:#0f766e1f;box-shadow:inset 0 0 0 1px #fff6}.nav-link small{letter-spacing:.1em;color:inherit;opacity:.72;font-size:11px;font-weight:700}.sidebar-profile,.sidebar-note,.mobile-header,.panel-card,.hero-card,.feature-card,.insight-card,.timeline-card,.article-card,.admin-card,.quote-card,.history-card,.matching-card,.calendar-card,.consultant-response,.pillars-card,.metric-card,.score-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0}.sidebar-profile,.sidebar-note,.mobile-header{border-radius:24px;padding:18px}.sidebar-note{margin-top:auto}.sidebar-ornament{background:linear-gradient(#ffffffeb,#f8fafcf5);border:1px solid #0f766e14;border-radius:24px;min-height:84px;position:relative;overflow:hidden}.sidebar-ornament-disc{background:radial-gradient(circle,#0f766e24 0 14%,#0000 15%),radial-gradient(circle,#0000 0 46%,#0f766e14 47% 49%,#0000 50%);border-radius:999px;width:42px;height:42px;position:absolute;top:16px;left:18px}.sidebar-ornament-waves{background-color:#0000;background-image:radial-gradient(circle at 0 100%,#0000 20px,#0f766e12 21px 22px,#0000 23px),radial-gradient(circle at 100% 100%,#0000 20px,#0f766e12 21px 22px,#0000 23px);background-position:0 0,40px 0;background-repeat:repeat,repeat;background-size:80px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:42px;position:absolute;inset:auto 0 -2px}.sidebar-profile h3,.feature-card h3,.timeline-card h3,.history-card h3,.matching-card h3,.admin-card h3,.article-card h3,.quote-card h3,.pillars-card h3{color:var(--text-strong);margin:12px 0 0;font-size:1rem;font-weight:700}.sidebar-note p,.sidebar-profile p,.body-copy,.hero-support,.field-help,.card-copy,.quote-card p,.timeline-card p,.history-card p,.article-card p,.admin-card p,.consultant-response p{color:var(--text-muted)}.content-area{padding:20px}.content-shell{width:min(1320px,100%);margin:0 auto}.mobile-shell{min-height:100vh}.mobile-header{margin-bottom:18px}.mobile-nav{gap:10px;margin-top:14px;padding-bottom:6px;display:flex;overflow-x:auto}.mobile-pill{white-space:nowrap;border:1px solid var(--border-soft);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:10px 14px;text-decoration:none}.mobile-pill-inner{align-items:center;gap:8px;display:inline-flex}.mobile-pill-icon{width:16px;height:16px;color:var(--accent-strong)}.mobile-pill-active{color:var(--accent-strong);background:var(--accent-soft);border-color:#0f766e24}.page{flex-direction:column;gap:20px;display:flex}.hero-card,.panel-card,.feature-card,.insight-card,.timeline-card,.article-card,.admin-card,.quote-card,.history-card,.matching-card,.calendar-card,.consultant-response,.pillars-card,.score-card{border-radius:26px;padding:22px}.hero-card{background:radial-gradient(circle at 100% 0,#bfdbfe57,#0000 28%),linear-gradient(#fffffff5,#f9fbfdf5);position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;opacity:1;background:linear-gradient(90deg,#ffffff3d,#0000 38%);position:absolute;inset:0}.hero-card:after{content:none}.hero-grid,.two-column,.three-column,.four-column,.chart-layout{gap:18px;display:grid}.hero-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.four-column{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.hero-column{flex-direction:column;gap:18px;display:flex}.hero-column,.hero-card>*{z-index:1;position:relative}.hero-asian-band{background:linear-gradient(90deg,#fffffffa,#f8fafcfa);border:1px solid #cbd5e166;border-radius:24px;grid-template-columns:82px minmax(0,1fr) 88px;align-items:center;gap:16px;min-height:72px;padding:14px 16px;display:grid}.hero-band-circle{background:radial-gradient(circle,#0f766e29 0 13%,#0000 14%),radial-gradient(circle,#0000 0 46%,#0f766e14 47% 49%,#0000 50%);border-radius:999px;width:42px;height:42px}.hero-band-lines{background-color:#0000;background-image:radial-gradient(circle at 0 100%,#0000 18px,#0f766e14 19px 20px,#0000 21px),radial-gradient(circle at 100% 100%,#0000 18px,#0f766e14 19px 20px,#0000 21px);background-position:0 4px,36px 4px;background-repeat:repeat,repeat;background-size:72px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;height:38px}.hero-band-seal{color:#b91c1c;letter-spacing:.18em;text-align:center;background:linear-gradient(#fffafafa,#fef2f2fa);border:1px solid #991b1b29;border-radius:18px;justify-content:center;justify-self:end;align-items:center;width:58px;height:58px;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff8c}.page-title,.section-title,.numeric-highlight,.article-title{font-family:var(--font-display);color:var(--text-strong)}.page-title{max-width:12ch;margin:10px 0 0;font-size:clamp(2rem,3vw,3.15rem);font-weight:800;line-height:1.06}.section-title{margin:8px 0 0;font-size:clamp(1.2rem,2vw,1.9rem);font-weight:700;line-height:1.14}.hero-support{max-width:58ch;margin-top:12px;font-size:.95rem;line-height:1.7}.action-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button-primary,.button-secondary,.inline-link{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent-strong), #14b8a6);cursor:pointer;border:1px solid #0000;box-shadow:0 14px 28px #0f766e2e}.button-secondary,.inline-link{border:1px solid var(--border-strong);color:var(--text-strong);cursor:pointer;background:#fff}.button-primary:hover,.button-secondary:hover,.inline-link:hover{transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled{opacity:.7;cursor:wait;transform:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.metric-card{background:var(--surface);border-radius:22px;padding:16px}.numeric-highlight{margin-top:8px;font-size:1.45rem;font-weight:800;line-height:1;display:block}.metric-card p{color:var(--text-muted);margin:8px 0 0;font-size:.88rem;line-height:1.55}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-stack{flex-direction:column;gap:8px;display:flex}.field-stack-full{grid-column:1/-1}.field-label{color:var(--text-strong);font-size:.88rem;font-weight:700}.field-input,.field-select,.field-textarea{border:1px solid var(--border-soft);width:100%;color:var(--text-strong);background:#fff;border-radius:16px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.field-textarea{resize:vertical;min-height:104px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#0f766e66;box-shadow:0 0 0 4px #0f766e1a}.field-help{font-size:.86rem;line-height:1.55}.pill-grid,.keyword-list{flex-wrap:wrap;gap:10px;display:flex}.pill,.keyword{border:1px solid var(--border-soft);color:var(--text-muted);background:#f6f9fc;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.timeline-list,.history-list,.article-list,.suggestion-grid,.element-list{gap:14px;display:grid}.suggestion-button{text-align:left;border:1px solid var(--border-soft);background:var(--surface-alt);color:var(--text-strong);cursor:pointer;border-radius:18px;padding:15px 16px;transition:transform .18s,background .18s,border-color .18s}.suggestion-button:hover{border-color:var(--border-strong);background:#fff;transform:translateY(-1px)}.timeline-card{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:18px;display:grid}.timeline-number{background:var(--accent-soft);min-height:74px;color:var(--accent-strong);border-radius:22px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:inline-flex}.element-row{grid-template-columns:80px minmax(0,1fr) 56px;align-items:center;gap:12px;display:grid}.element-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.element-fill{border-radius:999px;height:100%}.element-kim{background:linear-gradient(90deg,#d4a72c,#f3c766)}.element-moc{background:linear-gradient(90deg,#15803d,#4ade80)}.element-thuy{background:linear-gradient(90deg,#2563eb,#38bdf8)}.element-hoa{background:linear-gradient(90deg,#dc2626,#fb7185)}.element-tho{background:linear-gradient(90deg,#92400e,#f59e0b)}.pillars-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pillar-box{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:22px;padding:18px}.pillar-box strong{color:var(--text-strong);margin-top:10px;font-size:1.2rem;font-weight:700;display:block}.pillar-box span{color:var(--text-muted);line-height:1.6}.score-card{justify-content:center;align-items:center;min-height:220px;display:flex}.score-ring{background:radial-gradient(circle, white 54%, transparent 55%), conic-gradient(var(--accent-strong) 0 70%, #8de6dd 70% 100%);border-radius:50%;place-items:center;width:180px;height:180px;display:grid}.score-ring strong{font-size:2.3rem;font-weight:800}.article-body{gap:16px;display:grid}.article-body p{color:var(--text-muted);margin:0;line-height:1.8}.admin-grid{grid-template-columns:320px minmax(0,1fr);gap:22px;min-height:100vh;padding:24px;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#0f172a,#164e63);border-radius:32px;padding:24px}.admin-main{flex-direction:column;gap:18px;display:flex}.not-found{text-align:center;place-items:center;min-height:50vh;display:grid}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.hero-grid,.two-column,.three-column,.four-column,.chart-layout,.admin-grid{grid-template-columns:1fr}.pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-asian-band{grid-template-columns:72px minmax(0,1fr) 78px}}@media (width<=720px){.content-area{padding:12px}.hero-card,.panel-card,.feature-card,.insight-card,.timeline-card,.article-card,.admin-card,.quote-card,.history-card,.matching-card,.calendar-card,.consultant-response,.pillars-card,.score-card,.mobile-header{border-radius:24px;padding:20px}.metric-grid,.field-grid,.pillars-grid,.timeline-card{grid-template-columns:1fr}.page-title{max-width:100%}.hero-asian-band{grid-template-columns:1fr;justify-items:start}.hero-band-lines,.hero-band-seal{width:100%}.hero-band-seal{justify-self:stretch;max-width:140px}}