:root{--rider-border:#e5e7eb;--rider-bg:#fff;--rider-sidebar:#f9fafb;--rider-accent:#000}.dashboard-root-override{flex:1;width:100%;min-height:100vh;display:flex}.rider-layout{background-color:var(--rider-bg);width:100%;height:100vh;font-family:var(--font-outfit),sans-serif;color:#111827;display:flex;overflow:hidden}.rider-sidebar{z-index:50;background:#f8fafc;border-right:1px solid #f1f5f9;flex-direction:column;width:280px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:16px;padding:32px 28px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.sidebar-link{color:#64748b;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{color:#4f46e5;background:#6366f10d;transform:translate(4px)}.sidebar-link:hover svg{transform:scale(1.08)}.sidebar-link.active{color:#4f46e5;background:#fff;border-color:#6366f11f;box-shadow:0 4px 12px #6366f10d}.rider-top-bar{border-bottom:1px solid var(--rider-border);background:#fff;justify-content:flex-end;align-items:center;height:80px;padding:0 40px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.metric-card{border:1px solid var(--rider-border);background:#fff;border-radius:24px;padding:32px}.metric-label{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.7rem;font-weight:800}.metric-value{color:#000;letter-spacing:-1px;font-size:2.5rem;font-weight:800}.workspace-card{border:1px solid var(--rider-border);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #00000005}.order-row{border-bottom:1px solid var(--rider-border);align-items:center;padding:32px 40px;transition:all .2s;display:flex}.order-row:hover{background:#f9fafb}.btn-precision{color:#fff;cursor:pointer;background:#000;border:none;border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:.9rem;font-weight:700;display:flex}.btn-precision:hover{background:#333}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-badge.online .status-dot{animation:2s infinite pulse-dot;box-shadow:0 0 12px #06c167}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.rider-dropdown{-webkit-backdrop-filter:blur(16px)saturate(120%);z-index:1000;transform-origin:100% 0;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;gap:4px;width:240px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) ddDropdownGrow;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 40px -10px #0000001a,0 1px 3px #00000008}@keyframes ddDropdownGrow{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.rider-dropdown-header{border-bottom:1px solid #f1f5f9;margin-bottom:6px;padding:10px 14px}.rider-dropdown-name{color:#0f172a;margin:0;font-size:13px;font-weight:800}.rider-dropdown-role{color:#f97316;text-transform:uppercase;letter-spacing:.08em;margin:2px 0 0;font-size:9px;font-weight:800}.rider-dropdown-item{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.rider-dropdown-item svg{color:#94a3b8;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.rider-dropdown-item:hover{color:#4f46e5;background:#6366f10f;transform:translate(4px)}.rider-dropdown-item:hover svg{color:#4f46e5;transform:scale(1.08)}.rider-dropdown-item.logout{color:#ef4444}.rider-dropdown-item.logout svg{color:#fca5a5}.rider-dropdown-item.logout:hover{color:#dc2626;background:#ef44440f}.rider-dropdown-item.logout:hover svg{color:#dc2626}
