@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #410002;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #001b3f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #131c2b;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #00006e;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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}html{--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}html{--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{--bg-primary: #06091a;--bg-secondary: #090d1d;--bg-card: rgba(13, 18, 38, .9);--bg-sidebar: #060819;--bg-input: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .04);--bg-glass: rgba(255, 255, 255, .03);--text-primary: #eef2ff;--text-secondary: #8b95b0;--text-muted: #4e5a72;--accent: #7c5af6;--accent-2: #4f46e5;--accent-hover: #6d4de0;--accent-glow: rgba(124, 90, 246, .35);--accent-soft: rgba(124, 90, 246, .12);--accent-gradient: linear-gradient(135deg, #7c5af6 0%, #4f46e5 100%);--accent-gradient-glow: linear-gradient(135deg, rgba(124,90,246,.3) 0%, rgba(79,70,229,.15) 100%);--success: #10d97e;--success-soft: rgba(16, 217, 126, .12);--danger: #f25656;--danger-soft: rgba(242, 86, 86, .12);--warning: #f5a623;--warning-soft: rgba(245, 166, 35, .12);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .12);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(124, 90, 246, .4);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .5);--shadow: 0 4px 24px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255,255,255,.04);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255,255,255,.06);--shadow-accent: 0 8px 32px rgba(124, 90, 246, .4);--shadow-card: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 32px rgba(0,0,0,.5);--sidebar-width: 252px;--sidebar-collapsed: 76px;--topbar-height: 60px;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--radius-xl: 24px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme: light){:root:not(.light-theme):not(.dark-forced){--bg-primary: #f4f6fb;--bg-secondary: #edf0f7;--bg-card: rgba(255, 255, 255, .95);--bg-sidebar: #1a1f3a;--bg-input: rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .03);--bg-glass: rgba(255, 255, 255, .7);--text-primary: #1a1f3a;--text-secondary: #5a6480;--text-muted: #9aa0b4;--accent: #5b3ef5;--accent-2: #3730c0;--accent-hover: #4a2de0;--accent-glow: rgba(91, 62, 245, .25);--accent-soft: rgba(91, 62, 245, .1);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .07);--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);--shadow-card: 0 1px 0 rgba(255,255,255,.8) inset, 0 4px 20px rgba(0,0,0,.08)}}:root.light-theme{--bg-primary: #f4f6fb;--bg-secondary: #edf0f7;--bg-card: rgba(255, 255, 255, .95);--bg-sidebar: #1a1f3a;--bg-input: rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .03);--bg-glass: rgba(255, 255, 255, .7);--text-primary: #1a1f3a;--text-secondary: #5a6480;--text-muted: #9aa0b4;--accent: #5b3ef5;--accent-2: #3730c0;--accent-hover: #4a2de0;--accent-glow: rgba(91, 62, 245, .25);--accent-soft: rgba(91, 62, 245, .1);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .07);--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);--shadow-card: 0 1px 0 rgba(255,255,255,.8) inset, 0 4px 20px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c5af640;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c5af680}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);overscroll-behavior-x:none;touch-action:pan-y}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);height:100vh;overflow:hidden}.main-area.collapsed{margin-left:var(--sidebar-collapsed)}.page-content{flex:1;overflow-y:auto;padding:28px;background:var(--bg-primary)}.stat-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.stat-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:2px}.stat-card__value{font-size:30px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.stat-card__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.stat-card--accent .stat-card__icon{background:linear-gradient(135deg,#7c5af640,#4f46e526);color:#a78bfa;box-shadow:0 4px 16px #7c5af633}.stat-card--success .stat-card__icon{background:linear-gradient(135deg,#10d97e33,#10d97e14);color:#34d399;box-shadow:0 4px 16px #10d97e26}.stat-card--danger .stat-card__icon{background:linear-gradient(135deg,#f2565633,#f2565614);color:#f87171;box-shadow:0 4px 16px #f2565626}.stat-card--warning .stat-card__icon{background:linear-gradient(135deg,#f5a62333,#f5a62314);color:#fbbf24;box-shadow:0 4px 16px #f5a62326}a.stat-card{color:inherit;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);pointer-events:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.1px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-grid .card--full{grid-column:1 / -1}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}table.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.data-table th{background:#ffffff08;color:var(--text-muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;padding:11px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}table.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;transition:background var(--transition)}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover td{background:#7c5af60a}table.data-table tr.row--deleted td{opacity:.4;text-decoration:line-through}.cell-primary{font-weight:700;color:var(--text-primary);letter-spacing:-.1px}.cell-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.cell-mono{font-family:SF Mono,Fira Code,Courier New,monospace;letter-spacing:.8px;font-weight:700;font-size:12px}.cell-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tbl-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;letter-spacing:.1px}.tbl-btn--view{background:var(--accent-soft);color:#a78bfa;border-color:#7c5af640}.tbl-btn--edit{background:var(--success-soft);color:#34d399;border-color:#10d97e40}.tbl-btn--delete{background:var(--danger-soft);color:#f87171;border-color:#f2565640}.tbl-btn--neutral{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border)}.tbl-btn--view:hover{background:#7c5af640;color:#c4b5fd;border-color:#7c5af680;transform:translateY(-1px)}.tbl-btn--edit:hover{background:#10d97e33;color:#6ee7b7;border-color:#10d97e66;transform:translateY(-1px)}.tbl-btn--delete:hover{background:#f2565633;color:#fca5a5;border-color:#f2565666;transform:translateY(-1px)}.tbl-btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:.45;filter:grayscale(.6);background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border);transform:none}.list-page-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.list-page-header h2{font-size:20px;font-weight:800;color:var(--text-primary);margin:0;flex:1;letter-spacing:-.5px}.list-page-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-search{padding:9px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;width:230px;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.list-search:focus{border-color:var(--border-accent);background:#7c5af60f;box-shadow:0 0 0 3px #7c5af61f}.list-search::placeholder{color:var(--text-muted)}.list-search option{background:var(--bg-secondary);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.badge--success{background:#10d97e26;color:#34d399;border:1px solid rgba(16,217,126,.25)}.badge--danger{background:#f2565626;color:#f87171;border:1px solid rgba(242,86,86,.25)}.badge--warning{background:#f5a62326;color:#fbbf24;border:1px solid rgba(245,166,35,.25)}.badge--accent{background:#7c5af626;color:#a78bfa;border:1px solid rgba(124,90,246,.25)}.badge--muted{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;font-family:inherit;letter-spacing:.1px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px #7c5af659}.btn-primary:hover{box-shadow:0 6px 24px #7c5af680;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-soft);color:#f87171;border:1px solid rgba(242,86,86,.2)}.btn-danger:hover{background:#f25656;color:#fff;border-color:transparent;box-shadow:0 4px 16px #f256564d}.btn-success{background:var(--success-soft);color:#34d399;border:1px solid rgba(16,217,126,.2)}.btn-success:hover{background:#10d97e;color:#fff;border-color:transparent;box-shadow:0 4px 16px #10d97e4d}.btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:.45;filter:grayscale(.6);background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border);box-shadow:none;transform:none}.btn[disabled]:hover,.btn[disabled]:active{transform:none;box-shadow:none}.form-control{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition);outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-control:focus{border-color:var(--border-accent);background:#7c5af60f;box-shadow:0 0 0 3px #7c5af61f}.form-control::placeholder{color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-label{font-size:11.5px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px}.flip-card{background-color:transparent;perspective:1000px;cursor:pointer;min-height:260px}.flip-card-inner{position:relative;width:100%;height:100%;min-height:260px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.flip-card-back{transform:rotateY(180deg)}.flip-card-front .card-header,.flip-card-back .card-header{padding:13px 16px;background:#ffffff08;border-bottom:1px solid var(--border);text-align:center}.flip-card-front .card-title,.flip-card-back .card-title{font-size:15px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.2px}.flip-card-front .card-subtitle{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.flip-card-front .card-content,.flip-card-back .card-content{padding:14px 16px;flex:1;font-size:13px;color:var(--text-secondary);overflow-y:auto}.flip-card-front .card-content p,.flip-card-back .card-content p{margin:7px 0}.flip-card-front .card-content strong,.flip-card-back .card-content strong{color:var(--text-primary)}.flip-card-back .card-actions{padding:12px 14px;background:#ffffff05;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:10px;font-weight:500}.alert-error,.alert--danger{background:#f256561a;color:#f87171;border:1px solid rgba(242,86,86,.25);border-left:3px solid #f25656}.alert-success,.alert--success{background:#10d97e1a;color:#34d399;border:1px solid rgba(16,217,126,.25);border-left:3px solid #10d97e}.alert-info,.alert--info{background:#38bdf81a;color:#7dd3fc;border:1px solid rgba(56,189,248,.25);border-left:3px solid #38bdf8}.alert-warning,.alert--warning{background:#f5a6231a;color:#fbbf24;border:1px solid rgba(245,166,35,.25);border-left:3px solid #f5a623}.error-snackbar{background:#f25656!important;color:#fff!important;border-radius:var(--radius-sm)!important}.success-snackbar{background:#10d97e!important;color:#fff!important;border-radius:var(--radius-sm)!important}.info-snackbar{background:var(--accent)!important;color:#fff!important;border-radius:var(--radius-sm)!important}.error-snackbar .mat-mdc-snack-bar-action,.success-snackbar .mat-mdc-snack-bar-action,.info-snackbar .mat-mdc-snack-bar-action{color:#ffffffd9!important}.image-dialog .mat-mdc-dialog-content{padding:0!important}.image-dialog .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:0}.mat-mdc-dialog-container{background:var(--bg-card)!important;color:var(--text-primary)!important}.mdc-dialog__surface{background:var(--bg-card)!important}.chart-wrapper{position:relative;width:100%;min-height:220px;overflow:hidden;min-width:0}.chart-wrapper canvas{max-width:100%!important}.page-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 22px;letter-spacing:-.5px}.empty-state{text-align:center;padding:56px 24px;color:var(--text-muted)}.empty-state__icon{font-size:44px;margin-bottom:14px;opacity:.3}.empty-state__text{font-size:14px;font-weight:500}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .75s cubic-bezier(.4,0,.2,1) infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1023px){.main-area{margin-left:var(--sidebar-collapsed)}.main-area.collapsed{margin-left:0}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 767px){.main-area,.main-area.collapsed{margin-left:0}.page-content{padding:16px}.stat-cards-row{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.chart-wrapper{min-height:180px!important}.stat-card__value{font-size:24px}.card{min-width:0;overflow:hidden}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table{min-width:540px}}@media (max-width: 400px){.stat-cards-row{grid-template-columns:1fr}.chart-wrapper{min-height:160px!important}}.mat-mdc-form-field{--mdc-filled-text-field-container-color: var(--bg-input);--mdc-filled-text-field-focus-active-indicator-color: var(--accent);--mdc-outlined-text-field-outline-color: var(--border);--mdc-outlined-text-field-focus-outline-color: var(--accent);--mdc-outlined-text-field-label-text-color: var(--text-secondary);--mdc-outlined-text-field-input-text-color: var(--text-primary);--mdc-filled-text-field-label-text-color: var(--text-secondary);--mdc-filled-text-field-input-text-color: var(--text-primary);font-size:14px;font-family:"Inter",inherit}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:var(--border)!important}.mat-mdc-form-field.mat-focused .mdc-text-field--outlined .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-text-field--outlined .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:var(--accent)!important}.mdc-text-field--filled:not(.mdc-text-field--disabled),.mdc-text-field--outlined:not(.mdc-text-field--disabled){background-color:var(--bg-input)!important}.mdc-text-field input,.mdc-text-field textarea{color:var(--text-primary)!important;caret-color:var(--accent)!important}.mat-mdc-form-field-label,.mdc-floating-label{color:var(--text-secondary)!important}.mat-mdc-select-panel,.mdc-menu-surface{background:var(--bg-secondary)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.mat-mdc-option{color:var(--text-primary)!important;font-size:13px!important;min-height:40px!important}.mat-mdc-option:hover:not(.mat-mdc-option-disabled),.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple){background:var(--accent-soft)!important;color:#a78bfa!important}.mat-mdc-select-value{color:var(--text-primary)!important}.mat-mdc-select-arrow{color:var(--text-secondary)!important}.mat-mdc-autocomplete-panel{background:var(--bg-secondary)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;padding:4px 0!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.mat-mdc-autocomplete-panel .mat-mdc-option{color:var(--text-primary)!important;padding:9px 16px!important;line-height:1.4!important;height:auto!important}.mat-mdc-autocomplete-panel .mat-mdc-option:hover{background:var(--accent-soft)!important}.ac-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.ac-address{display:block;font-size:11px;color:var(--text-muted);margin-top:1px}.mat-datepicker-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.mat-calendar-body-cell-content,.mat-calendar-body-label,.mat-calendar-period-button,.mat-calendar-next-button,.mat-calendar-previous-button{color:var(--text-primary)!important}.mat-calendar-body-selected{background:var(--accent)!important;color:#fff!important}.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:var(--accent)!important}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background:var(--accent-soft)!important}.mat-calendar-table-header th,.mat-calendar-body-label{color:var(--text-secondary)!important}.mat-mdc-dialog-container,.mdc-dialog__surface{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-lg)!important}.mat-mdc-dialog-title{color:var(--text-primary)!important;font-weight:700!important}.mat-mdc-dialog-content{color:var(--text-secondary)!important}.mat-mdc-slide-toggle .mdc-switch:not(.mdc-switch--selected) .mdc-switch__track:after{background:var(--border-strong)!important}.mat-mdc-slide-toggle.mat-accent .mdc-switch--selected .mdc-switch__track:after{background:var(--accent)!important}.mat-mdc-paginator{background:var(--bg-card)!important;color:var(--text-secondary)!important;border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.mat-mdc-paginator-icon{fill:var(--text-secondary)!important}.mat-mdc-form-field-hint-wrapper{display:none}.mat-mdc-button-ripple,.mat-ripple-element{opacity:0!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],textarea,select{font-family:"Inter",inherit;font-size:14px}.public-layout{min-height:100vh;background:var(--bg-primary)}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 34px;max-width:660px;margin:0 auto;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:.8}.form-card__title{font-size:19px;font-weight:800;color:var(--text-primary);margin:0 0 26px;letter-spacing:-.4px}.form-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;margin:22px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid--full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:7px}.form-field__label{font-size:11.5px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.form-field__label .required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:"Inter",inherit;transition:all var(--transition);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-accent);background:#7c5af60f;box-shadow:0 0 0 3px #7c5af61f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:85px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-hint{font-size:11.5px;color:var(--text-muted)}.form-error{font-size:11.5px;color:#f87171;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.form-msg{padding:11px 15px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:18px;font-weight:500}.form-msg--success{background:#10d97e1a;border:1px solid rgba(16,217,126,.25);color:#34d399}.form-msg--error{background:#f256561a;border:1px solid rgba(242,86,86,.25);color:#f87171}.section-heading{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary);margin:32px 0 14px;letter-spacing:.01em}.section-heading i{color:var(--accent)}.section-heading__sub{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:4px}.legend-chips{display:flex;gap:8px;flex-wrap:wrap}.legend-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;letter-spacing:.02em}.legend-chip:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.legend-chip--danger{background:#ef44441f;color:#f87171}.legend-chip--danger:before{background:#ef4444cc}.legend-chip--success{background:#22c55e1f;color:#4ade80}.legend-chip--success:before{background:#22c55ecc}.legend-chip--warning{background:#eab3081f;color:#fbbf24}.legend-chip--warning:before{background:#eab308cc}@media (max-width: 600px){.form-card{padding:22px 18px}.form-grid{grid-template-columns:1fr}}