*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#22345c;background:#f7f9fc}.app-main{min-height:60vh}.container{max-width:960px;margin:0 auto;padding:2rem 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.card{display:block;padding:1rem;border:1px solid #dbe2ee;border-radius:8px;background:#fff;color:inherit;text-decoration:none}.card:hover{border-color:#22345c}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#e4ebf7;color:#22345c;font-size:.8rem}.btn{display:inline-block;padding:.6rem 1.2rem;border:none;border-radius:6px;background:#22345c;color:#fff;font-size:1rem;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.text-muted{color:#66748c}.text-error{color:#b3261e}.link-back{display:inline-block;margin-bottom:1rem;color:#22345c}.alert{padding:.8rem 1rem;border-radius:6px;margin-bottom:1rem}.alert--success{background:#e6f4ea;color:#1e7e34}.alert--error{background:#fdecea;color:#b3261e}.form{max-width:560px;display:grid;gap:1rem}.form-group{display:grid;gap:.25rem}.form-group input,.form-group textarea{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font:inherit}.form-group input.ng-invalid.ng-touched,.form-group textarea.ng-invalid.ng-touched{border-color:#b3261e}