:root{--primary-color:#000000;--bg-light:#f8f9fa;--secondary-bg-color:#f8f9fa;--bg-grey:#f5f5f5;--bg-dark-grey:#6c757d;--bg-black:#000000;--bg-white:#ffffff;--text-color:#000000;--text-light:#ffffff;--text-secondary:#6c757d;--text-light-grey:#9D9D9D;--border-color:#dee2e6;--error-color:#dc3545;--light-red:#f8d7da;--success-color:#28a745;--light-green:#d4edda;--surface-color:#ffffff;--table-text-muted:#6c757d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-xxl:1.5rem;--spacing-xxxl:2rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size:1rem;--font-size-md:1.0625rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--border-radius:8px;--border-radius-large:12px;--border-radius-small:4px;--shadow-small:0 1px 2px rgba(0,0,0,0.05);--shadow-medium:0 4px 6px rgba(0,0,0,0.1);--shadow-large:0 10px 15px rgba(0,0,0,0.1);--transition-speed:0.3s;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--button-primary-bg:#000000;--button-primary-text:#ffffff;--button-primary-hover:#333333;--button-secondary-bg:#f5f5f5;--button-secondary-text:#000000;--button-secondary-border:#dee2e6;--button-secondary-hover:#e9ecef;--button-disabled:#e9ecef;--text-disabled:#6c757d;--background-secondary:#f5f5f5;--background-hover:#e9ecef;--text-primary:#000000;--status-active-bg:rgba(0,0,0,0.15);--status-active-text:#000000;--status-inactive-bg:rgba(108,117,125,0.15);--status-inactive-text:#495057;--status-success-bg:rgba(40,167,69,0.10);--status-success-text:#155724;--status-info-bg:rgba(0,0,0,0.10);--status-info-text:#000000;--status-warning-bg:rgba(255,193,7,0.10);--status-warning-text:#856404;--status-error-bg:rgba(220,53,69,0.10);--status-error-text:#721c24;--card-background:#ffffff;--table-header-bg:#f5f5f5;--table-border:#dee2e6;--table-row-hover:#f5f5f5;--table-row-border:#e9ecef;--text-muted:#6c757d;--text-dark:#495057;--text-darker:#000000;--border-light:#dee2e6;--background:var(--bg-white);--foreground:var(--text-color)}.dark{--primary-color:#ffffff;--bg-light:#1a1a1a;--bg-grey:#2d2d2d;--bg-dark-grey:#404040;--bg-black:#ffffff;--bg-white:#0d0d0d;--text-color:#ffffff;--text-light:#000000;--text-secondary:#a3a3a3;--border-color:rgba(255,255,255,0.1);--error-color:#ff6b6b;--light-red:#2d1a1a;--success-color:#51cf66;--light-green:rgba(81,207,102,0.1);--surface-color:#1a1a1a;--table-text-muted:#a3a3a3;--button-primary-bg:#ffffff;--button-primary-text:#000000;--button-primary-hover:#e5e5e5;--button-secondary-bg:#2d2d2d;--button-secondary-text:#ffffff;--button-secondary-border:rgba(255,255,255,0.1);--button-secondary-hover:#404040;--button-disabled:#404040;--text-disabled:#666666;--background-secondary:#2d2d2d;--background-hover:#404040;--text-primary:#ffffff;--status-active-bg:rgba(81,207,102,0.2);--status-active-text:#51cf66;--status-inactive-bg:rgba(163,163,163,0.2);--status-inactive-text:#e5e5e5;--status-success-bg:rgba(81,207,102,0.15);--status-success-text:#51cf66;--status-info-bg:rgba(255,255,255,0.15);--status-info-text:#ffffff;--status-warning-bg:rgba(255,193,7,0.15);--status-warning-text:#ffc107;--status-error-bg:rgba(255,107,107,0.15);--status-error-text:#ff6b6b;--card-background:#2d2d2d;--table-header-bg:#1a1a1a;--table-border:rgba(255,255,255,0.1);--table-row-hover:#2d2d2d;--table-row-border:rgba(255,255,255,0.05);--text-muted:#a3a3a3;--text-dark:#e5e5e5;--text-darker:#ffffff;--border-light:rgba(255,255,255,0.1);--background:var(--bg-white);--foreground:var(--text-color)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed),color var(--transition-speed)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff;color:#000;font-size:1.2rem;font-weight:600}.theme-toggle{position:relative;display:inline-block}.theme-toggle .theme-toggle-button{background:none;border:none;color:var(--text-color);font-size:1.25rem;padding:.5rem;border-radius:var(--border-radius-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed),color var(--transition-speed)}.theme-toggle .theme-toggle-button:hover{background-color:var(--bg-grey)}.theme-toggle .theme-toggle-button:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.theme-toggle .theme-dropdown{position:absolute;top:100%;right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-large);min-width:160px;z-index:1000;overflow:hidden;margin-top:.25rem}.theme-toggle .theme-dropdown .theme-dropdown-header{padding:.75rem 1rem .5rem;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-grey)}.theme-toggle .theme-dropdown .theme-option{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:var(--text-color);font-size:var(--font-size-sm);transition:background-color var(--transition-speed);position:relative}.theme-toggle .theme-dropdown .theme-option:hover{background-color:var(--bg-grey)}.theme-toggle .theme-dropdown .theme-option:focus{outline:none;background-color:var(--bg-grey)}.theme-toggle .theme-dropdown .theme-option.active{background-color:var(--primary-color);color:var(--text-light)}.theme-toggle .theme-dropdown .theme-option.active:hover{background-color:var(--primary-color)}.theme-toggle .theme-dropdown .theme-option svg{font-size:1.125rem;flex-shrink:0}.theme-toggle .theme-dropdown .theme-option span{flex:1 1}.theme-toggle .theme-dropdown .theme-option .system-indicator{font-size:var(--font-size-xs);opacity:.8;margin-left:auto}@media(max-width:768px){.theme-toggle .theme-dropdown{right:-.5rem;min-width:140px}}.dark .theme-toggle .theme-dropdown{box-shadow:0 10px 25px rgba(0,0,0,.3)}