*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #07243e;--primary-light: #0e3d6a;--primary-dark: #051829;--primary-glow: rgba(7, 36, 62, .12);--accent: #1a5f9e;--accent2: #2980b9;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--bg: #ffffff;--bg2: #f5f7fa;--bg3: #eef1f5;--surface: #ffffff;--surface2: #f0f3f7;--border: rgba(7, 36, 62, .12);--border-active: rgba(7, 36, 62, .4);--text: #07243e;--text2: #3a5a7a;--text3: #7a99b5;--font: "Outfit", sans-serif;--mono: "DM Mono", monospace;--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 2px 16px rgba(7, 36, 62, .08);--shadow-primary: 0 4px 24px rgba(7, 36, 62, .2)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-primary)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:#e74c3c1a;color:var(--danger);border:1px solid rgba(231,76,60,.3)}input,select,textarea{font-family:var(--font);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;font-size:14px;width:100%;transition:border-color .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff}input::placeholder{color:var(--text3)}label{font-size:12px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.04em}.badge-success{background:#27ae601f;color:var(--success)}.badge-warning{background:#f39c121f;color:var(--warning)}.badge-danger{background:#e74c3c1f;color:var(--danger)}.badge-info{background:#2980b91f;color:var(--accent2)}.badge-muted{background:var(--bg3);color:var(--text3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07243e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .25s;box-shadow:0 20px 60px #07243e33}.modal h2{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}