.header-container{display:flex;justify-content:space-between;align-items:center;height:50px;position:fixed;top:0;left:0;right:0;z-index:1001;padding:0 24px 0 8px;background:var(--bg);color:var(--text);font-family:var(--font-body);border-bottom:1px solid var(--border);box-shadow:var(--elev-1)}.header-left{display:flex;align-items:center;height:100%;gap:6px}.header-user{display:flex;align-items:center;gap:16px}.header-icon-btn,.sidebar-toggle-btn,.header-cart-btn,.header-user-btn{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface-2) 60%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 22px #0000002e,inset 0 1px color-mix(in srgb,var(--text) 10%,transparent);color:var(--text);cursor:pointer;padding:0;line-height:0;transition:transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),color var(--dur-2) var(--ease);-webkit-app-region:no-drag}.header-icon-btn:hover,.sidebar-toggle-btn:hover,.header-cart-btn:hover,.header-user-btn:hover{border-color:color-mix(in srgb,var(--border) 65%,var(--primary-color) 35%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 85%,transparent),color-mix(in srgb,var(--surface) 70%,transparent));box-shadow:0 14px 26px #0003,inset 0 1px color-mix(in srgb,var(--text) 14%,transparent)}.header-icon-btn:focus-visible,.sidebar-toggle-btn:focus-visible,.header-cart-btn:focus-visible,.header-user-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 85%,transparent);outline-offset:2px}.header-icon-btn svg,.sidebar-toggle-btn svg,.header-cart-btn svg,.header-user-btn svg{width:18px;height:18px;display:block}.hamburger-icon{transform:translateY(-.5px)}.sidebar-toggle-btn{border-color:color-mix(in srgb,var(--border) 72%,#ffffff 28%);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,#ffffff 20%),color-mix(in srgb,var(--surface) 92%,transparent) 44%,color-mix(in srgb,var(--surface-2) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -1px color-mix(in srgb,#000000 14%,transparent),0 4px 12px color-mix(in srgb,#000 16%,transparent)}.sidebar-toggle-btn:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 78%,#ffffff 22%),color-mix(in srgb,var(--surface-2) 88%,transparent) 46%,color-mix(in srgb,var(--surface) 90%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 30%,transparent),inset 0 -1px color-mix(in srgb,#000000 16%,transparent),0 6px 14px color-mix(in srgb,#000 22%,transparent)}:root[data-theme=dark] .sidebar-toggle-btn{border-color:#ffffff2e;background:linear-gradient(155deg,color-mix(in srgb,#242424 74%,var(--input-bg) 26%),color-mix(in srgb,#1b1b1b 84%,var(--input-bg) 16%) 48%,color-mix(in srgb,#141414 92%,var(--input-bg) 8%));box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000052,0 5px 14px #00000052}:root[data-theme=dark] .sidebar-toggle-btn:hover{background:color-mix(in srgb,#232323 82%,var(--surface-2) 18%);border-color:color-mix(in srgb,var(--primary-color) 44%,rgba(255,255,255,.16))}.header-cart-btn{position:relative}.header-cart-btn{border-color:color-mix(in srgb,var(--border) 72%,#ffffff 28%);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,#ffffff 20%),color-mix(in srgb,var(--surface) 92%,transparent) 44%,color-mix(in srgb,var(--surface-2) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -1px color-mix(in srgb,#000000 14%,transparent),0 4px 12px color-mix(in srgb,#000 16%,transparent)}.header-cart-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 78%,#ffffff 22%),color-mix(in srgb,var(--surface-2) 88%,transparent) 46%,color-mix(in srgb,var(--surface) 90%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 30%,transparent),inset 0 -1px color-mix(in srgb,#000000 16%,transparent),0 6px 14px color-mix(in srgb,#000 22%,transparent)}:root[data-theme=dark] .header-cart-btn{border-color:#ffffff2e;background:linear-gradient(155deg,color-mix(in srgb,#242424 74%,var(--input-bg) 26%),color-mix(in srgb,#1b1b1b 84%,var(--input-bg) 16%) 48%,color-mix(in srgb,#141414 92%,var(--input-bg) 8%));box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000052,0 5px 14px #00000052}:root[data-theme=dark] .header-cart-btn:hover{background:color-mix(in srgb,#232323 82%,var(--surface-2) 18%);border-color:color-mix(in srgb,var(--primary-color) 44%,rgba(255,255,255,.16))}.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--error-color);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg);box-shadow:0 2px 6px #0003;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}.cart-edit-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:2;background:#f59e0b;color:#111827;border:2px solid var(--bg);border-radius:999px;min-width:52px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;letter-spacing:.3px;line-height:1;box-shadow:0 2px 6px #00000038;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.header-user-btn{overflow:hidden}.header-user-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 9%,var(--surface-2)),color-mix(in srgb,var(--primary-color) 5%,var(--surface)))}.header-avatar{width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.header-avatar-icon{width:20px;height:20px}.header-logo-btn{background:transparent;border:0;padding:0;margin-left:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:160px;height:48px;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-app-region:no-drag}.header-logo{width:244px;height:244px;display:block;object-fit:contain;flex-shrink:0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.header-container{padding:0 16px 0 8px;width:100%;box-sizing:border-box}}@media(max-width:480px){.header-user{gap:10px}.header-icon-btn,.sidebar-toggle-btn,.header-cart-btn,.header-user-btn{width:36px;height:36px}.header-logo-btn{width:124px;height:40px}.header-logo{width:188px;height:188px}}.header-icon-btn,.sidebar-toggle-btn,.header-cart-btn,.header-user-btn,:root[data-theme=dark] .header-icon-btn,:root[data-theme=dark] .sidebar-toggle-btn,:root[data-theme=dark] .header-cart-btn,:root[data-theme=dark] .header-user-btn{border-color:var(--border);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,#ffffff 20%),color-mix(in srgb,var(--surface) 92%,transparent) 44%,color-mix(in srgb,var(--surface-2) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -1px color-mix(in srgb,#000000 14%,transparent),0 4px 12px color-mix(in srgb,#000 16%,transparent);color:var(--text)}.header-icon-btn:hover,.sidebar-toggle-btn:hover,.header-cart-btn:hover,.header-user-btn:hover,:root[data-theme=dark] .header-icon-btn:hover,:root[data-theme=dark] .sidebar-toggle-btn:hover,:root[data-theme=dark] .header-cart-btn:hover,:root[data-theme=dark] .header-user-btn:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,#ffffff 20%),color-mix(in srgb,var(--surface) 92%,transparent) 44%,color-mix(in srgb,var(--surface-2) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -1px color-mix(in srgb,#000000 14%,transparent),0 4px 12px color-mix(in srgb,#000 16%,transparent);color:var(--text)}.header-icon-btn:active,.sidebar-toggle-btn:active,.header-cart-btn:active,.header-user-btn:active{transform:scale(.97)}.notification-bell{position:relative}.header-notification-btn{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;border:1px solid var(--border);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,#ffffff 20%),color-mix(in srgb,var(--surface) 92%,transparent) 44%,color-mix(in srgb,var(--surface-2) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -1px color-mix(in srgb,#000000 14%,transparent),0 4px 12px color-mix(in srgb,#000 16%,transparent);color:var(--text);cursor:pointer;padding:0;position:relative}.header-notification-btn:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border))}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;border:2px solid var(--bg);background:var(--error-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 82px));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#ffffff 6%),color-mix(in srgb,var(--surface-2) 92%,var(--surface) 8%));backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);color:var(--text);box-shadow:0 18px 44px #0000003d,inset 0 1px color-mix(in srgb,#ffffff 28%,transparent);z-index:1300}:root[data-theme=dark] .notification-panel{border-color:#ffffff29;background:linear-gradient(180deg,color-mix(in srgb,#202020 92%,var(--surface) 8%),color-mix(in srgb,#151515 94%,var(--surface-2) 6%));box-shadow:0 20px 50px #0000006b,inset 0 1px #ffffff14}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:14px;font-weight:800}.notification-panel-actions{display:inline-flex;align-items:center;gap:8px}.notification-panel-actions button{border:0;background:transparent;color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:800}.notification-panel-actions .notification-clear-btn{width:28px;height:28px;border:1px solid transparent;border-radius:8px;color:var(--error-color);display:inline-grid;place-items:center;padding:0}.notification-panel-actions .notification-clear-btn:hover,.notification-delete-btn:hover{background:color-mix(in srgb,var(--error-color) 10%,var(--surface));border-color:color-mix(in srgb,var(--error-color) 28%,var(--border))}.notification-list{max-height:460px;overflow-y:auto;background:color-mix(in srgb,var(--surface) 72%,transparent)}.notification-empty{padding:24px 14px;color:var(--text-muted);text-align:center;font-size:13px}.notification-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 68%,transparent);color:inherit;text-align:left;cursor:pointer}.notification-item:hover{background:color-mix(in srgb,var(--primary-color) 8%,transparent)}.notification-item:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 78%,transparent);outline-offset:-2px}.notification-item.is-unread{background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.notification-content{min-width:0;display:grid;gap:4px}.notification-delete-shell{align-self:start}.notification-delete-btn{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--error-color);cursor:pointer;display:inline-grid;place-items:center;padding:0;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.notification-delete-btn:active{transform:scale(.96)}.notification-title{font-size:13px;font-weight:800}.notification-message{color:var(--text-muted);font-size:12px;line-height:1.35}.notification-date{color:var(--text-muted);font-size:11px}@media(max-width:480px){.header-notification-btn{width:36px;height:36px}}.sidebar{position:fixed;top:50px;left:0;width:220px;height:calc(100% - 50px);background-color:var(--bg);color:var(--text);padding:20px 0;box-shadow:2px 0 12px #0000002e;transition:width .3s ease,left .3s ease;z-index:1000;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border)}.sidebar.collapsed{width:50px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar>ul>li{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease);cursor:default;color:var(--text)}.sidebar>ul>li:not(.active):hover{background-color:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color)}.sidebar .clickable{cursor:pointer}.sidebar>ul>li.active{background:linear-gradient(160deg,color-mix(in srgb,var(--primary-color) 90%,#7ea0ff 10%),color-mix(in srgb,var(--primary-color-dark) 94%,#0a122f 6%));border:1px solid color-mix(in srgb,var(--primary-color) 78%,#d8e1ff 22%);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent),0 10px 22px color-mix(in srgb,var(--primary-color) 34%,transparent);color:#fff;font-weight:700}.sidebar>ul>li.active .sidebar-icon,.sidebar>ul>li.active .sidebar-text,.sidebar>ul>li.active .chevron{color:#fff}.sidebar>ul>li.active:hover,.sidebar>ul>li.active:has(.clickable:hover){filter:brightness(1.02)}.sidebar-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;transition:opacity var(--dur-2) var(--ease),width var(--dur-2) var(--ease);color:inherit}.sidebar.collapsed .sidebar-text{opacity:0;width:0}.sidebar-icon{width:18px;height:18px;flex-shrink:0;color:var(--text);transition:color var(--dur-2) var(--ease)}.sidebar-motion-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;transform-origin:center center;will-change:transform}.sidebar-motion-icon.is-collapsed{width:34px;height:34px}.sidebar-motion-orb{position:absolute;inset:0;border-radius:999px;pointer-events:none}.sidebar-motion-glyph{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.sidebar-motion-glyph .sidebar-icon{shape-rendering:geometricPrecision}.sidebar>ul>li:not(.active):hover .sidebar-icon{color:var(--primary-color)}.sidebar-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.sidebar-icon-badge{position:absolute;top:-8px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:700;color:#fff;background:var(--error-color);border:1px solid color-mix(in srgb,#ffffff 22%,transparent);z-index:2;pointer-events:none}.sidebar>ul>li.active .sidebar-icon-badge{color:#fff;background:#b82020;border-color:color-mix(in srgb,#111111 25%,transparent)}.sidebar>ul>li.active .sidebar-motion-orb{background:color-mix(in srgb,#ffffff 10%,transparent)!important}.sidebar>ul>li.active .sidebar-motion-icon{box-shadow:none!important}.sidebar>ul>li.active .sidebar-motion-orb{opacity:0!important;box-shadow:none!important;background:transparent!important}.sidebar.collapsed .sidebar-motion-orb{opacity:0!important;box-shadow:none!important;background:transparent!important}.sidebar.collapsed>ul>li{justify-content:center;padding:12px 10px}.submenu-icons{display:flex;align-items:center;gap:8px}.chevron{width:14px;height:14px;transition:transform .25s ease;color:var(--text)}.chevron.rotated{transform:rotate(180deg)}.submenu{list-style:none;margin:0;padding:0;background:var(--surface);overflow:hidden;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.submenu li{display:flex;align-items:center;padding:10px 20px 10px 50px;font-size:14px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease);border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-level-2{list-style:none;margin:0;padding:0;background:color-mix(in srgb,var(--surface) 70%,transparent);overflow:hidden}.submenu-level-2 li{display:flex;align-items:center;padding:10px 20px 10px 70px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease);border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-level-2 li:hover{color:var(--text)}.submenu-level-2 li.active{color:var(--primary-color);font-weight:600;background:none}.submenu li:hover{background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--text)}.submenu li.active{background:color-mix(in srgb,var(--primary-color) 22%,transparent);color:var(--primary-color);font-weight:600}.sidebar.collapsed .submenu,.sidebar.collapsed .chevron{display:none}.submenu .submenu-item-container{display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}@media(max-width:768px){.sidebar{left:-240px;width:240px;transition:left .3s ease}.sidebar.open{left:0}.sidebar.collapsed{width:240px}.sidebar.collapsed .sidebar-text,.sidebar-text{opacity:1;width:auto}.sidebar.collapsed>ul>li,.sidebar>ul>li{justify-content:flex-start;padding:12px 20px;gap:12px}.sidebar.collapsed .submenu,.submenu,.sidebar.collapsed .chevron,.chevron{display:block}.sidebar li svg{width:16px;height:16px}.submenu li{padding:10px 20px 10px 40px}}.user-overlay{position:fixed;inset:0;background:var(--modal-backdrop, rgba(0,0,0,.55));backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);z-index:1001;opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease),visibility var(--dur-3) var(--ease)}.user-overlay.is-open{opacity:1;visibility:visible}.user-sidebar{position:fixed;top:0;right:0;height:100vh;width:360px;max-width:90vw;z-index:1002;overflow:hidden;isolation:isolate;border-top-left-radius:22px;border-bottom-left-radius:22px;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-sat, 180%));-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-sat, 180%));border-left:1px solid transparent;box-shadow:none;transform:translate(calc(100% + 70px));transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;color:var(--text)}.user-sidebar.is-open{transform:translate(0)}.user-sidebar-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--elev-inset)}.user-sidebar-kicker{margin:0 0 4px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.user-sidebar-header h2{margin:0;font-size:1.28rem;font-weight:800;letter-spacing:0;color:var(--text);line-height:1.15}.close-btn{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:background var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease),color var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.close-btn:hover{background:color-mix(in srgb,var(--error-color) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--error-color) 45%,var(--border));color:var(--error-color);transform:rotate(90deg)}.user-sidebar-content{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.user-sidebar-content::-webkit-scrollbar{width:6px}.user-sidebar-content::-webkit-scrollbar-track{background:var(--scroll-track)}.user-sidebar-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:10px}.user-sidebar-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 55%,transparent)}.user-profile-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 13%,var(--surface)) 0%,var(--surface) 62%,color-mix(in srgb,var(--surface-2) 85%,transparent) 100%);border:1px solid color-mix(in srgb,var(--primary-color) 20%,var(--border));box-shadow:0 14px 34px color-mix(in srgb,#000 10%,transparent),inset 0 1px color-mix(in srgb,#fff 16%,transparent)}.user-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.user-avatar img,.default-avatar{width:72px;height:72px;border-radius:50%;border:3px solid color-mix(in srgb,var(--primary-color) 28%,var(--surface));object-fit:cover;object-position:center center;background:var(--surface);color:var(--primary-color);box-shadow:0 10px 24px color-mix(in srgb,var(--primary-color) 20%,transparent),inset 0 1px color-mix(in srgb,#fff 20%,transparent);transition:transform var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.user-avatar img{display:block;overflow:hidden;transform:translateZ(0);image-rendering:auto}.default-avatar{display:flex;justify-content:center;align-items:center}.user-avatar img:hover,.default-avatar:hover{transform:translateY(-1px) scale(1.03);border-color:var(--primary-color);box-shadow:0 14px 30px color-mix(in srgb,var(--primary-color) 30%,transparent)}.user-profile-main{min-width:0;display:flex;flex-direction:column;gap:9px}.user-profile-main h3{margin:0;color:var(--text);font-size:1.1rem;font-weight:850;letter-spacing:0;line-height:1.2;overflow-wrap:anywhere}.user-role-badge{width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent);font-size:12px;font-weight:800;line-height:1}.user-info{display:flex;flex-direction:column;gap:0;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000000f,0 10px 28px color-mix(in srgb,#000 6%,transparent)}.user-info-row{display:flex;align-items:flex-start;gap:12px;min-height:58px;padding:12px;border-radius:10px;color:var(--text)}.user-info-row+.user-info-row{border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.user-info-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 18%,transparent)}.user-info-row div{min-width:0;display:flex;flex-direction:column;gap:3px}.user-info strong{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.user-info span{color:var(--text);font-size:13px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.user-id-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px!important;color:var(--text-muted)!important}.user-actions{display:flex;flex-direction:column;gap:10px}.user-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:background var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease);width:100%;position:relative;overflow:hidden}.user-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary-color) 14%,transparent),transparent);transition:left .5s ease}.user-action-btn:hover:before{left:100%}.user-action-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border));transform:translate(6px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,transparent)}.user-action-icon{display:inline-flex;flex:0 0 auto;color:var(--primary-color);font-size:18px;opacity:1}.user-logout-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.user-logout-wrapper>.user-action-btn,.user-logout-wrapper>.user-logout-btn{flex:0 0 auto;width:100%;min-width:0}.user-logout-btn{width:100%;padding:14px;min-height:52px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;line-height:1;background:color-mix(in srgb,var(--error-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 32%,var(--border));color:var(--error-color);position:relative;overflow:hidden;transition:background var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),color var(--dur-3) var(--ease)}.user-action-btn{min-height:52px;white-space:nowrap;line-height:1}.user-logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--error-color) 22%,transparent),transparent);transition:left .5s ease}.user-logout-btn:hover:before{left:100%}.user-logout-btn:hover{background:color-mix(in srgb,var(--error-color) 18%,transparent);border-color:var(--error-color);transform:translateY(-2px);box-shadow:0 4px 15px color-mix(in srgb,var(--error-color) 32%,transparent);color:#fff}.user-logout-btn:active{transform:translateY(0)}@media(max-width:768px){.user-sidebar{width:100%;max-width:90vw}.user-sidebar-header,.user-sidebar-content{padding:20px}.user-avatar img,.default-avatar{width:66px;height:66px}}@media(max-width:480px){.user-sidebar{width:100%;max-width:100vw}.user-sidebar-header h2{font-size:1.2rem}.user-profile-card{padding:14px}.user-info{padding:5px}.user-info-row{padding:11px}.user-logout-wrapper{gap:10px}.user-action-btn,.user-logout-btn{font-size:13px;padding:12px}}:root[data-theme=light]{--modal-backdrop: rgba(15, 17, 21, .18);--glass-blur: 26px;--glass-sat: 185%}:root[data-theme=light] .user-sidebar,:root[data-theme=alunza] .user-sidebar{background:linear-gradient(180deg,#ffffffd9,#ffffffa6),radial-gradient(900px circle at 18% 10%,rgba(255,255,255,.7) 0%,transparent 55%),radial-gradient(900px circle at 85% 28%,color-mix(in srgb,var(--primary-color) 10%,transparent) 0%,transparent 58%);border-left-color:#fff9;box-shadow:-28px 0 90px #1011142e,-8px 0 22px #10111414}:root[data-theme=light] .user-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent 26%);box-shadow:inset 0 1px #ffffffa6,inset 0 0 0 1px #ffffff1f,inset 0 -1px #1011140a}:root[data-theme=light] .user-sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(16,17,20,.045) .6px,transparent .7px);background-size:4px 4px;opacity:.22;mix-blend-mode:multiply}:root[data-theme=light] .user-sidebar-header,:root[data-theme=light] .user-sidebar-content,:root[data-theme=light] .user-sidebar-footer{position:relative;z-index:1}:root[data-theme=light] .user-action-btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary-color) 26%,var(--border));box-shadow:0 12px 26px #1011141a}:root[data-theme=light] .user-logout-btn{background:color-mix(in srgb,var(--error-color) 10%,var(--surface));border-color:color-mix(in srgb,var(--error-color) 26%,var(--border))}:root[data-theme=light] .user-logout-btn:hover{background:color-mix(in srgb,var(--error-color) 84%,#ffffff);border-color:var(--error-color);color:#fff;box-shadow:0 16px 36px #f4433638}:root[data-theme=light] .user-logout-btn:hover svg{color:currentColor;fill:currentColor}.product-alert-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-4),4vw,var(--space-6));background:#0000008c;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:90000;animation:productAlertFade var(--dur-2) var(--ease)}.product-alert-card{width:min(560px,100%);max-height:min(82vh,820px);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.2vw,18px);padding:clamp(18px,3vw,28px);border-radius:var(--radius-lg);background:var(--glass-bg-strong);border:1px solid var(--glass-border, var(--border));box-shadow:var(--elev-3);text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));animation:productAlertIn var(--dur-3) var(--ease)}.product-alert-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-bottom-left-radius:999px;border-bottom-right-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 50%,transparent 100%);opacity:.9}.product-alert-icon-wrapper{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 16%,transparent);background:color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 18%,transparent);border:1px solid color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 25%,transparent);border:1px solid color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 30%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 8%,transparent),0 0 0 8px color-mix(in srgb,var(--product-alert-accent, var(--primary-color)) 10%,transparent)}.product-alert-icon{font-size:30px;color:var(--product-alert-accent, var(--primary-color));filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}.product-alert-title{margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:800;color:var(--text);letter-spacing:.2px}.product-alert-subtitle{margin:6px 0 0;font-size:13px;color:var(--text-soft)}.product-alert-message{width:100%;text-align:left;font-size:14px;line-height:1.55;color:var(--text-muted);padding:14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--product-alert-accent, var(--primary-color));max-height:38vh;overflow:auto;box-shadow:var(--elev-inset, none)}.product-alert-actions{width:100%;margin-top:var(--space-2);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.btn-alert-cancel,.btn-alert-confirm{min-width:0;padding:12px 14px;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),filter var(--dur-2) var(--ease)}.btn-alert-cancel{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text)}.btn-alert-cancel:hover{background:var(--btn-hover);transform:translateY(-1px)}.btn-alert-confirm{border:1px solid color-mix(in srgb,var(--primary-color) 45%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 55%,transparent);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#121212;box-shadow:0 12px 28px color-mix(in srgb,var(--primary-color) 22%,transparent),0 12px 28px color-mix(in srgb,var(--primary-color) 25%,transparent)}.btn-alert-confirm:hover{transform:translateY(-2px);filter:brightness(1.02)}.btn-alert-cancel:active,.btn-alert-confirm:active{transform:translateY(0)}.btn-alert-cancel:focus-visible,.btn-alert-confirm:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:420px){.product-alert-actions{grid-template-columns:1fr}}@keyframes productAlertFade{0%{opacity:0}to{opacity:1}}@keyframes productAlertIn{0%{transform:translateY(6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.product-alert-overlay,.product-alert-card{animation:none}.btn-alert-cancel,.btn-alert-confirm{transition:none}}.cart-overlay{position:fixed;inset:0;background:var(--modal-backdrop, rgba(0, 0, 0, .55));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease),visibility var(--dur-3) var(--ease)}.cart-overlay.is-open{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:90vw;z-index:9999;border-top-left-radius:22px;border-bottom-left-radius:22px;overflow:hidden;isolation:isolate;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-left:1px solid var(--glass-border);box-shadow:none;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.cart-sidebar.is-open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border);background:var(--glass-bg-strong);box-shadow:var(--elev-inset)}.cart-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:.4px;line-height:1.2;flex:1 1 auto;min-width:0}.cart-title-inner{display:inline-flex;align-items:center;gap:10px;min-width:0}.cart-icon{display:block;flex:0 0 auto}.cart-header-actions{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.btn-clear-cart,.close-btn{width:36px;height:36px;padding:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),filter var(--dur-2) var(--ease)}.btn-clear-cart{color:var(--error-color, #ef4444);background:#ef44441a;border:1px solid rgba(239,68,68,.35)}.btn-clear-cart:hover{transform:translateY(-1px);filter:brightness(1.03);background:#ef444429;border-color:#ef444480}.btn-clear-cart:active{transform:translateY(0) scale(.98)}.btn-clear-cart:focus-visible{outline:2px solid rgba(239,68,68,.45);outline-offset:2px}.close-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}.close-btn:hover{background:var(--surface-2);border-color:var(--input-border);transform:rotate(90deg)}.cart-body{flex:1;overflow-y:auto;padding:20px}.cart-body::-webkit-scrollbar{width:6px}.cart-body::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}.cart-body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}.cart-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.empty-cart-msg{color:var(--text-soft);text-align:center;margin-top:40px}.cart-mini-item{margin-bottom:15px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cart-item-thumb{width:60px;height:60px;flex:0 0 60px;align-self:center;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:radial-gradient(circle at top,color-mix(in srgb,var(--primary-color) 10%,transparent),transparent 58%),var(--surface-2);display:grid;place-items:center}.cart-item-thumb-image{width:100%;height:100%;display:block;object-fit:cover}.cart-item-thumb-fallback{color:var(--text-soft);font-size:1.1rem;font-weight:900}.cart-item-details{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;align-self:center}.cart-item-name{font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-meta{font-size:.85rem;color:var(--text-muted)}.cart-item-total{font-weight:900;color:var(--success-color)}.btn-delete-mini{background:transparent;border:1px solid transparent;color:var(--error-color);cursor:pointer;padding:8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;transition:background var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.btn-delete-mini:hover{background:var(--surface-2);border-color:var(--border);transform:scale(1.06)}.btn-delete-mini:active{transform:scale(.98)}.cart-footer{padding:25px;border-top:1px solid var(--border);background:var(--glass-bg-strong);box-shadow:var(--elev-inset)}.cart-total-row{display:flex;justify-content:space-between;color:var(--text);font-size:1.2rem;font-weight:800;margin-bottom:20px}.cart-total-amount{color:var(--success-color);font-weight:900}.btn-checkout{width:100%;padding:14px;border-radius:12px;border:none;font-weight:900;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 95%,transparent),color-mix(in srgb,var(--primary-color-dark, var(--primary-color)) 95%,transparent));color:#fff;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 35%,transparent);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),filter var(--dur-2) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary-color) 55%,transparent);filter:brightness(1.03)}.btn-checkout:active{transform:translateY(0)}.btn-checkout .btn-icon{display:block;flex:0 0 auto}:root[data-theme=dark]{--modal-backdrop: rgba(0, 0, 0, .6)}:root[data-theme=light]{--modal-backdrop: rgba(0, 0, 0, .35)}:root[data-theme=light] .cart-sidebar{background:linear-gradient(180deg,#ffffffe0,#ffffffb8 55%,#ffffffc7);backdrop-filter:blur(12px) saturate(1.35);-webkit-backdrop-filter:blur(12px) saturate(1.35);box-shadow:0 22px 70px #0f172a29,-1px 0 #ffffff8c inset,0 1px #ffffff8c inset;border-left:1px solid rgba(15,23,42,.09)}:root[data-theme=light] .cart-header,:root[data-theme=light] .cart-footer{background:#ffffffe0;border-color:#0f172a1a;box-shadow:0 1px #0f172a0f}:root[data-theme=light] .close-btn{background:#ffffffeb;border-color:#0f172a1f;box-shadow:0 6px 18px #0f172a14}:root[data-theme=light] .close-btn:hover{background:#f8fafcfa;border-color:#0f172a2e}:root[data-theme=light] .cart-mini-item{background:#fffffff0;border:1px solid rgba(15,23,42,.09);box-shadow:0 10px 28px #0f172a14,0 1px #ffffffa6 inset}:root[data-theme=light] .cart-item-meta{color:#0f172a9e}:root[data-theme=light] .cart-overlay{background:#0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main-content{--header-h: 50px;--pad: 20px;--sidebar-collapsed: 50px;--sidebar-open: 220px;padding:var(--pad);padding-top:calc(var(--header-h) + var(--pad));--layout-safe-height: calc(100dvh - (var(--header-h) + (var(--pad) * 2)));background-color:var(--main-bg-color);min-height:var(--layout-safe-height);box-sizing:border-box;min-width:0;overflow-x:hidden;transition:margin-left .3s ease;margin-left:var(--sidebar-collapsed)}.main-content.shifted{margin-left:var(--sidebar-open)}.main-content.dashboard-layout,.main-content.dashboard-layout.shifted,.main-content.economics-layout,.main-content.economics-layout.shifted{--pad: 0px;padding:0;padding-top:var(--header-h);--layout-safe-height: calc(100dvh - var(--header-h));min-height:100dvh;height:100dvh;overflow:hidden}.route-transition-layer{min-height:100%;height:100%}@media(max-width:768px){.main-content,.main-content.shifted{--pad: 15px;margin-left:0;padding:var(--pad);padding-top:calc(var(--header-h) + var(--pad));--layout-safe-height: calc(100dvh - (var(--header-h) + (var(--pad) * 2)));min-height:var(--layout-safe-height)}.main-content.dashboard-layout,.main-content.dashboard-layout.shifted,.main-content.economics-layout,.main-content.economics-layout.shifted{padding-top:var(--header-h);min-height:calc(100dvh - var(--header-h));height:auto;overflow-x:hidden;overflow-y:auto}}@media(max-width:480px){.main-content,.main-content.shifted{--pad: 10px;padding:var(--pad);padding-top:calc(var(--header-h) + var(--pad));--layout-safe-height: calc(100dvh - (var(--header-h) + (var(--pad) * 2)));min-height:var(--layout-safe-height)}}.spinner-inline-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:120px;padding:16px;box-sizing:border-box;text-align:center}.spinner-text{color:var(--primary-color);font-size:12px;font-weight:600;line-height:1.2;text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-variant-numeric:tabular-nums;text-wrap:balance}.spinner-seconds{display:inline-block;min-width:3ch}.spinner{display:block;flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:4px solid var(--scroll-track);border-top-color:var(--primary-color);animation:spin .9s linear infinite;box-sizing:border-box;transform-origin:center;will-change:transform}@supports (background: conic-gradient(red,blue)){.spinner{border:none;background:conic-gradient(from 0deg,var(--primary-color),transparent 60%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backend-offline-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,color-mix(in srgb,var(--primary-color) 14%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,var(--surface-2) 8%) 0%,var(--bg) 100%)}.backend-offline-card{width:min(100%,560px);padding:32px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--primary-color) 18%);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));box-shadow:var(--elev-3);color:var(--text)}.backend-offline-badge{display:inline-flex;margin:0 0 14px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary-color) 28%,var(--border));background:color-mix(in srgb,var(--primary-color) 10%,var(--surface));color:var(--primary-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.backend-offline-title{margin:0 0 12px;font-size:clamp(2rem,4vw,2.8rem);line-height:1}.backend-offline-text{margin:0 0 10px;color:var(--text);font-size:1rem;line-height:1.6}.backend-offline-text--muted{color:var(--text-muted)}.backend-offline-retry{margin-top:22px;padding:14px 18px;border:none;border-radius:16px;background:var(--btn-primary-gradient);color:var(--btn-primary-text);font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:var(--btn-primary-shadow)}.backend-offline-retry:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--btn-primary-shadow-hover)}.backend-offline-retry:disabled{cursor:progress;opacity:.8}.backend-offline-retry:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 42%,transparent);outline-offset:3px}@media(max-width:640px){.backend-offline-page{padding:16px}.backend-offline-card{padding:24px;border-radius:22px}}#root{width:100%;min-height:100dvh;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.suspense-fallback{min-height:40vh;display:grid;place-items:center;padding:24px}.app-error-boundary{min-height:60vh;display:grid;place-content:center;gap:12px;text-align:center;padding:24px}.app-error-boundary h2{margin:0;font-size:1.25rem}.app-error-boundary p{margin:0;color:var(--text-soft, #9ca3af)}.app-error-boundary__actions{display:inline-flex;justify-content:center;gap:10px}.app-error-boundary__actions button{border:1px solid var(--border, #374151);background:var(--surface-2, #1f2937);color:var(--text, #f3f4f6);border-radius:10px;padding:8px 12px;cursor:pointer}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary-color);--color-primary-dark:var(--primary-color-dark);--color-success:var(--success-color)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-11{height:calc(var(--spacing) * 11)}.max-h-\[65vh\]{max-height:65vh}.w-4{width:calc(var(--spacing) * 4)}.w-\[56px\]{width:56px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-full{width:100%}.min-w-\[56px\]{min-width:56px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[1140px\]{min-width:1140px}.min-w-\[1440px\]{min-width:1440px}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--btn-secondary-border\)\]{border-color:var(--btn-secondary-border)}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.bg-\[var\(--btn-secondary-bg-plain\)\]{background-color:var(--btn-secondary-bg-plain)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-primary{background-color:var(--color-primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[var\(--btn-primary-text\)\]{color:var(--btn-primary-text)}.text-\[var\(--btn-secondary-text\)\]{color:var(--btn-secondary-text)}.text-blue-700{color:var(--color-blue-700)}.text-current{color:currentColor}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-orange-700{color:var(--color-orange-700)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media(hover:hover){.hover\:border-\[var\(--btn-secondary-border-hover\)\]:hover{border-color:var(--btn-secondary-border-hover)}.hover\:bg-\[var\(--btn-secondary-bg-plain-hover\)\]:hover{background-color:var(--btn-secondary-bg-plain-hover)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-green-500\/20:focus{--tw-ring-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.focus\:ring-green-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-500\/20:focus{--tw-ring-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-color-scheme:dark){.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-green-500{border-color:var(--color-green-500)}.dark\:border-green-800{border-color:var(--color-green-800)}.dark\:border-orange-800{border-color:var(--color-orange-800)}.dark\:border-red-500{border-color:var(--color-red-500)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900) 30%,transparent)}}.dark\:bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900) 30%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.dark\:text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}}}:root{--font-heading:"Montserrat", "Avenir Next", "Proxima Nova", "Segoe UI", sans-serif;--font-body:"Lato", "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;--primary-color:#0028ff;--primary-color-dark:#0020cc;--info-color:#3498db;--purple-color:#7b2cbf;--cyan-color:#00c6ff;--dashboard-blob-1-color:var(--primary-color);--dashboard-blob-2-color:#00c6ff;--dashboard-blob-1-mix:80%;--dashboard-blob-2-mix:70%;--dashboard-blob-opacity:.15;--success-color:#4caf50;--error-color:#e53e3e;--edit-color:#ff9300;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--ease:cubic-bezier(.2,.8,.2,1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--bp-xs:360px;--bp-sm:480px;--bp-md:640px;--bp-tablet:768px;--bp-lg:1024px;--bp-xl:1200px;--bp-2xl:1400px;--text-h1:clamp(2rem, 5vw, 3.5rem);--text-h2:clamp(1.5rem, 3.5vw, 2.5rem);--text-h3:clamp(1.25rem, 2.5vw, 1.75rem);--text-body-lg:clamp(15px, 1.5vw, 18px);--text-body:clamp(14px, 1.25vw, 16px);--text-sm:clamp(12px, 1vw, 14px);--text-xs:clamp(11px, .9vw, 13px);--gap-1:clamp(4px, 1vw, 8px);--gap-2:clamp(8px, 1.5vw, 12px);--gap-3:clamp(12px, 2vw, 16px);--gap-4:clamp(16px, 2.5vw, 24px);--gap-5:clamp(24px, 3vw, 32px);--touch-min:max(44px, clamp(36px, 10vw, 48px));--glass-blur:20px;--glass-blur-strong:30px;--glass-sat:180%;--elev-1:0 8px 20px #0000001f;--elev-2:0 18px 60px #0000002e;--elev-3:0 22px 70px #00000059;--app-header-h:var(--header-h);--btn-bg:var(--surface);--btn-border:var(--border);--btn-hover:var(--surface-2);--btn-primary-bg:var(--primary-color);--btn-primary-bg-hover:var(--primary-color-dark);--btn-primary-text:var(--text-on-primary);--btn-primary-border:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root{--btn-primary-border:color-mix(in srgb, var(--primary-color) 55%, transparent)}}:root{--btn-primary-gradient:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);--btn-primary-shadow:0 10px 22px var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root{--btn-primary-shadow:0 10px 22px color-mix(in srgb, var(--primary-color) 18%, transparent)}}:root{--btn-primary-shadow-hover:0 14px 30px var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root{--btn-primary-shadow-hover:0 14px 30px color-mix(in srgb, var(--primary-color) 26%, transparent)}}:root{--btn-secondary-bg:var(--surface);--btn-secondary-bg-hover:var(--surface-2);--btn-secondary-bg-plain:var(--surface);--btn-secondary-bg-plain-hover:var(--surface-2);--btn-secondary-text:var(--text);--btn-secondary-text-hover:var(--text);--btn-secondary-border:var(--border);--btn-secondary-border-hover:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root{--btn-secondary-border-hover:color-mix(in srgb, var(--primary-color) 36%, var(--border))}}:root{--btn-secondary-shadow:0 4px 10px #00000024;--btn-secondary-shadow-hover:0 8px 18px var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root{--btn-secondary-shadow-hover:0 8px 18px color-mix(in srgb, var(--primary-color) 18%, transparent)}}:root,:root[data-theme=dark]{color-scheme:dark;--primary-color:#2f5bff;--primary-color-dark:#163ed8;--bg:#1a1a1a;--bg-2:#383838;--surface:#ffffff0f;--surface-2:#ffffff1a;--border:#ffffff1f;--text:#ffffffeb;--text-muted:#ffffffb8;--text-soft:#fff9;--text-on-primary:#fff;--on-primary:var(--text-on-primary);--input-bg:#ffffff0f;--input-border:#ffffff24;--input-placeholder:#ffffff73;--scroll-track:#ffffff0d;--scroll-thumb:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root,:root[data-theme=dark]{--scroll-thumb:color-mix(in srgb, var(--primary-color) 50%, transparent)}}:root,:root[data-theme=dark]{--glass-bg:var(--surface);--glass-bg-strong:var(--surface-2);--glass-border:var(--border);--elev-inset:inset 0 0 15px #ffffff0a;--btn-secondary-bg:linear-gradient(155deg, #242424 0%, #1b1b1b 48%, #141414 100%)}@supports (color:color-mix(in lab,red,red)){:root,:root[data-theme=dark]{--btn-secondary-bg:linear-gradient(155deg, color-mix(in srgb, #242424 74%, var(--input-bg) 26%) 0%, color-mix(in srgb, #1b1b1b 84%, var(--input-bg) 16%) 48%, color-mix(in srgb, #141414 92%, var(--input-bg) 8%) 100%)}}:root,:root[data-theme=dark]{--btn-secondary-bg-hover:#232323}@supports (color:color-mix(in lab,red,red)){:root,:root[data-theme=dark]{--btn-secondary-bg-hover:color-mix(in srgb, #232323 82%, var(--surface-2) 18%)}}:root,:root[data-theme=dark]{--btn-secondary-bg-plain:var(--surface);--btn-secondary-bg-plain-hover:var(--surface-2);--btn-secondary-text:var(--text);--btn-secondary-text-hover:var(--text);--btn-secondary-border:#ffffff2e;--btn-secondary-border-hover:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root,:root[data-theme=dark]{--btn-secondary-border-hover:color-mix(in srgb, var(--primary-color) 44%, var(--border))}}:root,:root[data-theme=dark]{--btn-secondary-shadow:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000052, 0 5px 14px #00000052;--btn-secondary-shadow-hover:0 8px 18px #00000047;--main-bg-color:var(--bg);--main-bg-color-ligth:var(--bg-2);--main-border-color:var(--border);--page-background:var(--bg);--card-background:#ffffff0f;--card-background-black:#333;--text-primary:#fff;--text-secondary:#ffffffb8;--border-color:var(--border)}:root[data-theme=light]{color-scheme:light;--bg:#f5f7fa;--bg-2:#fff;--text:#1a1a1a;--text-muted:#1a1a1aa6;--text-soft:#1a1a1a73;--text-on-primary:#fff;--on-primary:var(--text-on-primary);--surface:#fff;--surface-2:#f2f4f8;--surface-3:#eef0f5;--border:#0028ff1f;--input-border:#0028ff2e;--input-bg:#fff;--input-placeholder:#1a1a1a66;--glass-blur:12px;--glass-blur-strong:18px;--glass-sat:1.35;--glass-border:#0028ff1a;--glass-bg:#ffffffd9;--glass-bg-strong:#fffffff2;--elev-1:0 4px 12px #0028ff14;--elev-2:0 10px 30px #0028ff1f;--elev-3:0 16px 40px #0028ff29;--elev-inset:0 1px 0 #fff9 inset;--btn-secondary-bg:linear-gradient(155deg, var(--surface) 0%, var(--surface) 44%, var(--surface-2) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--btn-secondary-bg:linear-gradient(155deg, color-mix(in srgb, var(--surface) 80%, #fff 20%) 0%, color-mix(in srgb, var(--surface) 92%, transparent) 44%, color-mix(in srgb, var(--surface-2) 88%, transparent) 100%)}}:root[data-theme=light]{--btn-secondary-bg-hover:linear-gradient(155deg, var(--surface) 0%, var(--surface-2) 46%, var(--surface) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--btn-secondary-bg-hover:linear-gradient(155deg, color-mix(in srgb, var(--surface) 78%, #fff 22%) 0%, color-mix(in srgb, var(--surface-2) 88%, transparent) 46%, color-mix(in srgb, var(--surface) 90%, transparent) 100%)}}:root[data-theme=light]{--btn-secondary-bg-plain:var(--surface);--btn-secondary-bg-plain-hover:var(--surface-2);--btn-secondary-text:var(--text);--btn-secondary-text-hover:var(--text);--btn-secondary-border:var(--border)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--btn-secondary-border:color-mix(in srgb, var(--border) 72%, #fff 28%)}}:root[data-theme=light]{--btn-secondary-border-hover:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--btn-secondary-border-hover:color-mix(in srgb, var(--primary-color) 36%, var(--border))}}:root[data-theme=light]{--btn-secondary-shadow:inset 0 1px 0 #ffffff3d, inset 0 -1px 0 #0000001f, 0 4px 10px #00000024;--btn-secondary-shadow-hover:0 8px 18px var(--primary-color)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--btn-secondary-shadow-hover:0 8px 18px color-mix(in srgb, var(--primary-color) 14%, transparent)}}:root[data-theme=light]{--scroll-track:#0028ff0d;--scroll-thumb:#0028ff73;--main-bg-color:var(--bg);--main-bg-color-ligth:#edf0f5;--main-border-color:var(--border);--page-background:var(--bg);--card-background:#fff;--card-background-black:#f0f0f0;--text-primary:var(--text);--text-secondary:var(--text-muted);--border-color:var(--border)}*,:before,:after{box-sizing:border-box}html{height:100%}body{font-family:var(--font-body);background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;overflow-x:hidden}#root{width:100%;min-height:100dvh}a{color:inherit;text-decoration:none}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.01em}button{font-family:var(--font-heading)}.btn-theme-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}.btn-theme-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.btn-theme-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);box-shadow:var(--btn-secondary-shadow)}.btn-theme-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);color:var(--btn-secondary-text-hover);border-color:var(--btn-secondary-border-hover);box-shadow:var(--btn-secondary-shadow-hover)}::selection{background:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--primary-color) 40%,transparent)}}::selection{color:inherit}::-moz-selection{background:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){::-moz-selection{background:color-mix(in srgb,var(--primary-color) 40%,transparent)}}::-moz-selection{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);transition:background var(--dur-2) var(--ease);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--scroll-track)}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{-webkit-backdrop-filter:blur(var(--glass-blur))!important;background:#0006!important}.swal2-popup.swal-custom-popup{background:var(--glass-bg-strong)!important;border:1px solid var(--border)!important;box-shadow:var(--elev-3)!important;border-radius:var(--radius-lg)!important;padding:2em!important}.swal2-title.swal-custom-title{color:var(--text)!important;font-family:inherit!important;font-weight:700!important}.swal2-html-container.swal-custom-text{color:var(--text-muted)!important;font-size:1rem!important}.swal2-icon.swal2-warning{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.swal2-actions{justify-content:center;gap:15px;width:100%}.swal2-confirm{border-radius:var(--radius-md)!important;color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 4px 15px #dc262666!important}.swal2-confirm:hover{transform:scale(1.05)!important;box-shadow:0 6px 20px #dc262699!important}.swal2-cancel{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:12px 24px!important;font-weight:500!important;transition:all .2s!important}.swal2-cancel:hover{background:var(--surface-2)!important;border-color:var(--text-muted)!important}.swal2-styled:focus{box-shadow:none!important}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right,.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{-webkit-backdrop-filter:none!important;pointer-events:none!important;background:0 0!important}.swal2-popup.swal2-toast{pointer-events:auto!important;background:var(--glass-bg-strong)!important;border:1px solid var(--border)!important;box-shadow:var(--elev-3)!important}.swal2-toast .swal2-confirm{background:var(--surface-2)!important;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;box-shadow:none!important;padding:4px 12px!important;font-size:.85rem!important}.swal2-toast .swal2-confirm:hover{background:var(--primary-color)!important}@supports (color:color-mix(in lab,red,red)){.swal2-toast .swal2-confirm:hover{background:color-mix(in srgb,var(--primary-color) 15%,transparent)!important}}.swal2-timer-progress-bar-container{overflow:visible!important}.swal2-timer-progress-bar{background:var(--primary-color)!important;background-color:var(--primary-color)!important;height:6px!important;box-shadow:0 0 10px var(--primary-color)!important;opacity:1!important;border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.swal2-container{z-index:100000!important}.swal2-popup.swal2-toast .swal2-success-circular-line-left,.swal2-popup.swal2-toast .swal2-success-circular-line-right,.swal2-popup.swal2-toast .swal2-success-fix,.swal2-popup.swal2-toast .swal2-success-ring{background-color:#0000!important}body .swal2-popup{-webkit-backdrop-filter:blur(var(--glass-blur,14px));background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}body .swal2-title{color:var(--text)!important;font-weight:700!important}body .swal2-html-container{color:var(--text-muted)!important}body .swal2-success-circular-line-left,body .swal2-success-circular-line-right,body .swal2-success-fix{background-color:#0000!important}body .swal2-icon.swal2-success .swal2-success-ring{border-color:var(--success-color,#4caf50)!important}body .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--success-color,#4caf50)!important}body .swal2-timer-progress-bar{background:var(--primary-color)!important;height:4px!important}body .swal2-confirm{background-color:var(--primary-color)!important;color:#fff!important;box-shadow:none!important;border-radius:var(--radius-md,8px)!important}body .swal2-cancel{color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md,8px)!important;background-color:#0000!important}body .swal2-cancel:hover{background-color:var(--surface-2,#0000000d)!important}body .swal2-popup.swal2-toast{min-width:300px;background:var(--surface)!important;width:auto!important;padding:.75rem 1rem!important}body .swal2-container.swal2-top-end,body .swal2-container.swal2-top-right{pointer-events:none!important}body .swal2-popup.swal2-toast{pointer-events:auto!important;margin-top:1rem!important;margin-right:1rem!important}.badge-quote{letter-spacing:.2px;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-block}.status-draft{color:#bdc3c7;background:#bdc3c733;border:1px solid #bdc3c761}.status-pending{color:#2980b9;background:#2980b933;border:1px solid #2980b959}.status-sentToAdmin{color:#9b59b6;background:#9b59b633;border:1px solid #9b59b661}.status-rejectedByAdmin{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c61}.status-acceptedByAdmin{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc7161}.status-sentToClient{color:#f39c12;background:#f39c1233;border:1px solid #f39c1261}.status-accepted,.status-acceptedByClient,.status-Sold{color:#27ae60;background:#27ae6033;border:1px solid #27ae6061}.status-sold,.status-PurchaseOrder,.status-Billing,.status-PaymentReception,.status-Shipping-Logistics,.status-DeliveryToCustomer{background:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.status-sold,.status-PurchaseOrder,.status-Billing,.status-PaymentReception,.status-Shipping-Logistics,.status-DeliveryToCustomer{background:color-mix(in srgb,var(--primary-color) 20%,transparent)}}.status-sold,.status-PurchaseOrder,.status-Billing,.status-PaymentReception,.status-Shipping-Logistics,.status-DeliveryToCustomer{color:var(--primary-color);border:1px solid var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.status-sold,.status-PurchaseOrder,.status-Billing,.status-PaymentReception,.status-Shipping-Logistics,.status-DeliveryToCustomer{border:1px solid color-mix(in srgb,var(--primary-color) 38%,transparent)}}.status-closed,.status-Closed{color:#95a5a6;background:#95a5a633;border:1px solid #95a5a661}.status-invalid,.status-Invalid,.status-rejectedByClient{color:#c0392b;background:#c0392b33;border:1px solid #c0392b61}.status-other,.status-Other{color:#34495e;background:#34495e33;border:1px solid #34495e61}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--responsive-page-pad: clamp(12px, 2.2vw, 24px);--responsive-card-pad: clamp(14px, 2vw, 24px);--responsive-modal-pad: clamp(16px, 3vw, 30px);--responsive-touch-target: 42px}html{max-width:100%;-webkit-text-size-adjust:100%}body{max-width:100%;overflow-x:clip}#root,.main-content,.route-transition-layer,.page-container,.catalogue-page,.cart-page,.dashboard-page,.economics-page-enhanced,.economics-page,.stats-page,.settings-page,.favorites-page,.terms-page,.formula-page,.projects-page,.employees-page,.quotes-page,.commission-profile-page{min-width:0;max-width:100%}.main-content>.route-transition-layer{width:100%}.page-container,.catalogue-page,.cart-page{padding:var(--responsive-page-pad)}.page-card,.cart-card,.cart-items-card,.catalogue-table-card,.empty-state-card,.unique-modal-card,.modal-form-card{min-width:0;max-width:100%}.table-container,.cart-table-wrapper,.catalogue-table-card,.quotes-table-card,.projects-table-card,.stores-table-card,.stats-group-table-wrapper,.commission-profile-table-wrapper{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.psd-list-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container>table,.cart-table-wrapper>table,.catalogue-table,.base-table{max-width:none}.base-table th,.base-table td,.catalogue-table th,.catalogue-table td{overflow-wrap:anywhere}.page-header-actions,.page-top-row,.catalogue-controls,.cart-header,.cart-header-meta,.projects-actions,.modal-form-actions,.unique-modal-footer,.pagination-container,.table-pagination-wrapper{min-width:0}.page-title,.catalogue-title,.cart-title,.unique-modal-title,.modal-form-title{overflow-wrap:anywhere}.search-wrapper,.search-bar-container,.page-search-input,.search-input,.sort-select-custom,.pagination-select,.table-pagination-wrapper .pagination-select{min-width:0;max-width:100%}.btn-page-create,.btn-create-quote-submit,.btn-draft-flat,.btn-form-primary,.btn-form-secondary,.btn-modal,.pagination-btn,.table-pagination-wrapper .pagination-btn{min-height:var(--responsive-touch-target)}.modal-form-backdrop,.unique-modal-backdrop,.forgot-password-backdrop{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.modal-form-card,.unique-modal-card,.forgot-password-modal{width:min(100%,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:var(--responsive-modal-pad)}.modal-section-grid,.modal-form-section-grid,.modal-form-grid,.unique-modal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.form-group input,.form-group select,.form-group textarea,.page-search-input,.search-input{min-width:0}@media(max-width:768px){.page-header-actions,.cart-header{flex-wrap:wrap}.page-top-row,.catalogue-controls{align-items:stretch}.page-card,.cart-card,.cart-items-card{padding:var(--responsive-card-pad)}.sticky-footer-card{position:static}}@media(max-width:768px){.main-content,.main-content.shifted{--pad: 12px}.header-container{gap:8px}.header-left,.header-user{min-width:0}.header-user{gap:8px}.page-header-actions{align-items:stretch;text-align:center}.page-top-row,.pagination-container,.table-pagination-wrapper{flex-direction:column;align-items:stretch}.pagination-controls,.table-pagination-wrapper .pagination-controls,.table-pagination-wrapper .pagination-buttons-group{justify-content:center;flex-wrap:wrap}.catalogue-grid,.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.modal-form-actions,.unique-modal-footer,.forgot-password-actions{justify-content:stretch}.modal-form-actions>*,.unique-modal-footer>*,.forgot-password-actions>*{flex:1 1 160px;justify-content:center}.modal-status-container,.image-upload-area{align-items:stretch}.cart-sidebar,.user-sidebar,.psd-container,.extras-drawer-paper,.extras-drawer{width:min(100vw,420px)!important;max-width:100vw!important}.psd-backdrop{align-items:stretch}.psd-container{height:100dvh!important;border-radius:0!important}.psd-header,.psd-content,.psd-footer{padding-inline:16px!important}.psd-footer{flex-wrap:wrap}.psd-footer>*{flex:1 1 150px}.psd-table{min-width:640px}}@media(max-width:480px){:root{--responsive-page-pad: 10px;--responsive-card-pad: 12px;--responsive-modal-pad: 18px}.main-content,.main-content.shifted{--pad: 10px}.header-container{padding-right:8px}.header-logo-btn{width:clamp(84px,30vw,124px)}.header-logo{width:clamp(132px,45vw,188px);height:clamp(132px,45vw,188px)}.header-icon-btn,.sidebar-toggle-btn,.header-cart-btn,.header-user-btn{width:36px;height:36px}.cart-edit-badge{min-width:0;max-width:54px;overflow:hidden;text-overflow:ellipsis}.page-title,.catalogue-title,.cart-title{font-size:clamp(20px,7vw,24px)}.page-card--table{padding-inline:0}.page-card--table .table-container{margin-inline:0}.modal-form-backdrop,.unique-modal-backdrop,.forgot-password-backdrop{align-items:flex-start;overflow-y:auto}.modal-form-card,.unique-modal-card,.forgot-password-modal{width:100%;max-height:none}.modal-form-section,.unique-info-item{padding:14px}.image-upload-area{gap:14px}.cart-footer-grid{gap:12px}.table-pagination-wrapper{padding-inline:0}}@media(max-width:360px){.header-logo-btn{width:76px}.header-logo{width:120px;height:120px}.header-user{gap:6px}.quick-actions{grid-template-columns:1fr}}@media(max-height:620px)and (max-width:768px){.modal-form-backdrop,.unique-modal-backdrop,.forgot-password-backdrop{align-items:flex-start;overflow-y:auto}}@media(max-width:768px){.base-table thead{display:none!important}.base-table,.base-table tbody,.base-table tr{display:block;width:100%}.base-table tr{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:4px 14px 10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.base-table tr:hover{box-shadow:0 4px 18px #00000029;border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border))}.base-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border:none;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);font-size:13.5px;min-height:36px;text-align:right}.base-table td:last-child{border-bottom:none;padding-bottom:0}.base-table td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-soft, #888);flex-shrink:0;min-width:90px;text-align:left}.base-table td[data-label=""]:before,.base-table td:not([data-label]):before{display:none}.base-table td[data-label=""],.base-table td:not([data-label]){justify-content:center;padding:8px 0 4px;border-bottom:none}.base-table td.col-actions,.base-table td.col-acciones{justify-content:flex-end;padding-top:10px;gap:8px;flex-wrap:wrap;border-bottom:none}.base-table td.col-actions:before,.base-table td.col-acciones:before{display:none}.base-table td[colspan]{display:block;text-align:center;padding:20px;border-bottom:none}.base-table td[colspan]:before{display:none}.table-container{overflow-x:visible}.table-container:has(.base-table .quote-table-row){display:none}.quotes-mobile-list{display:flex;flex-direction:column;gap:12px}.quote-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s ease}.quote-mobile-card:hover{box-shadow:0 4px 20px #00000029}.quote-mobile-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.quote-mobile-card__select{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.quote-mobile-card__date{font-size:11.5px;color:var(--text-soft)}.quote-mobile-card__main{background:none;border:none;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;width:100%}.quote-mobile-card__folio{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color)}.quote-mobile-card__client{font-size:15px;font-weight:700;color:var(--text);line-height:1.3}.quote-mobile-card__sub{font-size:12.5px;color:var(--text-soft);line-height:1.3}.quote-mobile-card__status{display:flex;flex-direction:column;gap:4px}.quote-mobile-card__status p{margin:0;font-size:11.5px;color:var(--text-soft);line-height:1.4}.quote-mobile-card__status-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left}.quote-mobile-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);border-radius:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.quote-mobile-card__metrics>div{display:flex;flex-direction:column;gap:2px}.quote-mobile-card__metrics span{font-size:10.5px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px}.quote-mobile-card__metrics strong{font-size:13px;font-weight:700;color:var(--text)}.quote-mobile-card__seller{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft)}.quote-seller-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.quote-seller-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.quote-mobile-card__open{width:100%;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary-color) 40%,var(--border));background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.quote-mobile-card__open:hover{background:color-mix(in srgb,var(--primary-color) 18%,transparent)}}@media(min-width:769px){.quotes-mobile-list{display:none}}