:root{--color-primary:#06b6d4;--color-primary-dark:#0891b2;--color-primary-light:#06b6d426;--color-background:#0b1215;--color-background-gradient:linear-gradient(180deg, #0d1a1f 0%, #0b1215 30%);--color-surface:#121e22;--color-surface-solid:#121e22;--color-surface-hover:#162a30;--color-surface-raised:#1a3038;--color-text-primary:#e8f4f6;--color-text-secondary:#9bbbc4;--color-text-muted:#567880;--color-border:#06b6d41a;--color-border-light:#06b6d40d;--color-error:#f44336;--color-error-light:#f443361f;--color-warning:#ffa726;--color-warning-light:#ffa7261f;--color-success:#66bb6a;--color-success-light:#66bb6a1f;--color-status-confirmed:#66bb6a;--color-status-confirmed-bg:#66bb6a1f;--color-status-waiting:#ffa726;--color-status-waiting-bg:#ffa7261f;--color-dark:#0b1215;--color-light:#121e22;--color-white:#e8f4f6;--avatar-1:#06b6d4;--avatar-2:#38bdf8;--avatar-3:#2dd4bf;--avatar-4:#818cf8;--avatar-5:#f472b6;--avatar-6:#34d399;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--navbar-height:64px;--sidebar-width:240px;--content-max-mobile:100%;--content-max-tablet:720px;--content-max-desktop:860px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{color:#f09070;text-decoration:none}button{cursor:pointer;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;transition:all var(--transition-base);border:none}button:hover{filter:brightness(1.1);transform:scale(1.02)}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none}button.primary{background:var(--color-primary);color:var(--color-white)}button.primary:hover{background:#f08060}input,select,textarea{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-surface-raised);transition:background var(--transition-base), box-shadow var(--transition-base);border:none;outline:none}input:focus,select:focus,textarea:focus{background:var(--color-surface-hover);box-shadow:0 0 0 2px var(--color-primary)}input::placeholder{color:var(--color-text-muted)}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-surface-hover) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-surface-hover) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-surface-hover) inset;transition:background-color 5000s ease-in-out}label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);display:block}.data-table-wrapper{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}[data-theme=werre]{--color-primary:#d97706;--color-primary-dark:#b45309;--color-primary-light:#d9770626;--color-background:#1a120a;--color-background-gradient:linear-gradient(180deg, #22180e 0%, #1a120a 30%);--color-surface:#201a12;--color-surface-solid:#201a12;--color-surface-hover:#30261a;--color-surface-raised:#3a2e20;--color-text-primary:#f5ede0;--color-text-secondary:#c4a882;--color-text-muted:#7a6548;--color-border:#d977061a;--color-border-light:#d977060d;--color-card-bg:#d977060a}[data-theme=soca]{--color-primary:#0d8a9e;--color-primary-dark:#06717f;--color-primary-light:#0d8a9e1a;--color-background:#f5f3ef;--color-background-gradient:linear-gradient(180deg, #f8f6f2 0%, #f5f3ef 30%);--color-surface:#eae7e0;--color-surface-solid:#eae7e0;--color-surface-hover:#dfdbd2;--color-surface-raised:#d5d0c5;--color-text-primary:#1a2a2e;--color-text-secondary:#3a5560;--color-text-muted:#7a8f98;--color-border:#0d8a9e26;--color-border-light:#0d8a9e14;--color-card-bg:#fff9;--color-error:#dc2626;--color-error-light:#dc26261a;--color-success:#16a34a;--color-success-light:#16a34a1a}