html{height:100%;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Plus Jakarta Sans;--mat-sys-body-large-font: Plus Jakarta Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-body-medium-font: Plus Jakarta Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Plus Jakarta Sans;--mat-sys-body-small-font: Plus Jakarta Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Plus Jakarta Sans;--mat-sys-display-large-font: Plus Jakarta Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Plus Jakarta Sans;--mat-sys-display-medium-font: Plus Jakarta Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Plus Jakarta Sans;--mat-sys-display-small-font: Plus Jakarta Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Plus Jakarta Sans;--mat-sys-headline-large-font: Plus Jakarta Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Plus Jakarta Sans;--mat-sys-headline-medium-font: Plus Jakarta Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Plus Jakarta Sans;--mat-sys-headline-small-font: Plus Jakarta Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-label-large-font: Plus Jakarta Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Plus Jakarta Sans;--mat-sys-label-medium-font: Plus Jakarta Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Plus Jakarta Sans;--mat-sys-label-small-font: Plus Jakarta Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Plus Jakarta Sans;--mat-sys-title-large-font: Plus Jakarta Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Plus Jakarta Sans;--mat-sys-title-medium-font: Plus Jakarta Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-title-small-font: Plus Jakarta Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary: #ff6b00;--primary-dark: #e05e00;--primary-light: #fff0e6;--primary-glow: rgba(255, 107, 0, .18);--secondary: #0f172a;--secondary-light: #1e293b;--secondary-lighter: #334155;--accent-blue: #3b82f6;--accent-blue-light: #eff6ff;--accent-purple: #8b5cf6;--accent-purple-light: #f5f3ff;--background: #f8fafc;--surface: #ffffff;--surface-dim: #f1f5f9;--surface-hover: #f8fafc;--border: #e2e8f0;--border-dark: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--success: #10b981;--success-light: #ecfdf5;--success-dark: #047857;--warning: #f59e0b;--warning-light: #fffbeb;--warning-dark: #b45309;--error: #ef4444;--error-light: #fef2f2;--error-dark: #b91c1c;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .03);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(255, 107, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:var(--font-sans);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color-scheme:light}h1,h2,h3,h4,h5,h6,p{margin:0;font-family:var(--font-sans)}button{font-family:var(--font-sans);cursor:pointer}a{color:inherit;text-decoration:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header h1{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--secondary)}.page-header p,.page-header .page-sub{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1)}.card.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);transition:background .2s}.stat-card.stat-primary:before{background:var(--primary)}.stat-card.stat-info:before{background:var(--accent-blue)}.stat-card.stat-success:before{background:var(--success)}.stat-card.stat-warning:before{background:var(--warning)}.stat-card .stat-info-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card .stat-value{font-size:28px;font-weight:800;color:var(--secondary);letter-spacing:-.03em;line-height:1.1}.stat-card .stat-sub{font-size:12px;color:var(--text-light);font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.stat-card .stat-sub.up{color:var(--success-dark)}.stat-card .stat-sub.down{color:var(--error-dark)}.stat-card .stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--surface-dim);color:var(--secondary)}.stat-card .stat-icon-wrapper mat-icon{font-size:24px;width:24px;height:24px}.stat-card .stat-icon-wrapper.primary{background:var(--primary-light);color:var(--primary)}.stat-card .stat-icon-wrapper.info{background:var(--accent-blue-light);color:var(--accent-blue)}.stat-card .stat-icon-wrapper.success{background:var(--success-light);color:var(--success-dark)}.stat-card .stat-icon-wrapper.warning{background:var(--warning-light);color:var(--warning-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:-.01em;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-xs)}.btn mat-icon{font-size:18px;width:18px;height:18px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:not(:disabled):hover{background:var(--secondary-light)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--secondary)}.btn-outline:not(:disabled):hover{background:var(--surface-dim);border-color:var(--border-dark)}.btn-danger{background:var(--error-light);color:var(--error-dark);border-color:#ef444433}.btn-danger:not(:disabled):hover{background:#fecaca}.btn-success{background:var(--success-light);color:var(--success-dark);border-color:#10b98133}.btn-success:not(:disabled):hover{background:#a7f3d0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:.02em}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.badge-active,.badge-verified,.badge-completed,.badge-accepted,.badge-true{background:var(--success-light);color:var(--success-dark)}.badge-suspended,.badge-pending,.badge-in_progress,.badge-outdated{background:var(--warning-light);color:var(--warning-dark)}.badge-banned,.badge-rejected,.badge-disputed,.badge-cancelled,.badge-withdrawn,.badge-false{background:var(--error-light);color:var(--error-dark)}.badge-unverified,.badge-default{background:var(--surface-dim);color:var(--text-muted)}.input,select.input,textarea.input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-sans);font-size:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);transition:all .15s ease}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder,select.input::placeholder,textarea.input::placeholder{color:var(--text-light)}select.input{cursor:pointer}.table-card{padding:0;overflow:hidden;border-radius:var(--radius-lg)}.table-card table{width:100%;border-collapse:collapse;text-align:left}.table-card table thead{background:var(--surface-dim)}.table-card table thead th{padding:14px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.table-card table tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease}.table-card table tbody tr:last-child{border-bottom:none}.table-card table tbody tr:hover{background:var(--surface-hover)}.table-card table tbody tr td{padding:16px 20px;font-size:14px;color:var(--text);vertical-align:middle}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);border-top:1px solid var(--border)}.pagination span{font-size:13px;font-weight:600;color:var(--text-muted)}.empty-msg{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px;font-weight:500}.error-banner{padding:12px 16px;background:var(--error-light);color:var(--error-dark);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;font-weight:600}
