*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-dark: #1a3a5c;--blue: #2e7eb8;--blue-light: #e8f2fa;--green: #27ae60;--yellow: #f5c518;--text: #1a1a2e;--text-muted: #5a6a7a;--bg: #f8f9fb;--border: #dde3eb;--card-shadow: 0 2px 12px rgba(0,0,0,.07);--radius: 10px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--blue)}h1{font-size:2rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.93rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#2571a8}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost-sm{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.88rem;padding:.2rem .5rem;border-radius:6px}.btn-ghost-sm:hover{background:var(--border);color:var(--text)}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.88rem;font-weight:600;color:var(--text-muted)}.form-control{padding:.55rem .85rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;transition:border-color .15s;width:100%;background:#fff}.form-control:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2e7eb81f}.form-control.ng-invalid.ng-touched{border-color:#e74c3c}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6a7a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-error{color:#e74c3c;font-size:.82rem;margin-top:.2rem}.form-hint{color:var(--text-muted);font-size:.82rem}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-narrow{max-width:480px;margin:0 auto;padding:2.5rem 1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.text-muted{color:var(--text-muted);font-size:.9rem}.text-center{text-align:center}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:100px;font-size:.78rem;font-weight:600}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-green{background:#e8f8f0;color:var(--green)}.badge-gray{background:#eee;color:#666}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.alert-error{background:#fef0ef;color:#c0392b;border:1px solid #f9ccc8}@media(max-width:700px){.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:1.5rem 1rem}}