*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f1629;--navy-light: #1a2540;--navy-mid: #243050;--slate: #8896b0;--slate-light:#b8c4d8;--white: #ffffff;--off-white: #f4f6fa;--border: #e8ecf4;--accent: #00d68f;--accent-dim: #00b377;--accent-bg: #e6fdf5;--on-accent: var(--navy);--accent-on-dark: var(--accent);--red: #ff4757;--red-bg: #fff0f1;--amber: #ffaa00;--amber-bg: #fff8e6;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--sidebar-w: 240px;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(15,22,41,.08), 0 4px 16px rgba(15,22,41,.06);--shadow-lg: 0 8px 32px rgba(15,22,41,.12)}:root{--color-primary: #2563EB;--color-primary-dim: #1D4ED8;--color-primary-tint: #EFF4FE;--color-on-primary: #ffffff;--color-secondary: #059669;--color-accent: #D97706;--color-accent-dim: #B45309;--color-background: #F8FAFC;--color-surface: #ffffff;--color-muted: #F1F5FD;--color-foreground: #0F172A;--color-fg-muted: #64748B;--color-border: #E4ECFC;--color-border-strong: #CBD8F0;--color-destructive: #DC2626;--color-ring: rgba(37,99,235,.3)}:root[data-theme=dark]{--color-primary: #3B82F6;--color-primary-dim: #60A5FA;--color-primary-tint: #16233A;--color-on-primary: #ffffff;--color-secondary: #10B981;--color-accent: #F59E0B;--color-accent-dim: #FBBF24;--color-background: #0A101E;--color-surface: #111C30;--color-muted: #16233A;--color-foreground: #E8EEF9;--color-fg-muted: #94A3B8;--color-border: #233449;--color-border-strong: #31465F;--color-destructive: #F87171;--color-ring: rgba(59,130,246,.4)}:root[data-skin=beta]{--off-white: var(--color-background);--white: var(--color-surface);--slate: var(--color-fg-muted);--slate-light: #94A3B8;--border: var(--color-border);--accent: var(--color-primary);--accent-dim: var(--color-primary-dim);--accent-bg: var(--color-primary-tint);--on-accent: #ffffff;--accent-on-dark: #60A5FA}:root[data-skin=beta] .btn-primary{background:var(--color-accent-dim);color:#fff}:root[data-skin=beta] .btn-primary:hover{background:#92400e}:root[data-skin=beta] .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring)}html,body,#root{height:100%;font-family:var(--font);background:var(--off-white);color:var(--navy);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--navy)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--slate);border:1px solid var(--border)}.btn-ghost:hover{background:var(--off-white);color:var(--navy)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #ffd0d4}.btn-danger:hover{background:#ffd0d4}.btn-sm{padding:6px 12px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--slate);letter-spacing:.02em}.input{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;color:var(--navy);background:var(--white);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--slate-light)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238896b0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.error-msg{background:var(--red-bg);color:var(--red);border:1px solid #ffd0d4;border-radius:var(--radius);padding:10px 14px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 768px){.card{border-radius:12px}.btn{padding:10px 16px;font-size:15px}.btn-sm{padding:8px 14px;font-size:14px}.input{padding:12px 14px;font-size:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .25s ease forwards}@media (max-width: 640px){.card{border-radius:10px}.page-pad{padding:20px 16px}.btn-mobile-full{width:100%;justify-content:center}.form-row-mobile{flex-direction:column!important}.modal-mobile{position:fixed!important;right:0!important;left:0!important;max-width:100%!important;border-radius:16px 16px 0 0!important;top:auto!important;bottom:0!important;max-height:90vh;overflow-y:auto}}