:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: rgba(37, 99, 235, .08);--color-secondary: #0ea5e9;--color-accent: #f59e0b;--color-teal: #0c9a83;--color-ink: #0b1220;--color-ink-2: #131c31;--color-bg: rgba(221, 229, 246, .5);--color-bg-dark: #0b1220;--color-surface: rgba(255, 255, 255, .68);--color-surface-2: rgba(255, 255, 255, .46);--color-surface-solid: #ffffff;--app-base: #eaf0fb;--app-aurora: radial-gradient(900px 620px at 8% -8%, rgba(96, 165, 250, .42), transparent 62%), radial-gradient(820px 600px at 98% 4%, rgba(167, 139, 250, .36), transparent 60%), radial-gradient(900px 700px at 78% 108%, rgba(45, 212, 191, .26), transparent 60%), radial-gradient(700px 560px at 12% 102%, rgba(244, 114, 182, .2), transparent 62%);--glass-blur: saturate(170%) blur(22px);--glass-edge: rgba(255, 255, 255, .85);--glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 42%);--color-surface-dark: #131c31;--color-text-primary: #0f172a;--color-text-secondary: #5b6478;--color-text-faint: #8a93a6;--color-text-inverse: #f8fafc;--color-border: rgba(118, 136, 184, .24);--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--gradient-brand: linear-gradient(135deg, #3b82f6 0%, #4f46e5 55%, #7c3aed 100%);--gradient-ai: linear-gradient(120deg, #7c3aed 0%, #2563eb 55%, #0ea5e9 100%);--gradient-hero: radial-gradient(1200px 400px at 85% -20%, rgba(124, 58, 237, .45), transparent 60%), radial-gradient(900px 380px at 0% 120%, rgba(14, 165, 233, .35), transparent 60%), linear-gradient(135deg, #0b1220 0%, #131c31 60%, #1b2550 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px;--shadow-sm: inset 0 1px 0 var(--glass-edge), 0 1px 2px rgba(30, 41, 90, .04), 0 12px 28px -18px rgba(30, 41, 90, .28);--shadow-md: inset 0 1px 0 var(--glass-edge), 0 22px 44px -22px rgba(30, 41, 90, .38);--shadow-lg: 0 24px 60px -20px rgba(37, 99, 235, .35);--font-display: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--transition-base: .22s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:var(--app-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--app-aurora),var(--app-base);pointer-events:none}*{scrollbar-width:thin;scrollbar-color:rgba(120,136,180,.4) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:999px;background:#7888b461;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--color-text-primary);letter-spacing:-.01em}a{color:var(--color-primary);text-decoration:none}::selection{background:#2563eb33}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:22px;min-width:0;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}@media(max-width:560px){.card{padding:16px}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card__header h2{font-size:1.05rem;font-weight:700}.card__header a{font-size:.8rem;font-weight:600}.card__header a:hover{text-decoration:underline}.card__empty{margin:0;color:var(--color-text-secondary);font-size:.9rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;height:46px;padding:0 24px;border-radius:999px;border:none;background:var(--gradient-brand);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:transform var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base);box-shadow:inset 0 1px #ffffff59,0 10px 22px -10px #3b5bf5bf}.btn-primary:before{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#ffffff38,#fff0);pointer-events:none}.btn-primary mat-icon{font-size:20px;width:20px;height:20px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 16px 30px -10px #3b5bf5cc}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary--sm{height:38px;padding:0 16px;font-size:.8rem}.btn-primary--light{background:#fff;color:var(--color-ink);box-shadow:0 8px 20px -10px #00000080}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-weight:600;font-size:.86rem;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-base),color var(--transition-base),transform var(--transition-base),background var(--transition-base)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-outline:active:not(:disabled){transform:scale(.98)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.btn-outline--ghost-light{background:#ffffff14;border-color:#ffffff40;color:#fff}.btn-outline--ghost-light:hover:not(:disabled){border-color:#fff;color:#fff;background:#ffffff24}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;border:none;background:linear-gradient(135deg,#f43f5e,#dc2626);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.86rem;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff4d,0 10px 22px -10px #dc2626cc;transition:transform var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.btn-danger mat-icon{font-size:19px;width:19px;height:19px}.btn-danger:hover:not(:disabled){transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#080c1c73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modal-fade .18s ease both}.modal__panel{width:min(440px,100%);padding:26px;border-radius:var(--radius-xl);background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:0 40px 80px -30px #080c1cb3;text-align:center;animation:modal-pop .26s cubic-bezier(.22,1,.36,1) both}.modal__panel h2{font-size:1.2rem;font-weight:800}.modal__panel p{margin:10px 0 0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.55}.modal__panel p strong{color:var(--color-text-primary)}.modal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;border-radius:50%;background:#dc26261f;color:var(--color-danger)}.modal__actions{display:flex;justify-content:center;gap:10px;margin-top:22px}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.chip:hover{color:var(--color-text-primary);border-color:#cbd3e1}.chip.is-active{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px #3b5bf5cc}.chip .chip__count{font-size:.72rem;opacity:.7}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.74rem;font-weight:600;white-space:nowrap}.ai-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;background:var(--gradient-ai);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ai-badge mat-icon{font-size:14px;width:14px;height:14px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-header h1{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}.page-header p{margin:6px 0 0;color:var(--color-text-secondary);font-size:.92rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 14px}.section-title h2{font-size:1.15rem;font-weight:800}.section-title a{font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.section-title a mat-icon{font-size:18px;width:18px;height:18px}.progress-bar{height:6px;border-radius:999px;background:#94a3b840;overflow:hidden}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:var(--bar-color, var(--color-primary));transition:width .6s cubic-bezier(.22,1,.36,1)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-2) 0%,var(--color-border) 50%,var(--color-surface-2) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-dark{--color-bg: rgba(4, 8, 20, .42);--color-surface: rgba(28, 38, 66, .52);--color-surface-2: rgba(255, 255, 255, .045);--color-surface-solid: #131b30;--color-surface-dark: #0a0f1c;--app-base: #060a16;--app-aurora: radial-gradient(900px 620px at 6% -10%, rgba(37, 99, 235, .42), transparent 62%), radial-gradient(820px 600px at 100% 0%, rgba(124, 58, 237, .36), transparent 60%), radial-gradient(900px 700px at 80% 110%, rgba(13, 148, 136, .24), transparent 60%), radial-gradient(700px 560px at 10% 104%, rgba(190, 24, 93, .18), transparent 62%);--glass-edge: rgba(255, 255, 255, .1);--glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 42%);--color-text-primary: #eef2f8;--color-text-secondary: #9aa4b8;--color-text-faint: #6b7489;--color-border: rgba(160, 180, 255, .13);--color-primary-soft: rgba(96, 140, 255, .14);--shadow-sm: inset 0 1px 0 var(--glass-edge), 0 14px 30px -18px rgba(0, 0, 0, .7);--shadow-md: inset 0 1px 0 var(--glass-edge), 0 24px 48px -22px rgba(0, 0, 0, .8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}