:root{--color-primary: #0f1f1a;--color-primary-800: #152b24;--color-primary-700: #1d3d34;--color-primary-600: #2d5246;--color-primary-500: #4a6d65;--color-primary-100: #e8f0ee;--color-primary-50: #f1f5f4;--color-accent: #b8943a;--color-accent-light: #c5a358;--color-accent-lighter: #d4bd8a;--color-accent-50: #f9f5eb;--color-accent-100: #f5efdf;--color-bg-base: #f8f6f2;--color-bg: #fdfcf9;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(255, 255, 255, .9);--color-surface: #ffffff;--color-surface-subtle: #faf9f7;--color-border: rgba(18, 38, 32, .06);--color-border-strong: rgba(18, 38, 32, .12);--color-text: #1a2e28;--color-text-secondary: #4a6d65;--color-text-muted: #8a9a94;--color-text-placeholder: #b8c4bf;--color-success: #0d9488;--color-success-bg: rgba(13, 148, 136, .08);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .08);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--shadow-xs: 0 1px 2px rgba(15, 31, 26, .02);--shadow-sm: 0 2px 8px -2px rgba(15, 31, 26, .04), 0 4px 12px -4px rgba(15, 31, 26, .03);--shadow-md: 0 4px 16px -4px rgba(15, 31, 26, .06), 0 8px 24px -8px rgba(15, 31, 26, .04);--shadow-lg: 0 8px 32px -8px rgba(15, 31, 26, .08), 0 16px 48px -16px rgba(15, 31, 26, .06);--shadow-xl: 0 16px 48px -16px rgba(15, 31, 26, .1), 0 24px 64px -24px rgba(15, 31, 26, .08);--shadow-gold: 0 4px 20px -4px rgba(184, 148, 58, .25), 0 8px 32px -8px rgba(184, 148, 58, .15);--spacing-tight: .75rem;--spacing-base: 1rem;--spacing-loose: 1.5rem;--spacing-xl: 2rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1)}.glass-effect{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 24px -4px #0f1f1a0f}.forest-gradient{background:linear-gradient(165deg,#0f1f1a,#152b24 40%,#1d3d34);box-shadow:inset 0 1px #ffffff08}.sidebar-gradient{background:linear-gradient(180deg,#0f1f1a,#132722 30%,#152b24 70%,#1a3630);box-shadow:4px 0 24px -4px #00000026}.brass-gradient{background:linear-gradient(135deg,#c5a358,#b8943a,#a67c2e);box-shadow:0 4px 16px -4px #b8943a59}.card-elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-md)}.content-bg-layered{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(184,148,58,.04) 0%,transparent 50%),linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg) 100%)}.table-row-hover{transition:all var(--transition-base)}.table-row-hover:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}body{background-color:var(--color-bg-base);color:var(--color-text);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-primary-50);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-primary-500);border-radius:10px;opacity:.4}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}