:root{--bg-primary: #FAF8F5;--bg-secondary: #FFFFFF;--bg-tertiary: #F3EFE9;--bg-surface: #F7F4F0;--bg-blur: rgba(250, 248, 245, .92);--bg-nav: rgba(255, 255, 255, .96);--bg-overlay: rgba(0, 0, 0, .4);--bg-overlay-heavy: rgba(0, 0, 0, .55);--bg-hover: rgba(0, 0, 0, .03);--border: #E8E2D9;--border-light: #EDE8E1;--border-divider: #F0EBE4;--text-primary: #1A1815;--text-heading: #1A1815;--text-secondary: #706B63;--text-muted: #A09A91;--text-nav: #8A8478;--text-body: #3D3833;--accent: #C27035;--accent-hover: #B0632E;--accent-secondary: #A6845C;--accent-gradient: linear-gradient(135deg, #C27035, #D4944E);--accent-bg: rgba(194, 112, 53, .06);--accent-border: rgba(194, 112, 53, .16);--accent-border-subtle: rgba(194, 112, 53, .08);--success: #2F8654;--success-bg: rgba(47, 134, 84, .06);--success-border: rgba(47, 134, 84, .14);--success-bg-badge: rgba(47, 134, 84, .1);--danger: #C4442D;--danger-bg: rgba(196, 68, 45, .06);--warning: #C08820;--warning-bg: rgba(192, 136, 32, .06);--chart-grid: #E8E2D9;--chart-text: #A09A91;--scrollbar-thumb: rgba(0, 0, 0, .08);--selection-bg: rgba(194, 112, 53, .15);--selection-text: #1A1815;--shadow-xs: 0 1px 2px rgba(26, 24, 21, .04);--shadow-card: 0 1px 3px rgba(26, 24, 21, .04), 0 1px 2px rgba(26, 24, 21, .02);--shadow-md: 0 4px 12px rgba(26, 24, 21, .06);--shadow-lg: 0 8px 24px rgba(26, 24, 21, .08);--shadow-modal: 0 16px 48px rgba(26, 24, 21, .12);--shadow-button: 0 1px 3px rgba(194, 112, 53, .12);--shadow-button-hover: 0 2px 8px rgba(194, 112, 53, .18);--weight-gradient: linear-gradient(135deg, #C27035 0%, #D4944E 100%);--ai-button-gradient: linear-gradient(135deg, #C27035, #D4944E);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.3125rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 2rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s}[data-theme=dark]{--bg-primary: #1C1B18;--bg-secondary: #252420;--bg-tertiary: #2E2C27;--bg-surface: #2A2824;--bg-blur: rgba(28, 27, 24, .94);--bg-nav: rgba(37, 36, 32, .96);--bg-overlay: rgba(0, 0, 0, .55);--bg-overlay-heavy: rgba(0, 0, 0, .7);--bg-hover: rgba(255, 255, 255, .04);--border: #3D3A34;--border-light: #474339;--border-divider: #34312C;--text-primary: #E8E4DE;--text-heading: #F0ECE6;--text-secondary: #A09A91;--text-muted: #706B63;--text-nav: #8A8478;--text-body: #C8C2B8;--accent: #D4944E;--accent-hover: #E0A260;--accent-secondary: #C0A47C;--accent-gradient: linear-gradient(135deg, #D4944E, #E0A260);--accent-bg: rgba(212, 148, 78, .08);--accent-border: rgba(212, 148, 78, .18);--accent-border-subtle: rgba(212, 148, 78, .08);--success: #4CAF6E;--success-bg: rgba(76, 175, 110, .08);--success-border: rgba(76, 175, 110, .16);--success-bg-badge: rgba(76, 175, 110, .12);--danger: #E05A44;--danger-bg: rgba(224, 90, 68, .08);--warning: #D4A030;--warning-bg: rgba(212, 160, 48, .08);--chart-grid: rgba(255, 255, 255, .06);--chart-text: #706B63;--scrollbar-thumb: rgba(255, 255, 255, .08);--selection-bg: rgba(212, 148, 78, .2);--selection-text: #F0ECE6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .4);--shadow-button: 0 2px 6px rgba(212, 148, 78, .2);--shadow-button-hover: 0 4px 12px rgba(212, 148, 78, .3);--weight-gradient: linear-gradient(135deg, #D4944E 0%, #E0A260 100%);--ai-button-gradient: linear-gradient(135deg, #D4944E, #E0A260)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:var(--text-base);line-height:1.6;letter-spacing:-.005em;transition:background var(--duration-slow) ease,color var(--duration-slow) ease}body{margin:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::selection{background:var(--selection-bg);color:var(--selection-text)}button{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=light] *,[data-theme=dark] *{transition:background-color var(--duration-base) ease,border-color var(--duration-base) ease,color var(--duration-base) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.96)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.responsive-grid-4,.responsive-grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (max-width: 480px){.responsive-grid-4,.responsive-grid-2{grid-template-columns:1fr!important}.chart-container{min-height:180px!important}}@media (min-width: 481px) and (max-width: 768px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.chart-container{min-height:220px!important}}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.chart-container{min-height:280px!important}}@media (min-width: 1025px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)!important}.chart-container{min-height:320px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.nav-safe-area{padding-bottom:env(safe-area-inset-bottom);min-height:calc(72px + env(safe-area-inset-bottom))}}.btn-interactive{transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,opacity var(--duration-fast) ease}.btn-interactive:hover{transform:translateY(-1px)}.btn-interactive:active{transform:scale(.97)}.nav-btn-hover:hover{background:var(--bg-hover)}.card-hover{transition:box-shadow var(--duration-base) ease,transform var(--duration-base) ease,border-color var(--duration-base) ease}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-light)}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:90vw}.toast-item{pointer-events:auto;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;display:flex;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toastIn .25s ease;box-shadow:var(--shadow-md)}.toast-action{margin-left:var(--space-sm);border:none;background:transparent;color:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;text-decoration:underline}.toast-action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast-item.toast-exit{animation:toastOut .2s ease forwards}.toast-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.toast-error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(196,68,45,.16)}.toast-info{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.toast-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(192,136,32,.16)}.tab-content{animation:scaleIn .2s ease}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:scaleIn .2s ease}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-base)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.modal-open{overflow:hidden;position:fixed;width:100%;top:0;left:0}