@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";*{box-sizing:border-box;margin:0;padding:0}:root{--pr:#5A00D6;--pr2:#7B2FF7;--pr-light:#F0E8FF;--pr-muted:#EDE8FC;--or:#FF7A00;--or-light:#FFF3E8;--bg:#F4F2FB;--card:#fff;--border:#E8E4F4;--muted:#9490A8;--text:#1A1626;--green:#16a34a;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--radius:16px;--shadow:0 2px 16px rgba(60,20,120,.08);--sidebar-w:220px}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--pr);border-right:none;display:flex;flex-direction:column;padding:20px 12px;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar-brand{font-weight:800;font-size:24px;color:var(--pr);letter-spacing:-.5px;padding:0;margin-bottom:12px}.sidebar-brand span{color:var(--or)}.sidebar-store{display:flex;align-items:center;gap:10px;background:#ffffff1f;border-radius:12px;padding:10px 12px;margin-bottom:20px}.sidebar-store-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--pr);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-store-name{font-weight:700;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;font-family:inherit;font-size:14px;font-weight:600;color:#ffffffb3;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s;text-align:left}.sidebar-item i{font-size:18px;flex-shrink:0}.sidebar-item:hover:not(.active){background:#ffffff1f;color:#fff}.sidebar-item.active{background:var(--or);color:#fff}.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;border:1.5px solid rgba(255,255,255,.2);background:transparent;font-family:inherit;font-size:13px;font-weight:600;color:#ffffffb3;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s;margin-top:8px}.sidebar-logout i{font-size:16px}.sidebar-logout:hover{border-color:#ffffff80;background:#ffffff1f;color:#fff}.main-wrap{margin-left:var(--sidebar-w);flex:1;min-width:0}.content{max-width:960px;margin:0 auto;padding:32px 24px 60px;min-height:200px}.btn-primary{background:var(--pr);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.btn-primary:hover{background:var(--pr2)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;transition:all .12s}.btn-ghost:hover{border-color:#c8baee;background:var(--pr-muted);color:var(--pr)}.alert{border-radius:10px;padding:10px 12px;font-size:14px;margin:10px 0}.alert.error{background:var(--red-bg);color:var(--red)}.alert.ok{background:var(--green-bg);color:var(--green)}.alert button{margin-left:8px;background:none;border:none;text-decoration:underline;cursor:pointer;color:inherit}.muted{color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:28px 24px;display:flex;flex-direction:column}.login-card label{font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 5px;display:block}.login-card input{border:1.5px solid var(--border);border-radius:10px;padding:11px 12px;font-size:15px;font-family:inherit;outline:none;width:100%}.login-card input:focus{border-color:var(--pr)}.login-card .btn-primary{margin-top:18px}.brand.big{font-size:24px;text-align:center;display:block}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);padding:18px}.stat-label{font-size:13px;color:var(--muted);margin-bottom:6px}.stat-value{font-size:22px;font-weight:800}.stat-value.ok{color:var(--green)}.stat-value.off{color:var(--red)}.settings{max-width:420px;display:flex;flex-direction:column}.settings label{font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 5px;display:block}.settings input{border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;width:100%}.settings input:focus{border-color:var(--pr)}.settings .btn-primary{margin-top:18px;align-self:flex-start}.check{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.check.big{margin:14px 0}.row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.row-between h2{font-size:24px;font-weight:800;letter-spacing:-.3px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.product-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.product-card:hover{box-shadow:var(--shadow);border-color:#c8baee}.product-card[style*="opacity: 0.6"]{opacity:.55!important}.thumb{height:128px;background:var(--pr-muted);position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.p-body{padding:12px 12px 8px;flex:1}.p-name{font-weight:700;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-price{font-weight:800;color:var(--pr);font-size:15px}.p-price .old{margin-left:8px;color:var(--muted);font-weight:500;font-size:12px;text-decoration:line-through}.p-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}.tag.off{background:var(--red-bg);color:var(--red)}.tag.pop{background:var(--or-light);color:var(--or)}.p-actions{display:flex;gap:6px;padding:8px 10px 10px}.p-actions button{flex:1;border:1.5px solid var(--border);background:#fff;border-radius:9px;padding:7px 4px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s}.p-actions button.danger{color:var(--red);border-color:#fca5a5}.p-actions button.danger:hover{background:var(--red-bg)}.p-actions button:not(.danger):hover{background:var(--pr-muted);border-color:#c8baee;color:var(--pr)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f05238c;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px 40px;overflow-y:auto;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-wide{width:100%;max-width:920px;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #280a6433;margin:auto}.modal-wide-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1.5px solid var(--border)}.modal-wide-header-left{display:flex;align-items:center;gap:10px}.modal-wide-header h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px}.modal-wide-header-badge{background:var(--pr-muted);color:var(--pr);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.btn-close-modal{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border);background:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .12s;font-family:inherit}.btn-close-modal:hover{background:var(--red-bg);border-color:#fca5a5;color:var(--red)}.modal-wide-body{display:grid;grid-template-columns:1fr 1fr;gap:0}@media (max-width:680px){.modal-wide-body{grid-template-columns:1fr}.modal-wide{border-radius:16px}}.modal-col{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.modal-col-right{border-left:1.5px solid var(--border);background:#fafbff}.form-section{border:1.5px solid var(--border);border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:10px}.form-section-title{font-size:11px;font-weight:800;color:var(--pr);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:2px}.form-section-title i{font-size:14px}.flabel{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:3px;display:block}.finput,.modal-wide input,.modal-wide textarea,.modal-wide select{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;background:#fff;color:var(--text);transition:border .12s;display:block}.finput:focus,.modal-wide input:focus,.modal-wide textarea:focus{border-color:var(--pr);box-shadow:0 0 0 3px #5a00d614}textarea.finput,textarea{resize:vertical;min-height:72px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.img-upload-wide{display:flex;flex-direction:column;gap:8px}.thumb-wide{width:100%;height:155px;background:var(--pr-muted);border-radius:12px;overflow:hidden;border:2px dashed #C8BAEE}.thumb-wide img{width:100%;height:100%;object-fit:cover}.thumb-empty-wide{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px}.thumb-empty-wide i{font-size:28px;color:#c8baee}.img-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--border);border-radius:10px;padding:9px;font-size:13px;font-weight:600;color:var(--text);background:#fff;cursor:pointer;transition:all .12s;font-family:inherit;width:100%}.img-upload-btn:hover{border-color:#c8baee;background:var(--pr-muted);color:var(--pr)}.file-btn{cursor:pointer}.status-toggles{display:flex;flex-direction:column;gap:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.toggle-row:hover{border-color:#c8baee}.toggle-row.active{border-color:#c8baee;background:var(--pr-muted)}.toggle-label{font-size:13px;font-weight:700;margin-bottom:1px}.toggle-desc{font-size:11px;color:var(--muted)}.toggle-switch{width:42px;height:23px;border-radius:999px;background:#d1d5db;position:relative;transition:background .18s;flex-shrink:0;margin-left:12px}.toggle-switch.on{background:var(--pr)}.toggle-knob{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .18s;box-shadow:0 1px 4px #0000002e}.toggle-switch.on .toggle-knob{left:22px}.options-editor{display:flex;flex-direction:column;gap:10px}.options-hint{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:4px}.options-empty{font-size:12px;color:var(--muted);font-style:italic;background:var(--bg);border-radius:10px;padding:16px;text-align:center;border:1.5px dashed var(--border)}.btn-add-group{border:1.5px solid var(--pr);color:var(--pr);background:var(--pr-muted);border-radius:9px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s;display:inline-flex;align-items:center;gap:5px;align-self:flex-start}.btn-add-group:hover{background:var(--pr);color:#fff}.option-group{border:1.5px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.option-group-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--pr-muted);border-bottom:1.5px solid var(--border)}.option-group-name{flex:1;border:1.5px solid transparent;border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;font-family:inherit;outline:none;background:transparent;color:var(--pr);width:auto}.option-group-name:focus{background:#fff;border-color:var(--pr)}.option-group-type{border:1.5px solid #C8BAEE;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;background:#fff;color:var(--pr);outline:none;font-family:inherit;cursor:pointer;width:auto}.option-group-btns{display:flex;gap:2px;margin-left:auto}.btn-icon{width:28px;height:28px;border-radius:7px;border:none;background:none;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:all .1s;font-family:inherit}.btn-icon:hover{background:#fff;color:var(--text)}.btn-icon.btn-danger:hover{background:var(--red-bg);color:var(--red)}.btn-icon:disabled{opacity:.3;cursor:default}.option-items{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 4px;min-height:36px}.option-tag{display:inline-flex;align-items:center;gap:5px;background:#f4f2fb;border:1.5px solid var(--border);font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;color:var(--text)}.option-tag em{color:var(--or);font-style:normal;font-weight:700;font-size:11px}.option-tag button{background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0;transition:color .1s}.option-tag button:hover{color:var(--red)}.option-add-row{display:flex;gap:6px;align-items:center;padding:6px 12px 10px}.option-add-input{flex:1;font-size:13px;border:1.5px solid var(--border);border-radius:9px;padding:6px 10px;outline:none;font-family:inherit;background:#fff;color:var(--text);transition:border .12s;width:auto;display:block}.option-add-input:focus{border-color:var(--pr);box-shadow:0 0 0 3px #5a00d614}.option-add-input.price-input{width:90px;flex-shrink:0;flex:none}.btn-add-item{width:30px;height:30px;border-radius:8px;border:none;background:var(--pr);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.btn-add-item:hover{background:var(--pr2)}.modal-wide-footer{padding:16px 24px;border-top:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fafbff}.modal-wide-footer-hint{font-size:12px;color:var(--muted)}.modal-wide-footer-actions{display:flex;gap:10px}.btn-cancel{border:1.5px solid var(--border);background:#fff;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;transition:all .12s}.btn-cancel:hover{border-color:#c8baee;background:var(--pr-muted)}.store-hero{display:flex;align-items:center;gap:14px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}.store-hero .sh-name{font-size:18px;font-weight:800;letter-spacing:-.3px}.store-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.store-status.open{background:var(--green-bg);color:var(--green)}.store-status.closed{background:var(--red-bg);color:var(--red)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:26px}.dash-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:14px}.dash-ico{width:68px;height:68px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;overflow:hidden}.dash-ico.pr{background:var(--pr-muted);color:var(--pr)}.dash-ico.or{background:var(--or-light);color:var(--or)}.dash-ico.green{background:var(--green-bg);color:var(--green)}.dash-ico.red{background:var(--red-bg);color:var(--red)}.dash-meta .dash-label{font-size:12px;color:var(--muted);margin-bottom:2px}.dash-meta .dash-value{font-size:22px;font-weight:800;letter-spacing:-.5px}.dash-section h3{font-size:15px;font-weight:800}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px}.recent-thumb{width:46px;height:46px;border-radius:10px;background:var(--pr-muted);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#c8baee;font-size:24px}.recent-thumb img{width:100%;height:100%;object-fit:cover}.recent-name{font-weight:700;font-size:14px}.recent-sub{font-size:12px;color:var(--muted)}.recent-price{margin-left:auto;font-weight:800;color:var(--pr)}.dash-empty{text-align:center;padding:32px 16px;color:var(--muted);border:1.5px dashed var(--border);border-radius:14px;background:var(--card)}.dash-empty i{font-size:34px;color:#c8baee;display:block;margin-bottom:8px}.dash-empty p{margin-bottom:12px;font-size:13px}.dash-empty .btn-primary{display:inline-flex}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.search-box{position:relative;flex:1;min-width:200px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px}.search-box input{width:100%;border:1.5px solid var(--border);border-radius:11px;padding:9px 12px 9px 36px;font-size:14px;font-family:inherit;outline:none;background:#fff;color:var(--text)}.search-box input:focus{border-color:var(--pr);box-shadow:0 0 0 3px #5a00d614}.sort-select{border:1.5px solid var(--border);border-radius:11px;padding:9px 12px;font-size:13px;font-weight:600;font-family:inherit;background:#fff;color:var(--text);outline:none;cursor:pointer}.sort-select:focus{border-color:var(--pr)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{border:1.5px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s}.chip:hover{border-color:#c8baee;color:var(--pr)}.chip.active{background:var(--pr);border-color:var(--pr);color:#fff}.result-count{font-size:12px;color:var(--muted);margin-bottom:12px}.sidebar{position:fixed;top:0;left:0;bottom:0;transition:none;min-width:64px;max-width:400px}.sidebar-resize-handle{position:absolute;top:0;right:0;bottom:0;width:5px;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle.dragging{background:var(--pr);opacity:.25}.sidebar-lock-btn{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 1px 6px #3c14781f;transition:all .15s;opacity:0;pointer-events:none}.sidebar-resize-handle:hover .sidebar-lock-btn,.sidebar-resize-handle.dragging .sidebar-lock-btn{opacity:1;pointer-events:auto}.sidebar-lock-btn.locked{opacity:1;pointer-events:auto;color:var(--pr);border-color:var(--pr);background:var(--pr-muted)}.sidebar-lock-btn:hover{border-color:var(--pr);color:var(--pr)}.modal-3col{width:100%;max-width:1100px;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #280a6433;margin:auto}.modal-3col-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.modal-col-left,.modal-col-mid{border-right:1.5px solid var(--border)}.modal-col-right{background:#fafbff;border-left:none}@media (max-width: 900px){.modal-3col-body{grid-template-columns:1fr}.modal-col-left,.modal-col-mid{border-right:none;border-bottom:1.5px solid var(--border)}.modal-3col{border-radius:16px}}.store-hero-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--pr-muted);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--pr)}.layout{display:flex;flex-direction:column;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1.5px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{font-weight:800;font-size:24px;color:var(--pr);letter-spacing:-.5px;padding:0;overflow:hidden;border-radius:0;display:flex;justify-content:center}.side-logo{width:180px;height:180px;display:block;object-fit:cover;border-radius:50%;margin:0 auto 12px}.side-brand span{color:var(--or)}.side-store{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--pr);background:var(--pr-muted);border-radius:10px;padding:8px 10px;margin:14px 0 18px}.side-store i{font-size:15px;flex-shrink:0}.side-store span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);padding:11px 12px;border-radius:11px;cursor:pointer;transition:all .14s}.side-nav button i{font-size:18px}.side-nav button.active{background:var(--or);color:#fff}.side-nav button:hover:not(.active){background:#ffffff1f;color:#fff}.sidebar-footer{margin-top:auto}.side-logout{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1.5px solid var(--border);border-radius:11px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s}.side-logout i{font-size:16px}.side-logout:hover{border-color:#fca5a5;background:var(--red-bg);color:var(--red)}.main-area{flex:1;min-width:0;padding:28px 30px 60px;max-width:1200px;width:100%;margin:0 auto}.main-area.full-bleed{max-width:none;margin:0;padding:0}@media (max-width:760px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;border-right:none;border-bottom:1.5px solid var(--border);padding:12px 14px}.side-store{margin:0}.side-nav{flex-direction:row;flex:1;gap:4px;overflow-x:auto}.side-nav button{padding:8px 12px}.side-nav button i{font-size:16px}.sidebar-footer{margin-top:0;margin-left:auto}.side-logout{padding:8px 12px}.main-area{padding:18px 16px 60px}}.top-banner{position:fixed;top:0;left:0;right:0;height:80px;background:var(--pr);z-index:100;box-shadow:0 2px 12px #5a00d62e;overflow:hidden}.top-banner-logo{display:flex;align-items:center;gap:4px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.5px}.top-banner-hopp{color:#fff}.top-banner-kapinda{color:var(--or)}.layout{padding-top:80px}.sidebar{top:80px}.top-banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.top-banner{border-bottom:none}.sidebar{border-top:none}.subnav{position:sticky;top:80px;z-index:90;background:#5a00d6;display:flex;align-items:center;justify-content:center;padding:0 16px;height:48px;gap:2px;box-shadow:0 2px 8px #3c00b426;overflow-x:auto;scrollbar-width:none}.subnav button{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:13px;font-weight:600;color:#ffffffbf;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .14s}.subnav-logout{margin-left:auto;border:1.5px solid rgba(255,255,255,.25)!important;border-radius:8px!important}.subnav-logout:hover{border-color:#fff9!important}.subnav-wrap{position:sticky;top:80px;z-index:90;background:#5a00d6;display:flex;align-items:center;height:48px;box-shadow:0 2px 8px #3c00b426;padding:0 16px}.subnav-wrap .subnav-logout{position:absolute;right:16px}.subnav{flex:1;display:flex;align-items:center;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none;background:transparent;position:static;height:auto;box-shadow:none;padding:0}.subnav-toggle{display:flex;align-items:center;gap:5px;border:1.5px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .14s}.subnav-toggle i{font-size:15px}.subnav-toggle.open{background:#dcfce726;color:#86efac;border-color:#86efac}.subnav-toggle.open:hover{background:var(--red-bg);color:var(--red);border-color:var(--red)}.subnav-toggle.closed{background:#fee2e226;color:#fca5a5;border-color:#fca5a5}.subnav-toggle.closed:hover{background:var(--green-bg);color:var(--green);border-color:var(--green)}.subnav-logout{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid rgba(255,255,255,.25)!important;border-radius:8px!important;background:none;color:#ffffffbf;cursor:pointer;font-size:16px;transition:all .14s;flex-shrink:0}.subnav-logout:hover{border-color:#fff9!important;color:#fff;background:#ffffff1a}.subnav-wrap{position:sticky;top:80px;z-index:90;background:#4a00b8;display:flex;align-items:center;height:60px;box-shadow:0 2px 8px #3c00b426;padding:0 16px;gap:8px}.subnav-left{display:none}.subnav{display:flex;align-items:center;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav button{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:15px;font-weight:600;color:#ffffffbf;padding:9px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .14s}.subnav button i{font-size:15px}.subnav button:hover:not(.active){background:#ffffff1f;color:#fff}.subnav button.active{background:var(--or);color:#fff}.subnav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.subnav-toggle{display:flex;align-items:center;gap:7px;border:none;border-radius:10px;padding:6px 12px 6px 8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.subnav-toggle-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.subnav-toggle-label{font-size:12px;font-weight:700}.subnav-toggle i{font-size:20px;flex-shrink:0}.subnav-toggle.open{background:#16a34a33;color:#4ade80}.subnav-toggle.open .subnav-toggle-dot{background:#4ade80;box-shadow:0 0 6px #4ade80}.subnav-toggle.open i{color:#4ade80}.subnav-toggle.open:hover{background:#dc262633;color:#f87171}.subnav-toggle.open:hover .subnav-toggle-dot{background:#f87171;box-shadow:0 0 6px #f87171}.subnav-toggle.open:hover i{color:#f87171}.subnav-toggle.closed{background:#dc262633;color:#f87171}.subnav-toggle.closed .subnav-toggle-dot{background:#f87171;box-shadow:0 0 6px #f87171}.subnav-toggle.closed i{color:#f87171}.subnav-toggle.closed:hover{background:#16a34a33;color:#4ade80}.subnav-toggle.closed:hover .subnav-toggle-dot{background:#4ade80;box-shadow:0 0 6px #4ade80}.subnav-toggle.closed:hover i{color:#4ade80}.subnav-logout{display:flex;align-items:center;gap:5px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);border-radius:8px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;color:#ffffffbf;cursor:pointer;transition:all .14s;white-space:nowrap}.subnav-logout i{font-size:15px}.subnav-logout:hover{background:#dc262633;border-color:#f87171;color:#f87171}.store-toggle-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:transparent;padding:12px 16px 4px;pointer-events:none}.store-toggle-bar button{pointer-events:auto}.store-toggle-pill{display:flex;align-items:center;gap:9px;border-radius:50px;padding:7px 18px 7px 13px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.store-toggle-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .2s}.store-toggle-pill i{font-size:22px;flex-shrink:0;transition:all .2s}.store-toggle-pill.open{background:#16a34a26;border:2px solid #4ade80;color:#4ade80;box-shadow:0 2px 12px #4ade8033}.store-toggle-pill.open .store-toggle-dot{background:#4ade80;box-shadow:0 0 7px #4ade80}.store-toggle-pill.open i{color:#4ade80}.store-toggle-pill.open:hover{background:#dc262626;border-color:#f87171;color:#f87171;box-shadow:0 2px 12px #f8717133}.store-toggle-pill.open:hover .store-toggle-dot{background:#f87171;box-shadow:0 0 7px #f87171}.store-toggle-pill.open:hover i{color:#f87171}.store-toggle-pill.closed{background:#dc262626;border:2px solid #f87171;color:#f87171;box-shadow:0 2px 12px #f8717133}.store-toggle-pill.closed .store-toggle-dot{background:#f87171;box-shadow:0 0 7px #f87171}.store-toggle-pill.closed i{color:#f87171}.store-toggle-pill.closed:hover{background:#16a34a26;border-color:#4ade80;color:#4ade80;box-shadow:0 2px 12px #4ade8033}.store-toggle-pill.closed:hover .store-toggle-dot{background:#4ade80;box-shadow:0 0 7px #4ade80}.store-toggle-pill.closed:hover i{color:#4ade80}.store-logout-pill{display:flex;align-items:center;gap:6px;background:#dc2626;border:2px solid #dc2626;border-radius:50px;padding:7px 16px 7px 12px;font-family:inherit;font-size:13px;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s;pointer-events:auto}.store-logout-pill:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.store-logout-pill i{font-size:16px}.store-logout-pill:hover{background:#dc262633;border-color:#f87171;color:#f87171}.banner-logo{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.35);box-shadow:0 2px 8px #0000004d;z-index:101}