:root{--ink: #2b2f3c;--ink-2: #474d5e;--paper: #f2f4fb;--surface: #ffffff;--surface-2: #f5f6fb;--line: #e7e9f3;--muted: #8d93a5;--primary: #6f86fb;--primary-2: #5b6ff0;--violet: #a28bf9;--grad: linear-gradient(120deg, #7b9bff 0%, #a28bf9 100%);--grad-hover: linear-gradient(120deg, #6a8cfb 0%, #9478f6 100%);--primary-soft: #e9edff;--primary-soft-2: #dde3ff;--accent: #f4b63f;--accent-soft: #fff5db;--danger: #f36b6b;--danger-soft: #ffeded;--success: #21b989;--success-soft: #eafaf3;--radius: 22px;--radius-sm: 14px;--shadow: 0 2px 6px rgba(96, 108, 170, .04), 0 8px 26px rgba(96, 108, 170, .07);--shadow-lg: 0 24px 60px rgba(60, 68, 120, .2);--shadow-btn: 0 8px 20px rgba(122, 134, 250, .35);--header-h: 64px;--bs-body-font-family: Vazirmatn, Tahoma, sans-serif;--bs-body-bg: var(--paper);--bs-body-color: var(--ink);--bs-primary: var(--primary);--bs-primary-rgb: 111, 134, 251;--bs-link-color: var(--primary-2);--bs-link-color-rgb: 91, 111, 240;--bs-link-hover-color: var(--primary);--bs-border-color: var(--line);--bs-border-radius: 14px;--bs-border-radius-lg: 18px;--bs-secondary-color: var(--muted)}html,body{background:var(--paper)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root:empty:before{border-color:var(--primary-soft-2)!important;border-top-color:var(--primary)!important}.min-w-0{min-width:0}.text-start-auto{text-align:right}.print-only{display:none}::selection{background:var(--primary-soft-2)}.btn{font-weight:700;border-radius:var(--radius-sm)}.btn-primary{--bs-btn-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-active-color: #fff;--bs-btn-disabled-color: #fff;--bs-btn-bg: var(--primary);--bs-btn-border-color: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-active-border-color: transparent;--bs-btn-disabled-border-color: transparent;--bs-btn-disabled-bg: var(--primary);background-image:var(--grad);box-shadow:var(--shadow-btn)}.btn-primary:hover,.btn-primary:active,.btn-primary:focus-visible{background-image:var(--grad-hover)}.btn-primary:disabled{opacity:.6;box-shadow:none}.btn-outline-primary{--bs-btn-color: var(--primary-2);--bs-btn-border-color: var(--primary-soft-2);--bs-btn-hover-color: var(--primary-2);--bs-btn-hover-bg: var(--primary-soft);--bs-btn-hover-border-color: var(--primary-soft-2);--bs-btn-active-color: var(--primary-2);--bs-btn-active-bg: var(--primary-soft-2);--bs-btn-active-border-color: var(--primary-soft-2);background:#fff}.btn-light{--bs-btn-bg: var(--surface-2);--bs-btn-border-color: var(--surface-2);--bs-btn-hover-bg: #eceef7;--bs-btn-hover-border-color: #eceef7;--bs-btn-color: var(--ink)}.btn-dark{--bs-btn-bg: var(--ink);--bs-btn-border-color: var(--ink)}.btn-danger{--bs-btn-bg: var(--danger);--bs-btn-border-color: var(--danger);--bs-btn-hover-bg: #e25858;--bs-btn-hover-border-color: #e25858}.btn-outline-danger{--bs-btn-color: var(--danger);--bs-btn-border-color: #ffd0d0;--bs-btn-hover-bg: var(--danger-soft);--bs-btn-hover-color: var(--danger);--bs-btn-hover-border-color: #ffd0d0}.btn-soft{background:var(--primary-soft);color:var(--primary-2);border:0}.btn-soft:hover{background:var(--primary-soft-2);color:var(--primary-2)}.btn-icon{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border-radius:12px;color:#6b7286;background:transparent;border:0;font-size:1.15rem}.btn-icon:hover,.btn-icon.active{background:var(--surface-2);color:var(--primary-2)}.btn-icon.btn-sm{width:32px;height:32px;font-size:1rem}.form-control,.form-select{border-color:var(--line);border-radius:var(--radius-sm);background-color:#fff}.form-control::placeholder{color:#a9aebd}.form-control:focus,.form-select:focus{border-color:#b8c4ff;box-shadow:0 0 0 .22rem #6f86fb26}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-input:focus{box-shadow:0 0 0 .2rem #6f86fb2e;border-color:#b8c4ff}.form-switch .form-check-input{width:2.7em;height:1.45em;cursor:pointer}.form-label{font-weight:700;font-size:.9rem;color:var(--ink-2)}.input-group-text{background:var(--surface-2);border-color:var(--line);color:var(--muted);font-size:.85rem}.modal-content{border:0;border-radius:28px;box-shadow:var(--shadow-lg)}.modal-header{border-bottom:0;padding:22px 24px 8px}.modal-body{padding:16px 24px}.modal-footer{border-top:0;padding:8px 24px 22px}.modal-title{font-weight:800;font-size:1.12rem}.modal-backdrop.show{opacity:.4;background:#3a3f5a}.modal.show .modal-dialog{animation:pop .2s ease-out}@keyframes pop{0%{transform:translateY(16px) scale(.98);opacity:0}}.badge{font-weight:700;border-radius:8px}.text-bg-primary{background:var(--grad)!important;color:#fff!important}.text-bg-warning{background:var(--accent-soft)!important;color:#b07a10!important}.text-bg-success{background:var(--success-soft)!important;color:var(--success)!important}.alert{border-radius:var(--radius-sm);border:0}.alert-danger{background:var(--danger-soft);color:#c44747}.alert-warning{background:var(--accent-soft);color:#9a6a0a}.alert-info{background:var(--primary-soft);color:var(--primary-2)}.alert-success{background:var(--success-soft);color:#158a65}a{text-decoration:none}.input-icon{position:relative}.input-icon>.bi:first-child{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9aa0b2;pointer-events:none;z-index:2;font-size:1.1rem}.input-icon>.form-control{padding-right:46px}.input-icon-end{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);padding:6px 8px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand-mark{display:inline-block;border-radius:11px;background:var(--grad);box-shadow:0 6px 16px #7a86fa59;line-height:0}.brand-mark svg{width:36px;height:36px;display:block;color:#fff}.brand-mark rect{fill:transparent}.brand-mark path:last-child{fill:#7a86fa99}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text b{font-size:1.1rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text small{font-size:.72rem;color:var(--muted);font-weight:600}.brand-lg .brand-mark{border-radius:16px}.brand-lg .brand-mark svg{width:56px;height:56px}.brand-lg .brand-text b{font-size:1.7rem}.brand-lg .brand-text small{font-size:.88rem}.brand-sm .brand-mark svg{width:32px;height:32px}.brand-light .brand-text b{background:none;color:var(--ink)}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;background:radial-gradient(700px 420px at 90% -5%,#dfe5ff,transparent 70%),radial-gradient(600px 400px at 0% 105%,#ece4ff,transparent 70%),var(--paper)}.login-art{position:absolute;inset:auto 0 0;height:32vh;pointer-events:none;opacity:.7}.login-art svg{width:100%;height:100%}.login-art path{fill:#e3e7fb}.login-art path.snow{fill:#fff}.login-card{position:relative;width:100%;max-width:410px;background:var(--surface);border-radius:30px;padding:36px 28px;box-shadow:var(--shadow-lg)}.login-card .btn-primary.btn-lg{padding:14px;border-radius:18px}.toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px);pointer-events:none}.app-toast{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);padding:14px 18px;border-radius:18px;box-shadow:var(--shadow-lg);font-size:.93rem;font-weight:600;animation:pop .2s ease-out;border-right:4px solid var(--success)}.app-toast .bi{font-size:1.25rem;color:var(--success)}.app-toast-error{border-right-color:var(--danger)}.app-toast-error .bi{color:var(--danger)}.app-toast-info{border-right-color:var(--primary)}.app-toast-info .bi{color:var(--primary)}.empty-state{text-align:center;padding:52px 16px;color:var(--ink-2)}.empty-state>.bi{font-size:2.4rem;color:var(--primary);background:var(--primary-soft);width:84px;height:84px;border-radius:26px;display:inline-grid;place-items:center;margin-bottom:14px}.panel{background:var(--surface);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-size:1.02rem;font-weight:800;margin:0}.avatar{width:40px;height:40px;border-radius:13px;background:var(--primary-soft);color:var(--primary-2);display:inline-grid;place-items:center;font-weight:900;flex-shrink:0}.avatar-lg{width:50px;height:50px;font-size:1.25rem;border-radius:16px}.chip{display:inline-block;background:var(--primary-soft);color:var(--primary-2);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:99px}.row-muted{opacity:.55}.section-label{font-size:.82rem;font-weight:800;color:var(--muted);margin:6px 4px 10px}.admin-shell{min-height:100vh}.admin-side{position:fixed;top:0;bottom:0;right:0;width:264px;background:#fff;color:var(--ink);display:flex;flex-direction:column;padding:22px 16px;z-index:1040;transition:transform .25s ease;box-shadow:-2px 0 30px #606caa0f}.side-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 26px}.side-brand .btn-link{color:var(--muted)!important}.side-nav{display:flex;flex-direction:column;gap:6px;flex-grow:1}.side-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;color:#6b7286;font-weight:700;transition:background .15s,color .15s}.side-link .bi{font-size:1.2rem}.side-link:hover{background:var(--surface-2);color:var(--primary-2)}.side-link.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.side-foot{border-top:1px solid var(--line);padding-top:16px}.side-user{display:flex;gap:10px;align-items:center}.side-user .opacity-75{color:var(--muted);opacity:1!important}.btn-side{background:var(--surface-2);color:var(--ink-2);border:0}.btn-side:hover{background:var(--primary-soft);color:var(--primary-2)}.side-backdrop{position:fixed;inset:0;background:#3a3f5a66;z-index:1035}.admin-main{margin-right:264px;min-height:100vh}.admin-top{position:sticky;top:0;z-index:1020;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffffeb;backdrop-filter:blur(12px);box-shadow:0 2px 16px #606caa0f}.admin-top .btn-light{width:44px;height:44px;border-radius:14px}.admin-content{padding:30px 34px 60px;max-width:1280px}@media(max-width:991.98px){.admin-side{transform:translate(105%)}.admin-side.open{transform:none;box-shadow:var(--shadow-lg)}.admin-main{margin-right:0}.admin-content{padding:20px 14px 60px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:900;margin:0 0 4px}.page-actions{display:flex;gap:8px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filter-bar .form-control,.filter-bar .form-select{border:0;box-shadow:var(--shadow);height:48px;border-radius:16px}.filter-bar .form-select{width:auto;min-width:160px;flex:0 1 auto}@media(max-width:575.98px){.filter-bar .form-select{flex:1 1 40%}}.stat-card{display:block;background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);color:var(--ink);position:relative;overflow:hidden;transition:transform .15s;height:100%}.stat-card:hover{transform:translateY(-3px);color:var(--ink)}.stat-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}.stat-label{font-size:.83rem;color:var(--muted);font-weight:700}.stat-value{font-size:1.8rem;font-weight:900;line-height:1.3}.stat-sub{font-size:.78rem;color:var(--muted)}.tone-amber .stat-icon{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.tone-teal .stat-icon{background:var(--success-soft);color:var(--success)}.tone-indigo .stat-icon{background:var(--primary-soft);color:var(--primary-2)}.tone-rose .stat-icon{background:var(--danger-soft);color:var(--danger)}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:220px;padding-top:10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;color:var(--ink);gap:6px}.bar{width:100%;max-width:42px;min-height:6px;border-radius:12px;background:var(--primary-soft-2);transition:height .4s}.bar-col:hover .bar{background:#c9d2ff}.bar-col:last-child .bar{background:var(--grad);box-shadow:var(--shadow-btn)}.bar-val{font-size:.82rem;font-weight:800}.bar-label{font-size:.72rem;color:var(--muted);text-align:center;line-height:1.3;display:flex;flex-direction:column}.bar-label small{font-size:.65rem}.rank-list li a{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line);color:var(--ink)}.rank{width:28px;height:28px;border-radius:10px;background:var(--primary-soft);color:var(--primary-2);display:grid;place-items:center;font-size:.8rem;font-weight:800}.table-app{--bs-table-bg: transparent}.table-app thead th{font-size:.78rem;color:var(--muted);font-weight:800;background:var(--surface-2);border-bottom:0;padding:14px 18px;white-space:nowrap}.table-app td{padding:14px 18px;border-color:var(--line)}.prio{display:inline-grid;place-items:center;min-width:34px;height:30px;border-radius:10px;background:var(--primary-soft);color:var(--primary-2);font-weight:800;font-size:.85rem}.product-rows{display:flex;flex-direction:column;gap:12px}.product-row{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--radius);padding:12px 16px 12px 12px;box-shadow:var(--shadow)}.pr-thumb{width:68px;height:68px;border-radius:16px;object-fit:cover;flex-shrink:0;font-size:1.3rem}.pr-main{flex:1;min-width:0;cursor:pointer}.pr-cats{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pr-price{text-align:left;white-space:nowrap}.pr-price .fw-bold{color:var(--primary-2);font-weight:900!important}.pr-actions{display:flex;align-items:center;gap:2px}@media(max-width:767.98px){.product-row{flex-wrap:wrap}.pr-main{flex-basis:calc(100% - 84px)}.pr-price{flex:1;text-align:right;padding-right:82px}}.img-placeholder{display:grid;place-items:center;background:linear-gradient(160deg,#f8f8fb,#ececf2);color:#c3c7d4}.sticky-side{position:sticky;top:20px}.image-drop{aspect-ratio:1 / 1;border:2px dashed #d5dbf7;border-radius:20px;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:linear-gradient(160deg,#f8f9ff,#eef0fa)}.image-drop:hover{border-color:var(--primary)}.image-drop img{width:100%;height:100%;object-fit:cover}.image-drop .bi{color:var(--primary)}.cat-picks{display:flex;flex-wrap:wrap;gap:8px}.cat-pick{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:.86rem;display:inline-flex;gap:6px;align-items:center;color:var(--ink-2);font-weight:600}.cat-pick.on{background:var(--primary-soft);border-color:#b8c4ff;color:var(--primary-2)}.cat-pick.inactive{opacity:.55}.rich-editor{border:1.5px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.rich-editor:focus-within{border-color:#b8c4ff;box-shadow:0 0 0 .22rem #6f86fb1f}.re-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:8px;background:var(--surface-2);border-bottom:1px solid var(--line);position:sticky;top:0}.re-btn{min-width:34px;height:34px;border:0;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:var(--ink-2);font-size:.95rem;padding:0 6px;cursor:pointer;position:relative}.re-btn:hover{background:#fff;color:var(--primary-2);box-shadow:var(--shadow)}.re-btn small{font-size:.62rem;font-weight:800}.re-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.re-select{height:34px;border:0;background:transparent;border-radius:10px;font-size:.82rem;color:var(--ink-2);padding:0 4px;cursor:pointer;font-family:inherit}.re-select:hover{background:#fff}.re-sep{width:1px;background:var(--line);margin:5px 4px}.re-content{padding:16px 18px;outline:none;line-height:1.95;max-height:520px;overflow-y:auto}.re-content:empty:before{content:attr(data-placeholder);color:#a9aebd}.re-content p,.rich-view p{margin:0 0 .5em}.rich-view{line-height:2;overflow-wrap:anywhere;color:var(--ink-2)}.rich-view h3,.rich-view h4{font-weight:800;margin:.6em 0 .3em;color:var(--ink)}.rich-view blockquote,.re-content blockquote{border-right:3px solid var(--primary);padding-right:12px;color:var(--ink-2);margin:.5em 0}.rich-view ul,.rich-view ol{padding-right:1.4em}.rich-view font[size="5"],.re-content font[size="5"]{font-size:1.3em}.person-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px;height:100%}.person-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-radius:16px;padding:12px 6px;text-align:center}.person-stats b{display:block;font-size:1rem;font-weight:900}.person-stats span{font-size:.72rem;color:var(--muted)}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.summary-strip>div{background:var(--surface);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow)}.summary-strip>div:nth-child(2) b{color:var(--primary-2)}.summary-strip span{display:block;font-size:.76rem;color:var(--muted);font-weight:700}.summary-strip b{font-size:1.12rem;font-weight:900}.seg{background:#fff;border-radius:16px;padding:5px;display:inline-flex;gap:4px;box-shadow:var(--shadow)}.seg .nav-link{border-radius:12px;color:var(--muted);font-weight:700;padding:7px 18px}.seg .nav-link.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px}.order-list .order-card{margin-bottom:0}.order-card.is-queued{border:2px dashed #f3cf86;background:#fffdf6}.order-head{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}.order-head .text-start .fw-bold{color:var(--primary-2);font-weight:900!important}.order-num{background:var(--primary-soft);color:var(--primary-2);font-weight:900;border-radius:12px;padding:7px 11px;font-size:.85rem}.chev{color:var(--muted)}.order-body{border-top:1px solid var(--line);padding:8px 18px 16px}.table-items{--bs-table-bg: transparent}.table-items th{font-size:.75rem;color:var(--muted);font-weight:800;border-bottom-color:var(--line)}.table-items td{vertical-align:top;border-color:var(--line)}.item-note{font-size:.8rem;color:#9a6a0a;background:var(--accent-soft);border-radius:10px;padding:4px 10px;margin-top:4px;display:inline-block}.order-note{background:var(--primary-soft);color:var(--ink-2);border-radius:14px;padding:10px 14px;font-size:.88rem;margin-top:10px}.order-actions{display:flex;gap:8px;padding:0 18px 16px}.order-actions .btn-soft{flex:1}.order-actions .btn-light.text-danger{background:var(--danger-soft);border-color:var(--danger-soft)}.jdp{position:relative}.jdp-field{display:flex;align-items:stretch;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);height:48px}.jdp-step{border-radius:0;border:0;padding:0 14px;background:#fff;color:var(--primary-2)}.jdp-step:hover{background:var(--primary-soft)}.jdp-display{background:#fff;border:0;border-radius:0;font-weight:800;padding:8px 14px;white-space:nowrap;color:var(--ink)}.jdp-display .bi{color:var(--primary)}.jdp-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:1050;background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);padding:16px;width:310px;animation:pop .15s ease-out}.jdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.jdp-head .btn-light{border-radius:12px;width:36px;height:36px;padding:0;color:var(--primary-2)}.jdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.jdp-wd{text-align:center;font-size:.75rem;color:var(--muted);padding:4px 0;font-weight:800}.jdp-day{aspect-ratio:1;border:0;background:none;border-radius:12px;font-size:.9rem;font-weight:600;color:var(--ink)}.jdp-day:hover:not(:disabled){background:var(--primary-soft)}.jdp-day.is-friday{color:var(--danger)}.jdp-day.is-today{box-shadow:inset 0 0 0 2px var(--primary-soft-2)}.jdp-day.is-selected{background:var(--grad);color:#fff;font-weight:800;box-shadow:var(--shadow-btn)}.jdp-day:disabled{opacity:.3}.m-shell{min-height:100vh;min-height:100dvh}.m-header{position:sticky;top:0;z-index:1030;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 8px;background:#fff;box-shadow:0 2px 18px #606caa12}.btn-today{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary-2);border:0;border-radius:14px;padding:8px 14px;font-size:.9rem;font-weight:800}.btn-today .bi{font-size:1.1rem}.btn-today:hover,.btn-today.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.btn-today .count{position:absolute;top:-7px;left:-7px;background:var(--danger);color:#fff;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;border:2px solid #fff}.net-pill{display:inline-flex;gap:4px;align-items:center;font-size:.8rem;font-weight:800;padding:5px 10px;border-radius:99px}.net-pill.is-offline{background:var(--danger-soft);color:var(--danger)}.net-pill.is-pending{background:var(--accent-soft);color:#b07a10}.m-menu{left:0;right:auto;top:48px;min-width:220px;border:0;border-radius:20px;box-shadow:var(--shadow-lg);padding:8px}.m-menu .dropdown-item{border-radius:12px;padding:10px 12px;font-weight:600}.m-menu .dropdown-item:hover{background:var(--surface-2)}.m-home,.m-page{padding:18px 16px 40px;max-width:640px;margin:0 auto}.hello{background:#fff;color:var(--ink);border-radius:var(--radius);padding:22px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hello:after{content:"";position:absolute;left:-20px;bottom:-30px;width:170px;height:110px;background:var(--grad);clip-path:polygon(0 100%,40% 20%,60% 55%,78% 0,100% 100%);opacity:.16}.hello .opacity-75{color:var(--muted);opacity:1!important}.hello h1{font-size:1.45rem;font-weight:900;margin:6px 0}.start-btn{width:100%;display:flex;align-items:center;gap:16px;text-align:right;border:0;background:var(--grad);color:#fff;border-radius:26px;padding:20px 22px;margin-bottom:14px;box-shadow:0 16px 34px #7a86fa66;transition:transform .12s}.start-btn:active{transform:scale(.98)}.start-btn b{display:block;font-size:1.3rem;font-weight:900}.start-btn small{opacity:.85}.start-ring{width:60px;height:60px;border-radius:20px;background:#fff;color:var(--primary-2);display:grid;place-items:center;font-size:1.9rem;box-shadow:0 0 0 7px #fff3;flex-shrink:0}.resume-card{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:2px dashed #f3cf86;border-radius:20px;padding:14px 16px;margin-bottom:14px;text-align:right;color:var(--ink)}.resume-card>.bi:first-child{font-size:1.3rem;color:#c48a14;background:var(--accent-soft);width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.mini-stats>div{background:var(--surface);border-radius:20px;padding:14px 8px;text-align:center;box-shadow:var(--shadow)}.mini-stats b{display:block;font-size:1.02rem;font-weight:900;white-space:nowrap}.mini-stats>div:nth-child(2) b{color:var(--primary-2)}.mini-stats span{font-size:.72rem;color:var(--muted);font-weight:600}.m-home>.btn-soft{border-radius:20px}.mini-line{display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);z-index:10;overflow:hidden;padding:6px}.suggest button{display:flex;justify-content:space-between;width:100%;border:0;background:#fff;padding:11px 14px;border-radius:12px}.suggest button:hover{background:var(--primary-soft)}.catalog{padding-bottom:116px}.cat-sticky{position:sticky;top:var(--header-h);z-index:1020;background:#f2f4fbf2;backdrop-filter:blur(14px)}.order-bar{display:flex;align-items:center;gap:6px;padding:12px 12px 6px;max-width:1100px;margin:0 auto}.order-bar>.btn-icon{background:#fff;box-shadow:var(--shadow)}.order-bar>.btn-icon:first-child{color:var(--danger)}.cust-chip{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:0;border-radius:18px;padding:8px 14px;text-align:right;box-shadow:var(--shadow)}.cust-chip>.bi:first-child{color:var(--primary-2);background:var(--primary-soft);width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.cust-chip span{display:flex;flex-direction:column;line-height:1.3;font-weight:800;font-size:.93rem;flex:1;min-width:0}.cust-chip small{font-weight:500;color:var(--muted);font-size:.75rem;text-align:right}.cat-sticky>.px-3 .form-control{border:0;box-shadow:var(--shadow);border-radius:18px;height:48px}.chips-wrap{display:flex;align-items:center;max-width:1100px;margin:0 auto}.chips{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:8px 12px 14px;scrollbar-width:none;flex:1;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chips-arrow{width:36px;height:36px;border:0;background:#fff;border-radius:12px;box-shadow:var(--shadow);align-items:center;justify-content:center;flex-shrink:0;margin:0 4px 6px;color:var(--primary-2)}.chip-cat{flex-shrink:0;border:0;background:#fff;border-radius:18px;padding:11px 20px;font-weight:800;font-size:.92rem;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;transition:all .15s;box-shadow:var(--shadow)}.chip-cat.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.chip-count{background:var(--danger);color:#fff;border-radius:99px;min-width:21px;height:21px;padding:0 5px;display:inline-grid;place-items:center;font-size:.72rem;font-weight:800}.chip-cat.active .chip-count{background:#fff;color:var(--primary-2)}.sections{max-width:1100px;margin:0 auto;padding:4px 12px}.cat-section{padding-top:16px}.cat-title{font-size:1.15rem;font-weight:900;margin:4px 6px 14px;display:flex;align-items:baseline;gap:8px}.cat-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad);align-self:center;box-shadow:0 0 0 4px var(--primary-soft)}.cat-title small{font-size:.75rem;color:var(--muted);font-weight:600}.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:768px){.p-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:1100px){.p-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.p-card{background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;padding:10px;border:2px solid transparent}.p-card.in-cart{border-color:#c5cfff;box-shadow:0 10px 28px #7a86fa2e}.p-img{position:relative;aspect-ratio:1 / 1;border:0;padding:0;background:linear-gradient(160deg,#f8f8fb,#ececf2);display:block;width:100%;overflow:hidden;border-radius:18px}.p-img img,.p-img .img-placeholder{width:100%;height:100%;object-fit:cover;display:grid;font-size:2rem}.p-off{position:absolute;top:8px;right:8px;background:var(--danger);color:#fff;font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:10px}.p-incart{position:absolute;bottom:8px;left:8px;background:var(--grad);color:#fff;font-size:.8rem;font-weight:800;padding:4px 11px;border-radius:10px;box-shadow:var(--shadow-btn)}.p-body{padding:12px 4px 2px;display:flex;flex-direction:column;gap:9px;flex:1}.p-title{font-size:.95rem;font-weight:800;margin:0;line-height:1.55;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}.p-prices{margin-top:auto}.p-sale{font-size:1.08rem;font-weight:900;color:var(--primary-2)}.p-sale small{font-size:.68rem;font-weight:600;color:var(--muted)}.p-cover{font-size:.75rem;color:var(--muted)}.p-cover span{text-decoration:line-through;text-decoration-color:#f36b6bb3}.p-detail-btn{border:0;background:var(--surface-2);color:var(--ink-2);border-radius:12px;font-size:.8rem;padding:7px;font-weight:700}.p-detail-btn:hover{background:var(--primary-soft);color:var(--primary-2)}.qty-add{padding:8px 10px;font-size:.92rem;border-radius:14px}.qty-control{display:inline-flex;align-items:center;justify-content:space-between;background:transparent;border-radius:14px;padding:0;gap:6px}.qty-btn{width:38px;height:38px;border:0;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;box-shadow:0 6px 14px #7a86fa4d}.qty-btn:last-child{background:var(--primary-soft);color:var(--primary-2);box-shadow:none}.qty-btn:active{transform:scale(.92)}.qty-input{width:40px;flex:1;min-width:0;text-align:center;border:0;background:transparent;font-weight:900;font-size:1.05rem;color:var(--ink);outline:none}.qty-sm .qty-btn{width:36px;height:36px}.qty-lg .qty-btn{width:50px;height:50px;font-size:1.25rem;border-radius:15px}.qty-lg .qty-input{font-size:1.25rem}.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:1025;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 26px #606caa1a;border-radius:26px 26px 0 0}.cart-btn{width:100%;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);border-radius:18px;padding:4px 2px}.cart-btn small{display:block;font-size:.75rem;color:var(--muted)}.cart-btn b{font-size:1.08rem;font-weight:900;color:var(--primary-2)}.cart-icon{position:relative;width:48px;height:48px;border-radius:16px;background:var(--primary-soft);color:var(--primary-2);display:grid;place-items:center;font-size:1.35rem}.cart-badge{position:absolute;top:-6px;left:-6px;background:var(--danger);color:#fff;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.75rem;font-weight:800;border:2px solid #fff}.cart-cta{background:var(--grad);color:#fff;font-weight:800;border-radius:16px;padding:12px 16px;font-size:.9rem;white-space:nowrap;box-shadow:var(--shadow-btn)}.cart-bar:not(.has-items) .cart-cta{background:#e2e5f0;color:var(--muted);box-shadow:none}.detail-modal .modal-body{padding:0;display:flex;flex-direction:column}.detail-modal .modal-content{overflow:hidden}.detail-close{position:absolute;top:14px;left:14px;z-index:5;width:42px;height:42px;border-radius:14px;border:0;background:#fffffff2;box-shadow:var(--shadow)}.detail-img{aspect-ratio:4 / 3;background:linear-gradient(160deg,#f8f8fb,#ececf2);margin:14px 14px 0;border-radius:22px;overflow:hidden}.detail-img img,.detail-img .img-placeholder{width:100%;height:100%;object-fit:contain;font-size:3rem}.detail-body{padding:20px 22px 8px}.detail-prices{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;background:var(--surface-2);border-radius:20px;padding:6px}.detail-prices>div{background:#fff;border-radius:15px;padding:10px 14px;flex:1;min-width:100px}.detail-prices>div:first-child b{color:var(--primary-2)}.detail-prices b{white-space:nowrap;font-size:.98rem;font-weight:900}.detail-prices span{display:block;font-size:.72rem;color:var(--muted);font-weight:700}.detail-prices .text-success{color:var(--success)!important}.plan-box{background:var(--success-soft);border:2px dashed #8ee0c2;border-radius:20px;padding:14px 16px;margin-bottom:16px;position:relative}.plan-label{display:inline-block;background:var(--success);color:#fff;font-weight:800;font-size:.8rem;border-radius:10px;padding:3px 10px;margin-bottom:8px}.detail-foot{margin-top:auto;position:sticky;bottom:0;display:flex;gap:10px;padding:14px 22px calc(16px + env(safe-area-inset-bottom));background:#fff}.detail-foot .btn-dark{background:var(--surface-2);color:var(--ink);border:0;border-radius:16px}.cart-cust{display:flex;align-items:center;gap:12px;background:var(--surface-2);border-radius:20px;padding:12px 14px;margin-bottom:14px}.cart-lines{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:22px;padding:10px}.cart-lines:empty{display:none}.cart-line{display:flex;gap:12px;padding:12px;background:#fff;border-radius:18px}.cl-thumb{width:64px;height:64px;border-radius:16px;object-fit:cover;flex-shrink:0;font-size:1.2rem;background:var(--primary-soft)}.cl-main{flex:1;min-width:0}.cl-main b{color:var(--primary-2);font-weight:900;white-space:nowrap}.cart-line .form-control-sm{border-radius:12px;background:var(--surface-2);border-color:transparent}.cart-foot{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.cart-foot b{font-weight:900}.cart-foot .btn-primary{border-radius:18px;padding:13px 26px}.order-head .text-start .fw-bold,.summary-strip b{white-space:nowrap}@media(max-width:575.98px){.modal-fullscreen-sm-down .modal-content{border-radius:0}.modal-dialog:not(.modal-fullscreen-sm-down){margin:16px}.p-card{padding:8px;border-radius:22px}.p-body{padding:10px 2px 2px}.qty-sm .qty-btn{width:34px;height:34px}.jdp-pop{position:fixed;inset:auto 0 0;width:auto;border-radius:28px 28px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.jdp-display{font-size:.88rem;padding:8px}.jdp{flex:1 1 100%}.jdp-field{justify-content:space-between}.summary-strip b{font-size:.95rem}.order-head{gap:10px;padding:14px}.order-num{display:none}}@media print{.admin-side,.admin-top,.d-print-none,.toast-stack{display:none!important}.admin-main{margin:0!important}.admin-content{padding:0!important}.print-only{display:block}.order-card,.panel,.summary-strip>div{box-shadow:none!important;border:1px solid #ccc;break-inside:avoid}body{background:#fff}}.detail-img{aspect-ratio:10 / 9;position:relative}.detail-img.is-zoomable{cursor:zoom-in}.zoom-hint{position:absolute;bottom:12px;left:12px;width:38px;height:38px;border-radius:12px;background:#ffffffeb;color:var(--primary-2);display:grid;place-items:center;box-shadow:var(--shadow);pointer-events:none}.img-viewer{position:fixed;inset:0;z-index:2100;display:flex;flex-direction:column;touch-action:none;user-select:none;animation:fadein .18s ease-out}@keyframes fadein{0%{opacity:0}}.img-viewer-stage{flex:1;display:flex;align-items:center;justify-content:center}.img-viewer-stage img{max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain;transform-origin:center center}.img-viewer-close{position:absolute;top:calc(14px + env(safe-area-inset-top));left:14px;z-index:2;width:46px;height:46px;border-radius:15px;border:0;background:#ffffff26;color:#fff;font-size:1.2rem;backdrop-filter:blur(6px)}.img-viewer-close:hover{background:#ffffff40}.img-viewer-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#ffffffa6;font-size:.8rem;pointer-events:none}