:root{color-scheme:dark;--pf-red-700: #7d1018;--pf-red-600: #a61924;--pf-red-500: #dc1f2d;--pf-red-400: #ff5a5f;--pf-red-300: #ff8b86;--pf-obsidian: #0f0a0b;--pf-carbon: #181112;--pf-graphite: #23191c;--pf-steel: #3c2e33;--pf-smoke: #6f5a61;--pf-ash: #b9a8ad;--pf-alabaster: #f6f1f2;--pf-white: #fffdfd;--pf-champagne: #e8d7b3;--pf-gold: #c8a96b;--pf-green: #36d17d;--pf-blue: #6c9cff;--pf-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pf-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", monospace;--pf-font-size-xs: .75rem;--pf-font-size-sm: .875rem;--pf-font-size-md: 1rem;--pf-font-size-lg: 1.125rem;--pf-font-size-xl: 1.5rem;--pf-font-size-2xl: clamp(2rem, 3vw, 3rem);--pf-line-height-tight: 1.15;--pf-line-height-base: 1.5;--pf-space-1: .25rem;--pf-space-2: .5rem;--pf-space-3: .75rem;--pf-space-4: 1rem;--pf-space-5: 1.25rem;--pf-space-6: 1.5rem;--pf-space-8: 2rem;--pf-space-10: 2.5rem;--pf-space-12: 3rem;--pf-radius-sm: .5rem;--pf-radius: .875rem;--pf-radius-lg: 1.25rem;--pf-radius-pill: 999px;--pf-border-width: 1px;--pf-shadow-soft: 0 18px 40px rgba(0, 0, 0, .28);--pf-shadow-focus: 0 0 0 3px rgba(255, 90, 95, .24);--pf-transition: .16s ease;--pf-bg: radial-gradient(circle at top, #2e1217 0%, #120b0c 42%, #090607 100%);--pf-bg-solid: #090607;--pf-surface: rgba(24, 17, 18, .88);--pf-surface-elevated: rgba(35, 25, 28, .96);--pf-surface-strong: #2e2024;--pf-surface-muted: rgba(255, 255, 255, .03);--pf-border: rgba(255, 255, 255, .1);--pf-border-strong: rgba(255, 255, 255, .18);--pf-text: #fff7f8;--pf-text-muted: #c8b7bc;--pf-text-soft: #9e8c91;--pf-text-inverse: #140c0d;--pf-heading: #ffffff;--pf-action: var(--pf-red-500);--pf-action-hover: var(--pf-red-400);--pf-action-pressed: var(--pf-red-600);--pf-action-contrast: var(--pf-white);--pf-focus: rgba(255, 90, 95, .28);--pf-success-bg: rgba(54, 209, 125, .14);--pf-success-border: rgba(54, 209, 125, .32);--pf-success-text: #9ff0c2;--pf-error-bg: rgba(220, 31, 45, .14);--pf-error-border: rgba(255, 90, 95, .34);--pf-error-text: #ffb5b1;--pf-background: var(--pf-bg-solid);--pf-primary: var(--pf-action);--pf-text-primary: var(--pf-text);--pf-text-secondary: var(--pf-text-muted);--pf-gray-500: var(--pf-smoke);--pf-gray-600: color-mix(in srgb, var(--pf-smoke) 72%, var(--pf-ash) 28%);--pf-gray-700: var(--pf-steel);--pf-gray-800: var(--pf-graphite);--pf-gray-900: var(--pf-carbon);--pf-silver: #c8cdd6;--pf-bronze: #b9855c;--pf-radius-md: var(--pf-radius);--pf-spacing-2: var(--pf-space-2);--pf-spacing-3: var(--pf-space-3);--pf-spacing-4: var(--pf-space-4);--pf-spacing-8: var(--pf-space-8);--pf-red: var(--pf-red-500);--pf-red-dark: var(--pf-red-600);--pf-red-light: var(--pf-red-400)}[data-theme=light]{color-scheme:light;--pf-bg: linear-gradient(180deg, #f8f2f2 0%, #efe4e5 100%);--pf-bg-solid: #f5eded;--pf-surface: rgba(255, 255, 255, .96);--pf-surface-elevated: #ffffff;--pf-surface-strong: #f5ebed;--pf-surface-muted: rgba(125, 16, 24, .05);--pf-border: rgba(125, 16, 24, .12);--pf-border-strong: rgba(125, 16, 24, .2);--pf-text: #221417;--pf-text-muted: #5d4a4e;--pf-text-soft: #816c71;--pf-text-inverse: #fffdfd;--pf-heading: #180d10;--pf-action: #c11f2c;--pf-action-hover: #dc1f2d;--pf-action-pressed: #a61924;--pf-action-contrast: #fffdfd;--pf-focus: rgba(193, 31, 44, .18);--pf-success-bg: rgba(54, 209, 125, .14);--pf-success-border: rgba(25, 129, 73, .22);--pf-success-text: #14673d;--pf-error-bg: rgba(220, 31, 45, .1);--pf-error-border: rgba(193, 31, 44, .22);--pf-error-text: #8e1722;--pf-shadow-soft: 0 18px 45px rgba(92, 30, 38, .08);--pf-silver: #78808d;--pf-bronze: #99684a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--pf-font);font-size:16px;line-height:var(--pf-line-height-base);color:var(--pf-text);background:var(--pf-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-attachment:fixed}h1,h2,h3,h4,h5,h6{color:var(--pf-heading);font-family:var(--pf-font-display);line-height:var(--pf-line-height-tight)}a{color:var(--pf-action);text-decoration:none;transition:color var(--pf-transition)}a:hover{color:var(--pf-action-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-space-2);min-height:2.75rem;padding:.75rem 1.25rem;border:var(--pf-border-width) solid transparent;border-radius:var(--pf-radius-pill);font-size:var(--pf-font-size-sm);font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;transition:background-color var(--pf-transition),border-color var(--pf-transition),color var(--pf-transition),transform var(--pf-transition),box-shadow var(--pf-transition);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:var(--pf-shadow-focus)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--pf-action) 0%,var(--pf-red-600) 100%);color:var(--pf-action-contrast);box-shadow:0 14px 30px #a6192447}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--pf-action-hover) 0%,var(--pf-action) 100%)}.btn-secondary{background:var(--pf-surface-strong);border-color:var(--pf-border);color:var(--pf-text)}.btn-secondary:hover:not(:disabled){background:var(--pf-surface-elevated);border-color:var(--pf-border-strong)}.btn-outline{background:transparent;border-color:var(--pf-border-strong);color:var(--pf-text)}.btn-outline:hover:not(:disabled){background:var(--pf-surface-muted);border-color:var(--pf-action);color:var(--pf-heading)}.card{background:var(--pf-surface);border:var(--pf-border-width) solid var(--pf-border);border-radius:var(--pf-radius-lg);box-shadow:var(--pf-shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(1.25rem,2vw,1.75rem)}.form-group{display:flex;flex-direction:column;gap:var(--pf-space-2)}.form-label{display:inline-flex;align-items:center;gap:var(--pf-space-2);font-size:var(--pf-font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-muted)}.form-input{width:100%;min-height:2.875rem;padding:.8rem .95rem;background:var(--pf-surface-strong);border:var(--pf-border-width) solid var(--pf-border);border-radius:var(--pf-radius);color:var(--pf-text);transition:border-color var(--pf-transition),background-color var(--pf-transition),box-shadow var(--pf-transition)}.form-input::placeholder{color:var(--pf-text-soft)}.form-input:focus{outline:none;border-color:var(--pf-action);box-shadow:var(--pf-shadow-focus)}.form-input.ng-touched.ng-invalid{border-color:var(--pf-action)}.form-error{font-size:var(--pf-font-size-xs);color:var(--pf-error-text)}.badge{display:inline-flex;align-items:center;gap:var(--pf-space-1);padding:.25rem .625rem;border-radius:var(--pf-radius-pill);font-size:var(--pf-font-size-xs);font-weight:700;letter-spacing:.04em}.badge-green{background:#36d17d26;color:var(--pf-green)}.badge-red{background:#dc1f2d26;color:var(--pf-red-light)}.badge-gold{background:#e8d7b329;color:var(--pf-champagne)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.9rem 1rem;text-align:left}.table th{font-size:var(--pf-font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-muted);border-bottom:var(--pf-border-width) solid var(--pf-border-strong)}.table td{font-size:var(--pf-font-size-sm);border-bottom:var(--pf-border-width) solid var(--pf-border)}.table tbody tr{transition:background-color var(--pf-transition)}.table tbody tr:hover{background:var(--pf-surface-muted)}.page-header{margin-bottom:var(--pf-space-8)}.page-header h1{font-size:var(--pf-font-size-2xl);font-weight:800;letter-spacing:-.04em}.page-header p{max-width:64ch;margin-top:var(--pf-space-2);font-size:var(--pf-font-size-md);color:var(--pf-text-muted)}.spinner{width:1.5rem;height:1.5rem;border:3px solid var(--pf-border-strong);border-top-color:var(--pf-action);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--pf-space-12)}.error-banner,.success-banner{padding:.9rem 1rem;border-radius:var(--pf-radius);font-size:var(--pf-font-size-sm);font-weight:600}.error-banner{background:var(--pf-error-bg);border:var(--pf-border-width) solid var(--pf-error-border);color:var(--pf-error-text)}.success-banner{background:var(--pf-success-bg);border:var(--pf-border-width) solid var(--pf-success-border);color:var(--pf-success-text)}
