*,*:before,*:after{box-sizing:border-box}:root{--coral-900: #7C2D12;--coral-700: #C2410C;--coral-500: #FF6B35;--coral-400: #FF8F5E;--coral-200: #FED7AA;--coral-100: #FFEDD5;--coral-50: #FFF7ED;--amber-700: #92400E;--amber-500: #FBBF24;--amber-300: #FDE68A;--amber-50: #FFFBEB;--mint-500: #6EE7B7;--mint-300: #A7F3D0;--mint-100: #D1FAE5;--violet-500: #A78BFA;--violet-100: #F5F3FF;--emerald: #10B981;--surface-page: transparent;--surface-card: rgba(255,255,255,.76);--surface-input: rgba(255,255,255,.7);--surface-hover: rgba(255,107,53,.04);--surface-table-header: rgba(255,255,255,.6);--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #94A3B8;--text-muted: #64748B;--border-default: rgba(255,107,53,.08);--border-emphasis: rgba(255,107,53,.16);--border-input: rgba(255,107,53,.12);--sidebar-bg: rgba(255,255,255,.45);--sidebar-text: rgba(15,23,42,.5);--sidebar-active-bg: linear-gradient(90deg, rgba(255,107,53,.1), rgba(251,191,36,.06));--sidebar-active-text: #FF6B35;--sidebar-active-border: #FF6B35;--sidebar-section-text: rgba(15,23,42,.28);--sidebar-divider: rgba(255,107,53,.08);--sidebar-w: 230px;--topnav-h: 56px;--pagebar-h: 48px;--orange: #FF6B35;--amber: #FBBF24;--blue-bright: #6EE7B7;--blue-dark: #0F172A;--blue: #FF6B35;--gradient: linear-gradient(135deg, #FF6B35, #FBBF24 45%, #6EE7B7);--text: #0F172A;--text-white: #FFFFFF;--bg-page: transparent;--bg-card: rgba(255,255,255,.76);--bg-card-hover: rgba(255,107,53,.04);--bg-blue-tint: #FFF7ED;--bg-orange-tint: #FFF7ED;--border: rgba(255,107,53,.08);--border-strong: rgba(255,107,53,.2);--success: #10B981;--success-bg: rgba(16,185,129,.08);--warning: #FBBF24;--warning-bg: rgba(251,191,36,.08);--error: #EF4444;--error-bg: rgba(239,68,68,.07);--info: #6EE7B7;--info-bg: rgba(110,231,183,.07);--shadow-orange: 0 4px 16px rgba(255,107,53,.18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-display: "Instrument Serif", serif;--font-body: "Satoshi", sans-serif;--font-mono: "JetBrains Mono", monospace;--font: "Satoshi", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-btn: 10px;--radius-pill: 100px;--shadow-sm: 0 1px 3px rgba(15,23,42,.04), 0 4px 14px rgba(15,23,42,.07);--shadow-md: 0 4px 20px rgba(15,23,42,.1);--shadow-lg: 0 8px 30px rgba(15,23,42,.12), 0 2px 8px rgba(15,23,42,.06);--shadow-card: 0 1px 3px rgba(15,23,42,.04), 0 4px 14px rgba(15,23,42,.07);--shadow-card-hover: 0 4px 20px rgba(15,23,42,.1);--shadow-hover: 0 6px 24px rgba(15,23,42,.14), 0 2px 8px rgba(15,23,42,.06);--shadow-modal: 0 12px 40px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08);--jade-500: #FF6B35;--jade-400: #FF8F5E;--jade-300: #FBBF24;--jade-200: #FED7AA;--jade-100: #FFEDD5;--jade-50: #FFF7ED;--jade-700: #C2410C;--jade-900: #7C2D12;--teal-300: #6EE7B7;--sage-300: #94A3B8;--gold-500: #FBBF24;--gold-400: #FBBF24;--gold-700: #92400E;--gold-300: #FDE68A;--gold-50: #FFFBEB;--critical: #EF4444;--brand-harmony: #FF6B35;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}html,body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:linear-gradient(155deg,#fff7ed,#f0f9ff 35%,#faf5ff 65%,#fff1f2);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:#fff9;backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);border:1px solid rgba(255,107,53,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.glass-card-raised{background:#ffffffd9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,107,53,.12);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover)}:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b3526;border-color:#ff6b35!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff6b352e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6b3559}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes loginSpin{to{transform:rotate(360deg)}}@keyframes accentGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes prismaticBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skeleton{background:linear-gradient(90deg,#ff6b350a 25%,#ff6b3514,#ff6b350a 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.login-spinner{width:40px;height:40px;border:3px solid var(--coral-200);border-top-color:var(--coral-500);border-radius:50%;animation:loginSpin .8s linear infinite}.login-card-shell{position:relative;border-radius:var(--radius-3xl);padding:2px;background:linear-gradient(135deg,#ff6b35,#fbbf24 25%,#6ee7b7,#a78bfa 75%,#ff6b35);background-size:300% 300%;animation:prismaticBorder 6s ease infinite;box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.brand-stripe{height:var(--stripe-h);background:linear-gradient(135deg,#ff6b35,#fbbf24,#6ee7b7);flex-shrink:0}::selection{background:#ff6b3526;color:#7c2d12}:focus:not(:focus-visible){outline:none}.recharts-text{font-family:Satoshi,sans-serif!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ff6b350f!important}tbody tr{transition:background .12s}tbody tr:hover{background:#ff6b350a!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.7) inset;-webkit-text-fill-color:var(--text-primary)}
