:root{--color-wood-brown: #4a2400;--color-dark-wood: #4b2d16;--color-paper: #f8f1e5;--color-surface: #fffaf4;--color-surface-strong: #f1e3d1;--color-line: #d1b79d;--color-text: #22160d;--color-text-muted: #6e594a;--color-success: #2f6b3b;--color-error: #9a2c1f;--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--admin{background:linear-gradient(135deg,rgba(74,36,0,.14),transparent 42%),linear-gradient(180deg,#fffbf7,var(--color-paper))}.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,#4a2400f5,#4b2d16f5),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:14px;background:linear-gradient(135deg,#c38a56 0 25%,#4a2400 25% 50%,#a6652f 50% 75%,#f2d3b1 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:#fff8f01f;color:#fff8f0;transform:translate(4px)}.main-panel{padding:24px}.app-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;border-radius:18px;border:1px solid rgba(74,36,0,.14);background:#fffaf4d1}.app-identity__chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,var(--color-wood-brown),var(--color-dark-wood));color:#fff8f0;font-size:12px;font-weight:700;letter-spacing:.1em}.app-identity__label{color:var(--color-text-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.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,.status-panel,.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,.status-panel p,.data-state p,.login-card__body{color:var(--color-text-muted)}.status-panel{display:flex;justify-content:space-between;gap:20px;align-items:end}.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}.data-state.loading{border-style:dashed}.data-state.error{border-color:#9a2c1f66}.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}}