@media (max-width: 900px){.sidebar{position:fixed!important;left:-100%;top:0;transition:left .25s ease}.sidebar.sidebar-open{left:0!important}.sidebar-overlay{display:block!important}.menu-toggle{display:flex!important;align-items:center;justify-content:center}}@media (max-width: 640px){main{padding:var(--space-4)!important}}:root{--surface-page: #F2F4F1;--surface-card: #FFFFFF;--surface-sunken: #E9ECE7;--surface-hover: #EEF1EC;--surface-dark: #2E3530;--surface-dark-hover: #3A423C;--border-soft: #DFE3DC;--border-medium: #C9D0C5;--border-dark: #45504A;--text-primary: #2A302B;--text-secondary: #5C685F;--text-tertiary: #8A958A;--text-on-dark: #F2F4F1;--text-on-dark-dim: #A8B3A4;--brand-50: #F0F4ED;--brand-100: #DCE7D4;--brand-300: #A8C090;--brand-500: #7C9473;--brand-600: #647A5D;--brand-700: #4F614A;--brand-900: #2E3A2B;--success-bg: #EEF5E9;--success-text: #4F7A3F;--success-solid: #6B9B5A;--warning-bg: #FBF1E6;--warning-text: #9A6328;--warning-solid: #C97B4A;--danger-bg: #FAEAEA;--danger-text: #9A3E40;--danger-solid: #B5474B;--info-bg: #EAF1F5;--info-text: #3E6B82;--info-solid: #4A87A8;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(42, 48, 43, .06);--shadow-md: 0 4px 12px rgba(42, 48, 43, .08);--shadow-lg: 0 12px 32px rgba(42, 48, 43, .12);--shadow-focus: 0 0 0 3px rgba(124, 148, 115, .25);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--sidebar-width: 248px;--topbar-height: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.01em}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--brand-100);color:var(--brand-900)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-pill);border:2px solid var(--surface-page)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:14.5px;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--border-medium);color:var(--text-tertiary);cursor:not-allowed}.btn-secondary{background:var(--surface-card);border-color:var(--border-medium);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-sunken);color:var(--text-primary)}.btn-danger{background:var(--danger-solid);color:#fff}.btn-danger:hover{background:var(--danger-text)}.btn-sm{height:36px;padding:0 var(--space-4);font-size:13.5px}.btn-lg{height:52px;padding:0 var(--space-6);font-size:16px}.btn-icon{width:44px;padding:0;flex-shrink:0}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.input,.select{height:46px;padding:0 var(--space-4);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);transition:border-color .15s ease}.input:focus,.select:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--text-tertiary)}.input-mono{font-family:var(--font-mono);letter-spacing:.02em}textarea.input{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:12.5px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:var(--space-3) var(--space-4);border-bottom:1.5px solid var(--border-soft);white-space:nowrap}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-soft);font-size:14.5px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-hover)}.data-table .num{font-family:var(--font-mono);text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-secondary)}.empty-state h3{margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state p{margin:0 0 var(--space-5);max-width:360px;color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a302b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-5)}.modal-panel{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;overflow-y:auto}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--surface-dark);color:var(--text-on-dark);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-weight:600;font-size:14px;z-index:200;display:flex;align-items:center;gap:var(--space-2)}.toast.toast-success{background:var(--brand-700)}.toast.toast-danger{background:var(--danger-text)}.stat-card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;margin-top:var(--space-2)}.stat-trend.up{color:var(--success-text)}.stat-trend.down{color:var(--danger-text)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-mono{font-family:var(--font-mono)}