:root{--bg-main:#0d1117;--bg-card:#161b22;--border:#30363d;--accent:#1677ff;--accent-light:#58a6ff;--success:#3fb950;--warning:#d29922;--danger:#f85149;--color-primary:#1677ff;--color-primary-hover:#0958d9;--color-primary-light:#dbeafe;--color-primary-dark:#1e40af;--color-success:#22c55e;--color-success-light:#dcfce7;--color-success-dark:#16a34a;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-elevated:#21262d;--bg-overlay:rgba(0,0,0,.7);--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#484f58;--text-inverse:#0d1117;--text-link:#58a6ff;--border-color:#30363d;--border-color-focus:var(--color-primary);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--panel-height:700px;--sidebar-width:280px;--header-height:64px;--modal-width-sm:400px;--modal-width-md:600px;--modal-width-lg:800px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.dark{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-elevated:var(--color-gray-800);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-400);--text-tertiary:var(--color-gray-500);--border-color:var(--color-gray-700)}.light-scope{--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-elevated:#fff;--bg-overlay:rgba(0,0,0,.5);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-400);--text-inverse:#fff;--text-link:var(--color-primary);--border-color:var(--color-gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-success{background-color:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.card{background-color:var(--bg-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:600}.card-title,.input{color:var(--text-primary)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-full)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.panel{background-color:var(--bg-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;height:var(--panel-height)}.panel-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.panel-content{padding:var(--spacing-lg);overflow-y:auto;height:calc(100% - 60px)}.modal-overlay{position:fixed;inset:0;background-color:var(--bg-overlay);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center}.modal{background-color:var(--bg-elevated);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;z-index:var(--z-modal)}.modal-sm{width:var(--modal-width-sm)}.modal-md{width:var(--modal-width-md)}.modal-lg{width:var(--modal-width-lg)}body.modal-open .modal-overlay{justify-content:flex-end;padding-right:110px}body.modal-open .modal{margin:0;max-width:calc(100% - 140px)}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stat-card{background-color:var(--bg-elevated);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;color:var(--text-secondary);background-color:var(--bg-secondary)}.table td,.table th{border-bottom:1px solid var(--border-color)}.table td{padding:var(--spacing-md);color:var(--text-primary)}.table tbody tr:hover{background-color:var(--bg-secondary)}