:root{--color-wood-brown: #4a2400;--color-dark-wood: #4b2d16;--color-console-accent: #8a5a2b;--color-console-wash: #efe0c7;--color-paper: #f8f1e5;--color-surface: #fffaf4;--color-surface-strong: #f1e3d1;--color-line: #d1b79d;--color-text: #22160d;--color-text-muted: #6e594a;--shadow-panel: 0 22px 48px rgba(34, 22, 13, .12);--radius-panel: 22px;--motion-fast: .16s;--motion-base: .28s;--motion-ease: cubic-bezier(.2, .8, .2, 1);color:var(--color-text);background:linear-gradient(135deg,rgba(74,36,0,.08),transparent 45%),linear-gradient(180deg,#fffdf9,var(--color-paper));font-family:Hiragino Mincho ProN,Yu Mincho,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-shell--console{background:linear-gradient(135deg,rgba(138,90,43,.18),transparent 38%),linear-gradient(180deg,#fffdfa,var(--color-console-wash))}.app-shell[data-unlock-key] .main-panel{animation:unlock-slide var(--motion-base) var(--motion-ease)}.side-nav{padding:28px 22px;background:linear-gradient(180deg,#8a5a2bf5,#4b2d16eb),var(--color-dark-wood);color:#fff8f0;display:flex;flex-direction:column;gap:28px}.brand-mark{display:flex;align-items:center;gap:16px}.brand-mark__tile{width:42px;height:42px;border-radius:10px 18px;background:linear-gradient(135deg,#e1b27e 0 25%,#8a5a2b 25% 50%,#bf7d42 50% 75%,#f7e2c7 75% 100%);box-shadow:inset 0 0 0 2px #fff8f029}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.side-nav .eyebrow,.side-nav h1{color:#fff8f0}.side-nav h1{margin:0;font-size:22px}.side-nav nav{display:flex;flex-direction:column;gap:10px}.nav-link{padding:12px 14px;border-radius:14px;color:#fff8f0c7;transition:background-color var(--motion-fast) ease,transform var(--motion-fast) ease}.nav-link:hover,.nav-link.is-active{background:#fff8f029;color:#fff8f0;transform:translate(4px)}.main-panel{padding:24px}.console-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:16px 18px;border-radius:22px;border:1px solid rgba(138,90,43,.2);background:linear-gradient(135deg,#ffffffb3,#efe0c7f2),var(--color-surface);box-shadow:0 14px 30px #4b2d1614}.console-ribbon__title{margin:0;font-size:18px;font-weight:700}.console-ribbon__chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,var(--color-console-accent),var(--color-wood-brown));color:#fff8f0;font-size:12px;font-weight:700;letter-spacing:.12em}.topbar{display:flex;justify-content:flex-end;gap:28px;margin-bottom:18px}.topbar__value{margin:0;font-size:15px;font-weight:700}.content-frame{background:#fffaf4db;border:1px solid rgba(74,36,0,.12);border-radius:28px;padding:28px;box-shadow:var(--shadow-panel);min-height:calc(100vh - 110px)}.stack{display:grid;gap:20px}.page-header h2{margin:0 0 8px;font-size:34px}.page-header p:last-child{margin:0;max-width:72ch;color:var(--color-text-muted)}.grid.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card,.surface-card,.table-shell,.data-state,.login-card{border-radius:var(--radius-panel);border:1px solid var(--color-line);background:var(--color-surface);padding:20px}.metric-card__value{margin:0;font-size:30px;font-weight:700}.metric-card__hint,.data-state p,.login-card__body{color:var(--color-text-muted)}.table-shell table{width:100%;border-collapse:collapse}.table-shell th,.table-shell td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(74,36,0,.1)}.table-shell th{color:var(--color-text-muted);font-weight:600}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{max-width:560px;width:100%}.unlock-card{animation:unlock-slide var(--motion-base) var(--motion-ease)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--color-wood-brown),var(--color-dark-wood));color:#fff8f0;font-weight:700}@keyframes unlock-slide{0%{opacity:0;transform:translate(24px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.side-nav{gap:16px}.topbar{justify-content:start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}