:root{--theme-primary: #4F8CFF;--theme-secondary: #5BC8AF;--theme-info: #6AA9FF;--theme-success: #34C38F;--theme-warning: #F6B24D;--theme-error: #F36A8D;--theme-text: #1F2A44;--theme-sub-text: #6B7A99;--bg-primary: #F6FAFF;--bg-secondary: #F3F8FF;--bg-card: #FFFFFF;--bg-accent: rgba(79, 140, 255, .12);--bg-success: rgba(52, 195, 143, .12);--bg-warning: rgba(246, 178, 77, .14);--bg-error: rgba(243, 106, 141, .12);--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5C4FF;--primary-400: var(--theme-primary);--primary-500: #3D7AE8;--primary-600: #2F66CB;--success: var(--theme-success);--warning: var(--theme-warning);--error: var(--theme-error);--info: var(--theme-info);--neutral-0: #FFFFFF;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: var(--theme-sub-text);--neutral-600: #4B5563;--neutral-700: var(--theme-text);--neutral-800: #1F2937;--neutral-900: #111827;--gradient-primary: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-info) 100%);--gradient-success: linear-gradient(135deg, var(--theme-success) 0%, var(--theme-secondary) 100%);--gradient-warning: linear-gradient(135deg, var(--theme-warning) 0%, #ffd777 100%);--gradient-error: linear-gradient(135deg, var(--theme-error) 0%, #ff9eb8 100%);--theme-glow-primary: rgba(79, 140, 255, .12);--theme-glow-secondary: rgba(91, 200, 175, .1);--theme-glow-warning: rgba(246, 178, 77, .1);--theme-glow-accent: rgba(106, 169, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(99, 102, 241, .05);--shadow-md: 0 4px 6px -1px rgba(99, 102, 241, .1), 0 2px 4px -1px rgba(99, 102, 241, .06);--shadow-lg: 0 10px 15px -3px rgba(99, 102, 241, .1), 0 4px 6px -2px rgba(99, 102, 241, .05);--shadow-xl: 0 20px 25px -5px rgba(99, 102, 241, .1), 0 10px 10px -5px rgba(99, 102, 241, .04);--shadow-primary: 0 4px 14px rgba(79, 140, 255, .35);--shadow-success: 0 4px 14px rgba(52, 195, 143, .35);--shadow-warning: 0 4px 14px rgba(246, 178, 77, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,var(--theme-glow-primary) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--theme-glow-secondary) 0px,transparent 50%),radial-gradient(at 100% 100%,var(--theme-glow-warning) 0px,transparent 50%),radial-gradient(at 0% 100%,var(--theme-glow-accent) 0px,transparent 50%);background-attachment:fixed;color:var(--neutral-700);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-300)}::selection{background:var(--primary-200);color:var(--primary-700)}.page-container{padding:32px;max-width:1440px;margin:0 auto;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #6366f114,0 2px 4px -1px #6366f10a,inset 0 1px #fffc;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:0 20px 25px -5px #6366f126,0 10px 10px -5px #6366f114,inset 0 1px #fffc;transform:translateY(-2px)}.soft-card{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--neutral-100);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.soft-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-full)}.status-dot{width:6px;height:6px;border-radius:50%}.status-created{background:var(--bg-error);color:var(--error)}.status-created .status-dot{background:var(--error);animation:pulse 2s infinite}.status-pre_ready{background:var(--bg-accent);color:var(--info)}.status-pre_ready .status-dot{background:var(--info)}.status-post_pending{background:var(--bg-warning);color:var(--warning)}.status-post_pending .status-dot{background:var(--warning)}.status-completed{background:var(--bg-success);color:var(--success)}.status-completed .status-dot{background:var(--success)}.stat-card{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--neutral-100);box-shadow:var(--shadow-md);padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.chart-container{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--neutral-100);box-shadow:var(--shadow-md);padding:24px}@media (max-width: 768px){.page-container{padding:16px}.glass-card,.soft-card{border-radius:var(--radius-xl)}.stat-card{padding:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}