:root{--navy-950: #040b1c;--navy-900: #0a0f1e;--navy-800: #0d1b3e;--navy-700: #122152;--navy-600: #1e2d66;--indigo-600: #4338ca;--indigo-500: #4f46e5;--indigo-400: #6366f1;--indigo-300: #818cf8;--indigo-100: #e0e7ff;--amber-500: #f59e0b;--amber-400: #fbbf24;--slate-400: #94a3b8;--slate-600: #475569;--green-500: #22c55e;--red-500: #ef4444;--surface-0: var(--navy-950);--surface-1: var(--navy-900);--surface-2: var(--navy-800);--surface-3: var(--navy-700);--text-1: #f0f4ff;--text-2: #e2e8f0;--text-3: var(--slate-400);--text-4: var(--slate-600);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--font-sans: "Plus Jakarta Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(4, 11, 28, .35), 0 1px 4px rgba(4, 11, 28, .25);--shadow-input: 0 0 0 2px var(--indigo-400);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;background:var(--surface-1);color:var(--text-2);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);line-height:1.2;color:var(--text-1)}a{color:var(--indigo-400);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--indigo-300)}:focus-visible{outline:2px solid var(--indigo-400);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--indigo-600)}.card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.form-control{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-sans);font-size:14px;height:42px;padding:0 14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-control::placeholder{color:var(--text-4)}.form-control:focus{border-color:var(--indigo-500);box-shadow:var(--shadow-input);background:#4f46e50f}.form-control.ng-invalid.ng-touched{border-color:var(--red-500);box-shadow:0 0 0 2px #ef44444d}textarea.form-control{height:auto;padding:12px 14px;resize:vertical;min-height:90px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}select.form-control option{background:var(--surface-2);color:var(--text-1)}.field-error{font-size:11px;color:var(--red-500);margin-top:2px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;padding:0 20px;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));box-shadow:0 4px 14px #4f46e566;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--indigo-400),var(--indigo-500));box-shadow:0 6px 20px #4f46e58c;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-amber{background:linear-gradient(135deg,var(--amber-500),#d97706);box-shadow:0 4px 14px #f59e0b59;color:#000}.btn-amber:hover:not(:disabled){background:linear-gradient(135deg,var(--amber-400),var(--amber-500));box-shadow:0 6px 20px #f59e0b80;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-3)}.btn-ghost:hover:not(:disabled){border-color:var(--indigo-500);color:var(--indigo-300);background:#4f46e514}.btn-danger-ghost{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--red-500)}.btn-danger-ghost:hover:not(:disabled){background:#ef44441a;border-color:var(--red-500)}.btn-sm{height:34px;font-size:12px;padding:0 14px}.btn-lg{height:52px;font-size:16px;padding:0 28px}.section-heading{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo-400);padding-bottom:10px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.fields-grid{grid-template-columns:1fr}}.field-wrap{display:flex;flex-direction:column;gap:6px}.field-wrap.full{grid-column:1/-1}.field-wrap label{color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-wrap input,.field-wrap select{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-sans);font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.field-wrap input:focus,.field-wrap select:focus{border-color:var(--indigo-400);box-shadow:var(--shadow-input)}.field-wrap input::placeholder,.field-wrap select::placeholder{color:var(--text-4)}.field-wrap select option{background:var(--surface-2)}.badge{border-radius:99px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 10px}.badge.badge-indigo{background:#4f46e52e;color:var(--indigo-300)}.badge.badge-amber{background:#f59e0b26;color:var(--amber-400)}.badge.badge-green{background:#22c55e26;color:var(--green-500)}.spinner{animation:spin .7s linear infinite;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;height:18px;width:18px}@keyframes spin{to{transform:rotate(360deg)}}.toast{align-items:center;animation:slideUp .3s ease;background:var(--surface-3);border:1px solid var(--border-default);border-left:3px solid var(--green-500);border-radius:var(--radius-md);bottom:28px;box-shadow:0 8px 32px #00000080;color:var(--text-1);display:flex;font-size:13px;font-weight:500;gap:10px;left:50%;max-width:380px;padding:14px 18px;position:fixed;transform:translate(-50%);z-index:9999}.toast.toast-error{border-left-color:var(--red-500)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page-enter{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:shimmer 1.6s ease-in-out infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}