:root{--color-bg-primary: #f1f5f9;--color-bg-surface: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-border: #e2e8f0;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-text: #ffffff;--color-header-bg: #ffffff;--color-header-border: #e2e8f0;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius: .75rem;--radius-sm: var(--radius);--radius-md: var(--radius);--radius-lg: var(--radius);--radius-full: 9999px;--border-width: 1px;--color-run-card-bg: #f1f5f9;--color-danger-bg: #fef2f2;--color-danger-border: #f87171;--color-danger-text: #991b1b;--color-warning-bg: #fffbeb;--color-warning-border: #fbbf24;--color-warning-text: #b45309;--color-success: #059669;--color-success-bg: #f0fdf4;--color-success-border: #86efac;--color-success-text: #166534;--color-table-header-bg: #f1f5f9;--color-table-row-hover: #f8fafc;--color-table-row-alt: #fafafa;--color-status-unallotted-bg: #f1f5f9;--color-status-unallotted-text: #334155;--color-status-allotted-bg: #e0e7ff;--color-status-allotted-text: #3730a3;--color-status-ofd-bg: #fef3c7;--color-status-ofd-text: #92400e;--color-status-delivered-bg: #dcfce3;--color-status-delivered-text: #166534;--color-status-attention-bg: #fee2e2;--color-status-attention-text: #991b1b;--color-status-resend-bg: #ffedd5;--color-status-resend-text: #c2410c;--color-status-cancelled-bg: #f3f4f6;--color-status-cancelled-text: #374151;--color-company-suryam: #1d4ed8;--color-company-nirmal: #d97706}:root{font-family:var(--font-family-sans);line-height:1.5;font-weight:400;color-scheme:light}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}button,input,select,textarea{font-family:inherit;border-radius:var(--radius)}.tab-row{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;align-items:center;flex-wrap:wrap}.tab-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:var(--radius)}.tab-btn:hover:not(:disabled){background:var(--color-bg-primary);border-color:#cbd5e1}.tab-btn:disabled{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);cursor:default;font-weight:600}.tab-btn.tab-reference{background:transparent;border-color:transparent}.tab-btn.tab-reference:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border)}.tab-btn.tab-reference:disabled{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-accent)}.tab-divider{width:2px;height:24px;background:var(--color-border);margin:0 var(--spacing-2)}.login-wrapper{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.connectivity-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:500;position:sticky;top:0;z-index:1000;box-sizing:border-box;width:100%;text-align:center}.connectivity-banner-offline{background-color:var(--color-danger-bg, #fee2e2);color:var(--color-danger-text, #991b1b);border-bottom:2px solid var(--color-danger-border, #ef4444)}.connectivity-banner-restored{background-color:#d1fae5;color:#065f46;border-bottom:2px solid #10b981}.connectivity-banner-signed-out{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);border-bottom:2px solid var(--color-warning-border, #f59e0b)}.connectivity-banner-icon{font-size:1.125rem;line-height:1}.connectivity-banner-text{line-height:1.4}.connectivity-banner-btn{background-color:var(--color-bg-surface, #ffffff);border:1px solid currentColor;color:inherit;padding:3px 10px;border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-weight:600;cursor:pointer;margin-left:var(--spacing-2);transition:opacity .15s ease}.connectivity-banner-btn:hover{opacity:.85}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-header-bg);border-bottom:var(--border-width) solid var(--color-header-border);box-sizing:border-box}.app-logo{font-weight:600;font-size:1.125rem;color:var(--color-text-primary)}.app-user-controls{display:flex;align-items:center;gap:var(--spacing-4)}.app-role-badge{font-size:.875rem;color:var(--color-text-secondary);background-color:var(--color-bg-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border);text-transform:capitalize}.app-logout-button{background-color:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.app-logout-button:hover{background-color:var(--color-bg-primary);border-color:var(--color-text-secondary)}.app-main{flex:1;padding:var(--spacing-4);box-sizing:border-box;overflow-x:auto}.board-table-wrapper{overflow-x:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);margin-bottom:var(--spacing-4)}.board-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;font-variant-numeric:tabular-nums}section>h2,section>div>p{font-variant-numeric:tabular-nums}.board-table thead th{background-color:var(--color-table-header-bg);color:var(--color-text-secondary);font-weight:600;padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap;position:sticky;top:0;z-index:5}.board-table tbody td{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.board-table tbody tr:last-child td{border-bottom:none}.board-table tbody tr.main-row{transition:background-color .15s ease}.board-table tbody tr.main-row:hover{background-color:var(--color-table-row-hover)}.board-table tbody tr.expanded-row td{background-color:var(--color-bg-primary);padding:var(--spacing-4)}.board-table tbody tr.main-row.search-highlight{animation:search-highlight-flash 2s ease-out}@keyframes search-highlight-flash{0%,40%{background-color:var(--color-warning-bg, #fef9c3)}to{background-color:transparent}}@media (max-width: 900px){.app-header{padding:var(--spacing-2) var(--spacing-4)}.app-main{padding:var(--spacing-3);max-width:100vw;overflow-x:hidden}section{padding:var(--spacing-4)!important}input[type=checkbox]{width:20px;height:20px;cursor:pointer}.board-table td[style*="cursor: pointer"]{font-size:1.25rem;padding:var(--spacing-4)!important}button{min-height:40px}.board-table button{padding:var(--spacing-2) var(--spacing-3)!important}}