:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-card: #e2e8f0;--border-accent: #cbd5e1;--accent-primary: #132644;--accent-primary-hover: #0a182e;--accent-secondary: #3483bd;--accent-gradient: linear-gradient(135deg, #132644 0%, #1e3a64 100%);--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--text-main: #132644;--text-muted: #4a5568;--text-subtle: #64748b;--shadow-card: 0 4px 20px -2px rgba(19, 38, 68, .05), 0 2px 6px -1px rgba(19, 38, 68, .03);--shadow-glow: 0 10px 25px -5px rgba(52, 131, 189, .15);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel-hover{transition:transform .25s var(--ease-out),background .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.glass-panel-hover:active{transform:translateY(-1px) scale(.985);transition-duration:.1s}.btn-primary{background:var(--accent-primary);color:#fff;font-weight:600;border:none;padding:.85rem 1.6rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out);box-shadow:0 2px 8px #13264426}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #13264440}.btn-primary:active:not(:disabled){transform:scale(.96);transition-duration:.1s}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-card);font-weight:600;padding:.85rem 1.4rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s var(--ease-out),background .18s var(--ease-out),border-color .18s var(--ease-out)}.btn-secondary:hover{background:#f1f5f9;border-color:var(--border-accent)}.btn-secondary:active:not(:disabled){transform:scale(.96);transition-duration:.1s}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.form-input,.form-select{width:100%;height:48px;box-sizing:border-box;padding:0 1.1rem;background:#fff;border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-family);font-size:1rem;outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center;padding-right:2.8rem;cursor:pointer}.form-input:focus,.form-select:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #3483bd1f;background:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13264466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s var(--ease-out) both}@keyframes viewEnter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.view-enter{animation:viewEnter .45s var(--ease-out) both}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-pop{animation:modalPop .35s var(--ease-out) both}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.badge-pop{animation:badgePop .4s var(--ease-spring) both}@keyframes successPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}80%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes successRing{0%{opacity:.5;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}.success-icon-circle{animation:successPop .65s var(--ease-spring) both}.success-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;animation:successRing .9s var(--ease-out) .12s both;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(28px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.toast-item{animation:toastIn .4s var(--ease-spring) both}