html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--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(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--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: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 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;--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}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}:root,[data-theme=light]{--primary: #00397A;--primary-light: #004d99;--primary-dark: #002a5c;--secondary-1: #00B0F0;--secondary-2: #1384E4;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #edf2f7;--bg-card: #ffffff;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--text-light: #a0aec0;--text-on-primary: #ffffff;--border-color: rgba(0, 57, 122, .12);--border-light: rgba(0, 57, 122, .06);--shadow-sm: 0 1px 3px rgba(0, 57, 122, .08);--shadow-md: 0 4px 12px rgba(0, 57, 122, .1);--shadow-lg: 0 8px 24px rgba(0, 57, 122, .12);--shadow-xl: 0 12px 40px rgba(0, 57, 122, .15);--success: #38a169;--success-bg: rgba(56, 161, 105, .1);--warning: #d69e2e;--warning-bg: rgba(214, 158, 46, .1);--danger: #e53e3e;--danger-bg: rgba(229, 62, 62, .1);--info: #3182ce;--info-bg: rgba(49, 130, 206, .1);--published: #6366f1;--published-bg: rgba(99, 102, 241, .12);--viewed: #0ea5e9;--viewed-bg: rgba(14, 165, 233, .12);--focus-ring: rgba(19, 132, 228, .15);--focus-ring-color: rgba(19, 132, 228, .3);--hover-overlay: rgba(19, 132, 228, .05);--selected-row: rgba(19, 132, 228, .08);--code-bg: rgba(0, 0, 0, .08);--code-text: var(--text-secondary);--sidebar-bg: #ffffff;--sidebar-hover: rgba(0, 176, 240, .08);--sidebar-active-bg: rgba(0, 57, 122, .08);--sidebar-border: rgba(0, 57, 122, .06);--header-bg: #ffffff;--header-shadow: 0 2px 12px rgba(0, 57, 122, .1);--header-accent-bar: linear-gradient(90deg, #00B0F0 0%, #1384E4 100%);--header-text: #00397A;--header-icon: #00397A;--header-btn-bg: rgba(0, 57, 122, .06);--header-btn-border: rgba(0, 57, 122, .12);--header-btn-hover: rgba(0, 57, 122, .1);--header-avatar-bg: linear-gradient(135deg, #00B0F0 0%, #1384E4 100%);--header-avatar-text: #ffffff;--clock-time-color: var(--secondary-2);--status-ok-color: var(--success);--status-detail-color: var(--text-muted);--recorded-bg: var(--success-bg);--recorded-color: var(--success);--recorded-border: var(--success);--recorded-badge-bg: var(--success);--input-bg: var(--bg-primary);--greeting-color: var(--primary)}[data-theme=dark]{--primary: #4da6ff;--primary-light: #00B0F0;--primary-dark: #00397A;--secondary-1: #33c4ff;--secondary-2: #5a9ff5;--bg-primary: #0a1628;--bg-secondary: #0a1628;--bg-tertiary: #1a3a5c;--bg-card: #132d4a;--text-primary: #f0f6ff;--text-secondary: #cad9ed;--text-muted: #8aa4c4;--text-light: #5a7a9e;--text-on-primary: #ffffff;--border-color: rgba(77, 166, 255, .2);--border-light: rgba(77, 166, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 20, 50, .4);--shadow-md: 0 4px 12px rgba(0, 20, 50, .5);--shadow-lg: 0 8px 24px rgba(0, 20, 50, .6);--shadow-xl: 0 12px 40px rgba(0, 20, 50, .7);--success: #4ade80;--success-bg: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .15);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .15);--published: #a5b4fc;--published-bg: rgba(165, 180, 252, .15);--viewed: #7dd3fc;--viewed-bg: rgba(125, 211, 252, .15);--focus-ring: rgba(90, 159, 245, .2);--focus-ring-color: rgba(90, 159, 245, .4);--hover-overlay: rgba(90, 159, 245, .08);--selected-row: rgba(90, 159, 245, .12);--code-bg: rgba(255, 255, 255, .1);--code-text: var(--text-secondary);--sidebar-bg: #0c1a2e;--sidebar-hover: rgba(0, 176, 240, .15);--sidebar-active-bg: rgba(77, 166, 255, .2);--sidebar-border: rgba(77, 166, 255, .1);--header-bg: #1384E4;--header-shadow: 0 2px 12px rgba(0, 20, 50, .5);--header-accent-bar: none;--header-text: #ffffff;--header-icon: #ffffff;--header-btn-bg: rgba(255, 255, 255, .15);--header-btn-border: rgba(255, 255, 255, .25);--header-btn-hover: rgba(255, 255, 255, .25);--header-avatar-bg: #ffffff;--header-avatar-text: #00397A;--clock-time-color: #ffffff;--status-ok-color: #5a9ff5;--status-detail-color: #5a9ff5;--recorded-bg: rgba(19, 132, 228, .2);--recorded-color: #1384E4;--recorded-border: #1384E4;--recorded-badge-bg: #1384E4;--input-bg: #162a46;--greeting-color: #ffffff}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);background-color:var(--bg-secondary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}a{color:var(--secondary-2);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--secondary-2);color:var(--text-on-primary)}.btn-secondary:hover:not(:disabled){background:var(--secondary-1);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--text-on-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--sidebar-hover);color:var(--primary)}.btn-danger{background:var(--danger);color:var(--text-on-primary)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#00397a05,#1384e405)}[data-theme=dark] .card-header{background:linear-gradient(135deg,#1384e40d,#00b0f008)}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin-bottom:0}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:.9rem}.form-control{width:100%;padding:.625rem .875rem;font-size:.95rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--secondary-2);box-shadow:0 0 0 3px #1384e426}.form-control::placeholder{color:var(--text-light)}.form-control:disabled{background:var(--bg-secondary);cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-secondary);font-weight:600;color:var(--primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}[data-theme=dark] .table th{color:var(--text-primary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--sidebar-hover)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-primary{background:#00397a1a;color:var(--primary)}[data-theme=dark] .badge-primary{background:#1384e433;color:var(--secondary-1)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-info{background:var(--info-bg);border-left-color:var(--secondary-1);color:var(--primary)}[data-theme=dark] .alert-info{color:var(--secondary-1)}.alert-success{background:var(--success-bg);border-left-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-left-color:var(--warning);color:var(--warning)}.alert-danger{background:var(--danger-bg);border-left-color:var(--danger);color:var(--danger)}.material-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.bg-primary{background-color:var(--primary)!important}.bg-white{background-color:var(--bg-primary)!important}.bg-light{background-color:var(--bg-secondary)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--secondary-2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}