@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#1e40af;--primary-glow:#1e40af26;--secondary:#0891b2;--accent:#f59e0b;--accent-soft:#fbbf24;--background:#f8fafc;--foreground:#000;--card:#fffffff2;--card-border:#1e40af1f;--muted:#f1f5f9;--muted-foreground:#334155;--success:#059669;--warning:#d97706;--error:#dc2626;--glass-bg:#ffffffd9;--glass-border:#cbd5e1cc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000d}[data-theme=dark]{--background:#020617;--foreground:#f8fafc;--card:#0f172ae6;--card-border:#ffffff26;--muted:#1e293b;--muted-foreground:#cbd5e1;--glass-bg:#1e293bd9;--glass-border:#ffffff1f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);scroll-behavior:smooth;background-image:radial-gradient(at 0 0,#1e40af0f 0,#0000 50%),radial-gradient(at 100% 0,#0891b20a 0,#0000 50%),radial-gradient(at 50% 100%,#f59e0b05 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--foreground)!important}::placeholder{color:var(--muted-foreground);opacity:.7}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:16px}.scroll-x-mobile{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.scroll-x-mobile::-webkit-scrollbar{height:10px}.scroll-x-mobile::-webkit-scrollbar-track{background:#00000008;border-radius:5px}.scroll-x-mobile::-webkit-scrollbar-thumb{background:#00000026;border-radius:5px}.scroll-x-mobile::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] .scroll-x-mobile::-webkit-scrollbar-track{background:#ffffff05}[data-theme=dark] .scroll-x-mobile::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] .scroll-x-mobile::-webkit-scrollbar-thumb:hover{background:#ffffff40}.hover-glass{transition:all .2s}.hover-glass:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);background:#fffffff2;transform:translateY(-4px)}[data-theme=dark] .hover-glass:hover{border-color:var(--primary);background:#1e293b}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000001a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.opp-detail-container{max-width:1000px;margin:0 auto;padding:2rem}.opp-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.opp-detail-grid{grid-template-columns:1fr 400px;gap:2rem;display:grid}.opp-detail-title{margin:0;font-size:2.5rem}@media (max-width:900px){.opp-detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.opp-detail-container{padding:1rem}.opp-detail-header{flex-direction:column;gap:1rem}.opp-detail-title{font-size:1.6rem}}.dashboard-layout{gap:1rem;min-height:100vh;padding:1rem;display:flex}.dashboard-content{flex:1;min-width:0;padding:1.5rem}.sidebar-hamburger{z-index:201;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:40px;height:40px;box-shadow:var(--shadow);cursor:pointer;color:var(--foreground);border-radius:10px;justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem}.sidebar-overlay{z-index:199;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@media (max-width:768px){.sidebar-hamburger{display:flex}.sidebar-overlay.open{display:block}.dashboard-layout{gap:0;padding:0}.dashboard-content{min-width:350px;padding:4rem 1rem 1rem}.commerce-sidebar{transform:translate(-100%);z-index:200!important;border-radius:0 16px 16px 0!important;width:280px!important;height:100vh!important;padding:1.5rem 1rem!important;transition:transform .3s!important;position:fixed!important;top:0!important;left:0!important}.commerce-sidebar.mobile-open{transform:translate(0)}.commerce-sidebar nav a,.commerce-sidebar nav button{justify-content:flex-start!important}.commerce-sidebar nav a span,.commerce-sidebar nav button span,.commerce-sidebar>div:last-child button span{opacity:1!important;width:auto!important;font-size:.82rem!important}.commerce-sidebar>button:first-child{display:none!important}.dashboard-content h1{font-size:1.5rem!important}.dashboard-content>div>header{flex-direction:column;gap:1rem;align-items:flex-start!important}.dashboard-content .glass{border-radius:12px!important;padding:1rem!important}.responsive-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.table-grid{min-width:600px}.calendar-grid-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.page-container{max-width:100%!important;padding:0!important}.client-header{flex-direction:column!important;gap:1rem!important}.client-header-info{flex-wrap:wrap;gap:.5rem!important}.dashboard-content .glass>div>div:first-child{flex-wrap:wrap}.responsive-grid>div>div:nth-child(2){flex-wrap:wrap;font-size:1rem!important}.dashboard-content [style*="gridTemplateColumns: '1fr 60px"],.dashboard-content [style*="gridTemplateColumns: '1fr 80px"]{font-size:.78rem!important}.doc-card-row{flex-wrap:wrap!important}.doc-card-row>div:last-child{margin-left:auto}.opp-card{gap:.75rem!important;padding:1rem!important}.opp-card-header{flex-wrap:wrap!important;gap:.5rem!important}.opp-card-header h4{font-size:.95rem!important}.opp-card-price{flex-wrap:wrap!important;gap:.25rem!important;font-size:.95rem!important}.opp-card .glass{padding:.75rem!important}.opp-card .glass [draggable]{gap:.4rem!important;padding:.5rem .4rem!important}.opp-card-footer{flex-wrap:wrap!important;gap:.5rem!important}.opp-card-footer>div:last-child{justify-content:flex-end;width:100%}.task-btn-label{display:none!important}.task-filter-toggle{display:flex!important}.task-filter-bar{flex-direction:column;gap:.75rem;display:none!important}.task-filter-bar-open{flex-direction:column;gap:.75rem;display:flex!important}.task-filter-bar select{width:100%}.task-add-btn{padding:.6rem!important}.quote-items-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.quote-items-grid{min-width:400px}.cal-header{flex-wrap:wrap!important;gap:.75rem!important}.cal-header-left{flex-wrap:wrap;width:100%;gap:.5rem!important}.cal-header-left h2{font-size:1.15rem!important}.cal-header-right{width:100%;flex-wrap:wrap!important;gap:.35rem!important}.cal-btn-label{display:none!important}.catalog-header-actions{width:100%;flex-wrap:wrap!important;gap:.4rem!important}.catalog-btn-label{display:none!important}.catalog-header-actions button,.catalog-header-actions a{padding:.6rem!important}.settings-logo-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.settings-preset-form{grid-template-columns:1fr 1fr!important}.settings-preset-form>div:first-child{grid-column:1/-1}}.vender-layout{align-items:flex-start;gap:2rem;display:flex}.vender-main{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.vender-summary{flex-shrink:0;width:350px;position:sticky;top:2rem}.vender-config-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.vender-items-row{border-bottom:1px solid var(--glass-border);align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.input-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.input-field{border:1px solid var(--glass-border);background:var(--muted);width:100%;color:var(--foreground);border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--secondary);cursor:pointer;background:#0891b214;border:1px solid #0891b233;border-radius:10px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#0891b226;border-color:#0891b259}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (max-width:900px){.vender-layout{flex-direction:column}.vender-summary{width:100%;position:static}.vender-config-grid{grid-template-columns:1fr}.vender-items-row{flex-wrap:wrap}}