:root{--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-main:#f3f4f9;--bg-card:#fff;--bg-card-hover:#fafcfe;--bg-sidebar:#fff;--bg-input:#f8fafc;--bg-subtle:#f1f5f9;--bg-subtle-hover:#e2e8f0;--color-primary:#9333ea;--color-primary-hover:#7e22ce;--color-primary-light:#a855f71f;--color-accent:#a855f7;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0e6;--border-color-light:#f1f5f9e6;--border-color-focus:#a855f7;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #767ead0d;--shadow-card:0 10px 30px -5px #767ead14, 0 4px 12px #767ead0a;--shadow-card-hover:0 20px 40px -10px #767ead24, 0 8px 20px #767ead0f;--shadow-glow:0 8px 20px -4px #a855f759;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],body.dark-mode,.dark-mode{--bg-main:#0b0f19;--bg-card:#151d2a;--bg-card-hover:#1e293b;--bg-sidebar:#111827;--bg-input:#1f2937;--bg-subtle:#1e293b;--bg-subtle-hover:#334155;--color-primary:#a855f7;--color-primary-hover:#9333ea;--color-primary-light:#a855f733;--color-accent:#c084fc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155cc;--border-color-light:#1e293bcc;--border-color-focus:#c084fc;--shadow-sm:0 2px 8px #0000004d;--shadow-card:0 10px 30px -5px #00000059;--shadow-card-hover:0 20px 40px -10px #a855f740;--shadow-glow:0 8px 24px -4px #a855f773}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}input,select,textarea,button{font-family:var(--font-family);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;font-size:.92rem}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],select,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:inset 0 1px 2px #00000005}input:focus,select:focus,textarea:focus{border-color:var(--border-color-focus);background-color:var(--bg-card);box-shadow:0 0 0 3.5px #a855f72e}.search-input-wrapper{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--border-color-focus)!important;background-color:var(--bg-card)!important;box-shadow:0 0 0 3.5px #a855f72e!important}.search-input-wrapper input,.search-input-wrapper input:focus,input[style*="border: none"]:focus,input[style*=border\:none]:focus,input[style*="background: transparent"]:focus,input[style*=background\:transparent]:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.card-glass{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal);max-width:100%;padding:1.5rem;overflow-x:auto}.card-glass:hover{box-shadow:var(--shadow-card-hover)}.card-subtle{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast);max-width:100%;padding:.9rem 1.15rem;overflow-x:auto}.card-subtle:hover{background:var(--bg-subtle-hover)}.btn{cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);color:#fff!important}.btn-primary:hover{background:linear-gradient(135deg,#9333ea 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 12px 25px -4px #a855f773}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-subtle-hover);border-color:var(--color-accent);color:var(--color-primary);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 18px #10b9814d;color:#fff!important}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 10px 22px #10b98166}.btn-danger{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.btn-danger:hover{background:#f43f5e38;transform:translateY(-1px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;align-items:center;gap:.35rem;padding:.32rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}[data-theme=dark] .badge-pending{color:#fbbf24}.badge-quoted{color:#9333ea;background:#a855f71f;border:1px solid #a855f740}[data-theme=dark] .badge-quoted{color:#c084fc;background:#a855f733}.badge-approved{color:#059669;background:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .badge-approved{color:#34d399}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-overlay,body.dark-mode .modal-overlay{background:#030712bf}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:750px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) geexModalIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes geexModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}main{padding:1.25rem!important}.modal-overlay{padding:.75rem!important}.modal-content{border-radius:var(--radius-lg);max-width:96vw!important;max-height:94vh!important;padding:1.25rem!important}table{white-space:nowrap;display:block;overflow-x:auto}}.user-table-desktop{display:block}.user-cards-mobile{display:none}@media (width<=768px){.user-table-desktop{display:none!important}.user-cards-mobile{flex-direction:column;gap:.85rem;display:flex!important}}.sidebar-scroll{overflow:hidden auto!important}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#a855f740;border-radius:4px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#a855f780}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}