:root{--bg-body:#f3f4f6;--bg-card:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--table-hover:#f3f4f6;--sidebar-bg:#111827;--sidebar-text:#d1d5db;--sidebar-hover:#374151;--sidebar-active:#1f2937;--primary:#2563eb;--primary-fg:#fff;--accent:#fbbf24;--status-draft:#6b7280;--status-approved:#f59e0b;--status-completed:#059669;--status-cancelled:#dc2626;--alert-error-bg:#fee2e2;--alert-error-text:#b91c1c;--alert-warning-bg:#fef3c7;--alert-warning-text:#92400e;--alert-success-bg:#d1fae5;--alert-success-text:#065f46;--alert-info-bg:#dbeafe;--alert-info-text:#1e40af;--input-border:#e5e7eb;--input-bg:#fff;--input-text:#1f2937;--input-placeholder:#9ca3af;--btn-secondary-bg:#f3f4f6;--btn-secondary-text:#374151;--btn-danger-bg:#dc2626;--btn-danger-text:#fff;--bg-muted:#f3f4f6;--bg-hover:#f3f4f6}[data-theme=dark]{--bg-body:#0f172a;--bg-card:#1e293b;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#334155;--table-hover:#334155;--sidebar-bg:#020617;--sidebar-hover:#1e293b;--sidebar-active:#0f172a;--status-draft:#9ca3af;--status-approved:#fbbf24;--status-completed:#10b981;--status-cancelled:#ef4444;--alert-error-bg:#7f1d1d;--alert-error-text:#fecaca;--alert-warning-bg:#78350f;--alert-warning-text:#fef3c7;--alert-success-bg:#064e3b;--alert-success-text:#d1fae5;--alert-info-bg:#1e3a8a;--alert-info-text:#dbeafe;--input-border:#334155;--input-bg:#1e293b;--input-text:#f3f4f6;--input-placeholder:#64748b;--btn-secondary-bg:#334155;--btn-secondary-text:#f3f4f6;--btn-danger-bg:#dc2626;--btn-danger-text:#fff;--bg-muted:#0f172a;--bg-hover:#1e293b}[data-color=green]{--primary:#10b981;--accent:#34d399}[data-color=purple]{--primary:#8b5cf6;--accent:#a78bfa}[data-color=orange]{--primary:#f97316;--accent:#fb923c}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s,color .3s}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);transition:transform .3s ease-in-out;z-index:50;overflow-y:auto;display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;font-size:1.5rem;font-weight:700;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.nav-list{list-style:none;padding:0;margin:0;flex:1 1}.nav-item{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--sidebar-text);text-decoration:none;transition:all .2s;cursor:pointer;background:none;width:100%;text-align:left;font-size:.95rem;border:none;border-left:3px solid transparent}.nav-item:hover{background-color:var(--sidebar-hover);color:var(--primary-fg)}.nav-item.active{background-color:var(--sidebar-active);color:var(--accent);border-left-color:var(--accent)}.nav-icon{margin-right:1rem;width:24px;text-align:center;font-size:1.2rem}.main-wrapper{transition:margin-left .3s ease-in-out;min-height:100vh}tbody tr:hover{background-color:var(--table-hover);transition:background-color .2s}@media (max-width:768px){.responsive-table{border:0}.responsive-table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.responsive-table tr{border:1px solid var(--border-color);display:block;margin-bottom:1rem;border-radius:8px}.responsive-table td{border-bottom:1px solid var(--border-color);display:block;font-size:.9em;text-align:right!important;padding:12px}.responsive-table td:before{content:attr(data-label);display:block;font-weight:700;text-transform:uppercase;float:left;text-align:left;color:var(--text-muted)}.responsive-table td:last-child{border-bottom:0}.responsive-table td:first-child{text-align:center!important;padding:16px;border-bottom:1px solid var(--border-color)}.responsive-table td:first-child:before{display:none}}.bg-card{background-color:var(--bg-card);color:var(--text-main)}.text-muted{color:var(--text-muted)}.border-b{border-bottom:1px solid var(--border-color)}.btn-primary{background-color:var(--primary);color:var(--primary-fg)}@media (min-width:769px){.sidebar{transform:translateX(0)}.main-wrapper{margin-left:260px}.mobile-only{display:none!important}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-wrapper{margin-left:0}.overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:40}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}