:root{--primary-color:#1890ff;--bg-primary:#fff;--bg-secondary:#f0f2f5;--text-secondary:#00000073;--border-color:#f0f0f0;--shadow-sm:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}header{color:#fff;background-color:#282c34;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}nav a{color:#fff;margin-left:1rem;text-decoration:none}nav a:hover{text-decoration:underline}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}footer{color:#fff;text-align:center;background-color:#282c34;padding:1rem}.card{background-color:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.btn{color:#282c34;cursor:pointer;background-color:#61dafb;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:700;transition:background-color .3s}.btn:hover{background-color:#4fa8d4}.btn-secondary{color:#fff;background-color:#888}.btn-secondary:hover{background-color:#666}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-active:#1d4ed8;--primary-light:#eff6ff;--secondary-color:#64748b;--secondary-hover:#475569;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#0ea5e9;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--z-index-base:0;--z-index-dropdown:1050;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}#antd-popup-root{z-index:3000;position:relative}#antd-popup-root .ant-dropdown,#antd-popup-root .ant-select-dropdown,#antd-popup-root .ant-picker-dropdown,#antd-popup-root .ant-popover,#antd-popup-root .ant-tooltip,#antd-popup-root .ant-popconfirm{pointer-events:auto;z-index:3000}.dark-theme{--primary-color:#60a5fa;--primary-hover:#93c5fd;--primary-active:#3b82f6;--primary-light:#1e3a8a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-disabled:#64748b;--text-inverse:#1e293b;--bg-primary:#1e293b;--bg-secondary:#0f172a;--bg-tertiary:#334155;--bg-hover:#334155;--bg-active:#475569;--border-color:#334155;--border-hover:#475569;--border-light:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-md);transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;padding:0;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm);border:none}.btn-primary:hover{filter:brightness(110%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-normal);border:1px solid var(--border-light)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 2px #1890ff33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in{animation:slideIn var(--transition-normal)}.pulse{animation:2s infinite pulse}@media (width<=768px){:root{--spacing-xs:2px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:20px;--spacing-xl:28px;--spacing-xxl:40px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:20px}.card{padding:var(--spacing-md)}}@media (width<=480px){body{font-size:var(--font-size-sm)}}@media (prefers-contrast:high){:root{--border-color:#000;--text-primary:#000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #000}}