:root{--color-primary:#3b82f6;--color-surface:#1f2937;--color-text:#0f172a;--color-text-secondary:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-divider:#e5e7eb;--color-bg:#fff;--color-bg-secondary:#f9fafb;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"IBM Plex Mono","Menlo","Monaco","Courier New",monospace;--space-2:0.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--sidebar-width:16rem;--header-height:4rem;--max-content-width:100%;--z-header:100;--z-sidebar:101;--z-modal:200}@media (prefers-color-scheme:dark){:root{--color-bg:#111827;--color-bg-secondary:#1f2937;--color-text:#f3f4f6;--color-text-secondary:#d1d5db;--color-divider:#374151}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-size:14px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5}h1{font-size:24px}h1,h2{font-weight:600;line-height:1.3;margin-bottom:var(--space-4)}h2{font-size:20px}h3{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:var(--space-2)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease;padding:8px 12px}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table{border-collapse:collapse;width:100%;font-size:13px}th{background-color:var(--color-bg-secondary);text-align:left;font-weight:600;color:var(--color-text-secondary)}td,th{padding:var(--space-4);border-bottom:1px solid var(--color-divider)}tr:hover{background-color:var(--color-bg-secondary)}input,select,textarea{font-family:var(--font-sans);font-size:14px;padding:8px 12px;border:1px solid var(--color-divider);border-radius:4px;background-color:var(--color-bg);color:var(--color-text);transition:border-color .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);color:#f3f4f6;overflow-y:auto;border-right:1px solid var(--color-divider)}.content{flex:1 1;overflow-y:auto;padding:var(--space-8)}.header{height:var(--header-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;padding:0 var(--space-8);z-index:var(--z-header)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-divider)}.btn-secondary:hover:not(:disabled){background-color:var(--color-divider)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info,.badge-pending{background-color:#dbeafe;color:#0c2d6b}.badge-default{background-color:#e5e7eb;color:#374151}.metric{display:flex;flex-direction:column;gap:var(--space-2)}.metric-value{font-size:24px;font-weight:600;color:var(--color-text)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.empty-state,.metric-label{color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.error{background-color:#fee2e2;border:1px solid var(--color-error);color:#991b1b;padding:var(--space-4);border-radius:4px;margin-bottom:var(--space-6)}.loading{display:inline-block;width:14px;height:14px;border:2px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){:root{--sidebar-width:0;--space-8:1rem}.sidebar{position:absolute;width:16rem;height:100%;z-index:var(--z-sidebar)}.sidebar.closed{display:none}.content{padding:var(--space-4)}table{font-size:12px}td,th{padding:var(--space-2)}}