*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2128;background:#f5f6fa;-webkit-font-smoothing:antialiased}.app-loading{display:grid;place-items:center;height:100vh;color:#6b7280}.btn{border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn--primary{background:#ee252c;color:#fff}.btn--primary:hover{background:#c81d23}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{background:transparent;color:#6b7280}.btn--ghost:hover{color:#1f2128}.btn--danger{background:#ee252c;color:#fff}.btn--danger:hover{background:#c81d23}.btn--danger:disabled{opacity:.6;cursor:default}.btn--icon{display:inline-flex;align-items:center;gap:6px}.btn--icon svg{font-size:18px}.btn--soft{background:#ee252c1a;color:#c81d23}.btn--soft:hover{background:#ee252c29}.btn--success{background:#16a34a;color:#fff}.btn--success:hover{background:#12883e}.btn--success:disabled{opacity:.5;cursor:default}.btn--info{background:#0d6efd;color:#fff}.btn--info:hover{background:#0260e9}.btn--info:disabled{opacity:.5;cursor:default}.btn--warning{background:#fd7e14;color:#fff}.btn--warning:hover{background:#f06e02}.btn--warning:disabled{opacity:.5;cursor:default}.login{display:grid;grid-template-columns:minmax(360px,480px) 1fr;min-height:100vh}.login__panel{display:flex;align-items:center;justify-content:center;padding:40px 32px;background:#fff;overflow-y:auto}.login__form{width:100%;max-width:360px}.login__brand{display:flex;align-items:center;gap:8px}.login__logo{height:34px;width:auto;display:block}.login__brand-text{font-size:26px;font-weight:800;letter-spacing:-.03em;color:#1f2128;margin-left:-4px}.login__badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ee252c;background:#ee252c1a;border-radius:6px;padding:3px 8px}.login__title{font-size:26px;font-weight:700;margin:28px 0 6px;letter-spacing:-.01em}.login__subtitle{color:#6b7280;margin:0 0 28px;font-size:14px}.login__error{background:#ee252c14;color:#c81d23;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:16px}.login__submit{width:100%;margin-top:8px;padding:12px;font-size:15px}.login__alt{margin:18px 0 0;font-size:14px;color:#6b7280;text-align:center}.login__alt a{color:#ee252c;font-weight:600;text-decoration:none}.login__alt a:hover{text-decoration:underline}.login__hero{position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(120% 120% at 80% 0%,#f14b51,#ee252c 45%,#c81d23)}.login__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.13'%3E%3Ccircle%20cx='32'%20cy='32'%20r='9'/%3E%3C/g%3E%3Cg%20fill='%23fff'%20fill-opacity='0.16'%3E%3Ccircle%20cx='0'%20cy='0'%20r='1.4'/%3E%3Ccircle%20cx='64'%20cy='0'%20r='1.4'/%3E%3Ccircle%20cx='0'%20cy='64'%20r='1.4'/%3E%3Ccircle%20cx='64'%20cy='64'%20r='1.4'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 20% 30%,rgba(255,255,255,.12) 0,transparent 38%),radial-gradient(circle at 78% 72%,rgba(255,255,255,.1) 0,transparent 42%);background-size:64px 64px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat}.login__hero-content{position:relative;z-index:1;padding:56px;max-width:560px;color:#fff}.login__hero-brand{display:flex;align-items:center;gap:8px;margin-bottom:28px}.login__hero-logo{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}.login__hero-brand-text{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#fff;margin-left:-4px}.login__hero-badge{display:inline-block;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;margin-bottom:22px}.login__hero-title{font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.login__hero-text{font-size:16px;line-height:1.6;color:#ffffffeb;margin:0;max-width:440px}@media(max-width:860px){.login{grid-template-columns:1fr}.login__hero{display:none}}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.field-row{grid-template-columns:1fr;gap:0}}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13px;color:#6b7280;margin-bottom:6px}.field span small{font-weight:400;opacity:.7}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #e6e8ef;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ee252c;box-shadow:0 0 0 3px #ee252c1f}.field textarea{resize:vertical}.layout{display:flex;height:100dvh;overflow:hidden}.layout__backdrop{display:none}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fcfcfd);border-right:1px solid #e6e8ef;padding:22px 14px 16px;transition:width .22s cubic-bezier(.22,1,.36,1)}.sidebar__brand{display:flex;align-items:center;gap:6px;padding:0 8px 18px;margin-bottom:8px;border-bottom:1px solid #e6e8ef}.sidebar__logo{height:26px;width:auto;display:block}.sidebar__brand-text{font-size:21px;font-weight:800;letter-spacing:-.03em;color:#1f2128;margin-left:-3px}.sidebar__badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ee252c;border-radius:5px;padding:2px 6px;box-shadow:0 2px 6px #ee252c59}.sidebar__close{display:none;margin-left:auto;background:transparent;border:0;color:#6b7280;font-size:22px;cursor:pointer;padding:2px;line-height:0}.sidebar__close:hover{color:#1f2128}.sidebar__nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto;scrollbar-width:thin}.sidebar__group{margin-top:16px}.sidebar__section{padding:6px 12px 8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9096a2}.sidebar__foot{padding:12px 8px 4px;margin-top:10px;border-top:1px solid #e6e8ef}.sidebar__company{font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navlink{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;overflow:hidden;transition:background .18s ease,color .18s ease,transform .18s ease;opacity:0;animation:navIn .4s cubic-bezier(.22,1,.36,1) forwards}.navlink__bar{position:absolute;left:0;top:50%;height:60%;width:3px;border-radius:0 3px 3px 0;background:#ee252c;transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1)}.navlink__icon{display:grid;place-items:center;font-size:19px;line-height:0;color:#7a8190;transition:color .18s ease,transform .18s ease;flex-shrink:0}.navlink__label{white-space:nowrap}.navlink:hover{background:#f5f6fa;color:#1f2128;transform:translate(2px)}.navlink:hover .navlink__icon{color:#ee252c;transform:scale(1.08)}.navlink.is-active{background:#ee252c17;color:#c81d23;font-weight:600}.navlink.is-active .navlink__bar{transform:translateY(-50%) scaleY(1)}.navlink.is-active .navlink__icon{color:#ee252c}.navlink.is-active:hover{transform:none}@keyframes navIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.main{flex:1;display:flex;flex-direction:column;min-width:0;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;height:62px;padding:0 24px;background:#ffffffd9;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #e6e8ef;position:sticky;top:0;z-index:10}.topbar__spacer{flex:1}.topbar__burger{display:grid;place-items:center;width:38px;height:38px;margin-right:8px;border:0;border-radius:10px;background:transparent;color:#1f2128;font-size:22px;cursor:pointer;transition:background .15s,transform .15s}.topbar__burger:hover{background:#f5f6fa}.topbar__burger:active{transform:scale(.94)}.topbar__icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#6b7280;font-size:21px;cursor:pointer;transition:background .15s,color .15s}.topbar__icon-btn:hover{background:#f5f6fa;color:#1f2128}.topbar__user{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.topbar__avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(120% 120% at 30% 20%,#f04147,#c81d23);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 3px 10px #ee252c4d}.topbar__name{color:#1f2128}.content{padding:28px;flex:1;min-height:0;overflow-y:auto}.page--fill{height:100%;display:flex;flex-direction:column;min-height:0}.page--fill .page__head,.page--fill .toolbar,.page--fill .bulk-bar,.page--fill .pager{flex-shrink:0}.page--fill .prod-list,.page--fill .bulk-grid,.page--fill .otable{flex:1;min-height:0;overflow-y:auto}.page--fill .prod-list__head,.page--fill .otable__head{position:sticky;top:0;z-index:1}.layout.is-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}.layout.is-collapsed .sidebar__brand-text,.layout.is-collapsed .sidebar__badge,.layout.is-collapsed .sidebar__company,.layout.is-collapsed .navlink__label{opacity:0;width:0;overflow:hidden;white-space:nowrap;pointer-events:none}.layout.is-collapsed .sidebar__logo{display:none}.layout.is-collapsed .sidebar__brand{justify-content:center;gap:0;padding-bottom:14px}.layout.is-collapsed .sidebar__section{text-align:center;font-size:0;padding:10px 0 6px}.layout.is-collapsed .sidebar__section:after{content:"";display:block;height:1px;background:#e6e8ef;margin:0 8px}.layout.is-collapsed .navlink{justify-content:center;padding:11px 0;gap:0}.layout.is-collapsed .sidebar__foot{display:none}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:264px!important;padding:22px 14px 16px!important;z-index:60;transform:translate(-100%);transition:transform .26s cubic-bezier(.22,1,.36,1);box-shadow:0 0 40px #1f21282e}.layout.is-collapsed .sidebar .sidebar__logo{display:block}.layout.is-collapsed .sidebar .sidebar__brand-text,.layout.is-collapsed .sidebar .sidebar__badge,.layout.is-collapsed .sidebar .sidebar__company,.layout.is-collapsed .sidebar .navlink__label{opacity:1;width:auto;pointer-events:auto}.layout.is-collapsed .sidebar .navlink{justify-content:flex-start;padding:10px 12px;gap:11px}.layout.is-collapsed .sidebar .sidebar__section{font-size:10.5px;text-align:left;padding:6px 12px 8px}.layout.is-collapsed .sidebar .sidebar__section:after{display:none}.layout.is-collapsed .sidebar .sidebar__foot{display:block}.layout.is-collapsed .sidebar .sidebar__brand{justify-content:flex-start;gap:6px;padding-bottom:18px}.layout.is-drawer-open .sidebar{transform:translate(0)}.sidebar__close{display:grid;place-items:center}.layout__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1f212873;z-index:50;opacity:0;pointer-events:none;transition:opacity .26s ease}.layout.is-drawer-open .layout__backdrop{opacity:1;pointer-events:auto}.content{padding:18px 16px}.topbar{padding:0 16px}.topbar__name{display:none}}.page__title{font-size:22px;margin:0 0 6px}.page__lead{color:#6b7280;margin:0 0 24px}.page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page__head .page__title{margin:0}.page__head-left{display:flex;align-items:center;gap:10px}.page__head-actions{display:flex;gap:8px;flex-wrap:wrap}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-content:start}.cat-card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer}.cat-card:hover{box-shadow:0 8px 24px #1f212814;transform:translateY(-2px)}.cat-card__media{height:120px;display:grid;place-items:center;background:#f5f6fa;color:#969ba7;font-size:40px}.cat-card__body{padding:12px 14px;flex:1}.cat-card--compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px}.cat-card--compact .cat-card__media{height:44px;width:44px;border-radius:12px;font-size:22px;background:#ee252c17;color:#ee252c}.cat-card--compact .cat-card__body,.cat-card--compact .cat-card__actions{padding:0}.cat-card__name{font-weight:700;font-size:15px}.cat-card__desc{color:#6b7280;font-size:13px;margin-top:3px}.cat-card__badge{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:#d97706;background:#d977061f;border-radius:6px;padding:2px 8px}.cat-card__actions{display:flex;gap:8px;padding:0 14px 14px}.cat-card--photo{position:relative;min-height:190px}.cat-card--photo .cat-card__name{color:#fff}.cat-card--photo .cat-card__desc{color:#ffffffe0}.cat-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cat-card__overlay{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 14px;background:linear-gradient(to top,#000000f5,#000000e6 45%,#0000008c 78%,#0000);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cat-card__overlay .cat-card__name{text-shadow:0 1px 3px rgba(0,0,0,.6)}.cat-card__actions--over{position:absolute;top:10px;right:10px;padding:0;z-index:1}.cat-card__actions--over .icon-btn{background:#ffffffeb;width:32px;height:32px;font-size:16px}.user-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.user-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.user-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.user-grid{grid-template-columns:1fr}}.route-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}.route-row .field--inline{margin-bottom:0;display:flex;align-items:center;gap:10px;flex:1;min-width:220px}.route-row .field--inline span{margin-bottom:0;white-space:nowrap}.route-row .field--inline select{flex:1}.user-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.user-badges .tag{display:inline-flex;align-items:center;gap:3px}.user-badges .tag svg{font-size:13px}.perm-group{margin-top:14px}.perm-group__title{font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.perm-group__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.toolbar__search{position:relative;display:flex;align-items:center;flex-shrink:0}.toolbar__search svg{position:absolute;left:11px;font-size:18px;color:#6b7280;pointer-events:none}.toolbar__search input{width:240px;max-width:100%;padding:10px 12px 10px 36px;border:1px solid #e6e8ef;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.toolbar__search input:focus{border-color:#ee252c;box-shadow:0 0 0 3px #ee252c1f}.chips{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.chip{border:1px solid #e6e8ef;background:#fff;color:#6b7280;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.chip:hover{border-color:#cdd1df;color:#1f2128}.chip.is-active{background:#ee252c;border-color:#ee252c;color:#fff;box-shadow:0 3px 10px #ee252c47}.prod-list{background:#fff;border:1px solid #e6e8ef;border-radius:12px;overflow:hidden}.prod-list__head{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,.7fr) 120px 92px;gap:14px;align-items:center;padding:12px 18px;background:#f5f6fa;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e6e8ef}.prod-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,.7fr) 120px 92px;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid #e6e8ef;transition:background .12s}.prod-row:last-child{border-bottom:0}.prod-row:hover{background:#ee252c08}.prod-row__img img{width:48px;height:48px;object-fit:cover;border-radius:8px;display:block}.prod-row__noimg{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#f5f6fa;color:#9ba1ac;font-size:22px;border:1px dashed #e6e8ef}.prod-row__name{font-weight:600;color:#1f2128}.prod-row__cat{color:#6b7280;font-size:14px}.prod-row__price{font-weight:700;color:#1f2128}.prod-row__actions{display:flex;gap:8px;justify-content:flex-end}.ta-right{text-align:right}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e6e8ef;border-radius:9px;background:#fff;color:#6b7280;font-size:18px;cursor:pointer;transition:all .14s}.icon-btn:hover{color:#1f2128;border-color:#cdd1df;transform:translateY(-1px)}.icon-btn--danger:hover{color:#ee252c;border-color:#ee252c66;background:#ee252c0f}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:14px;background:#ee252c0f;border:1px solid rgba(238,37,44,.18);border-radius:12px}.bulk-bar span{font-size:14px;font-weight:600;color:#c81d23}.bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-content:start;padding:2px}.bulk-cell{background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.bulk-cell label{display:block;font-size:13px;font-weight:600;color:#1f2128;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-cell__input{position:relative;display:flex;align-items:center}.bulk-cell__input input{width:100%;padding:9px 28px 9px 12px;border:1px solid #e6e8ef;border-radius:9px;font-size:15px;font-weight:600;outline:none;transition:border-color .15s}.bulk-cell__input input:focus{border-color:#ee252c}.bulk-cell__input span{position:absolute;right:12px;color:#6b7280;font-weight:600;pointer-events:none}.bulk-cell.is-changed{border-color:#ee252c;box-shadow:0 0 0 3px #ee252c1f}.bulk-cell.is-changed .bulk-cell__input input{border-color:#ee252c}.status-filter{padding:9px 12px;border:1px solid #e6e8ef;border-radius:10px;font-size:14px;font-weight:600;background:#fff;outline:none}.status-filter:focus{border-color:#ee252c}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#16a34a}.live-badge svg{font-size:10px;animation:pulse 1.6s ease-in-out infinite}.conn-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#f5f6fa;color:#6b7280;white-space:nowrap}.conn-badge svg{font-size:9px}.conn-badge.is-live{background:#16a34a1f;color:#107636}.conn-badge.is-live svg{color:#16a34a;animation:pulse 1.6s ease-in-out infinite}@media(max-width:560px){.conn-badge{padding:7px}.conn-badge span{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.otable{background:#fff;border:1px solid #e6e8ef;border-radius:12px;overflow:hidden}.otable__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) 100px 170px 120px 92px;gap:14px;align-items:center;padding:12px 18px;background:#f5f6fa;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e6e8ef}.otable__head span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.otable__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) 100px 170px 120px 92px;gap:14px;align-items:start;padding:14px 18px;border-bottom:1px solid #e6e8ef}.otable__row:last-child{border-bottom:0}.otable__row:hover{background:#ee252c05}.otable__row.is-cancelled{opacity:.65}.otable__cell{font-size:14px}.order-who{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600}.order-adition{font-size:12px;color:#6b7280;font-weight:600;margin-top:2px}.order-delivery{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6b7280;margin-top:4px}.order-date{color:#6b7280;font-size:13px}.order-actions{display:inline-flex;gap:8px}.order-items{display:flex;flex-direction:column;gap:5px}@media(max-width:860px){.otable{background:transparent;border:0;display:flex;flex-direction:column;gap:12px}.otable__head{display:none}.otable__row{grid-template-columns:1fr;gap:8px;background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:14px}.otable__cell{display:flex;flex-direction:column;gap:4px}.otable__cell.ta-right{text-align:left}.otable__cell:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b919e}}.order-item{display:flex;align-items:baseline;gap:6px;background:#f5f6fa;border-radius:8px;padding:6px 10px;font-size:14px}.order-item__q{font-weight:700;color:#ee252c}.order-item__name{font-weight:600}.order-item__note{font-size:12px;font-style:italic;color:#6b7280}.status-pill{border:0;background:#16a34a24;color:#0f6d32;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .15s}.status-pill:hover{background:#16a34a38}.status-pill--cancel{background:#ee252c1f;color:#c81d23;cursor:default}.tag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;white-space:nowrap}.tag--warn{background:#fff3cd;color:#856404;border:1px solid #ffc107}.tag--ok{background:#d1f4e0;color:#0a6640;border:1px solid #198754}.icon-btn--ok:hover{color:#16a34a;border-color:#16a34a66;background:#16a34a14}.page--fill .table-grid{flex:1;min-height:0;overflow-y:auto}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}.table-tile{border:0;border-radius:14px;padding:22px 14px;min-height:96px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 6px #0000001f;transition:transform .18s,box-shadow .18s,filter .18s}.table-tile:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0003;filter:brightness(1.05)}.table-tile__name{font-size:18px;font-weight:800}.table-tile__sub{font-size:12px;opacity:.92}.pos{display:grid;grid-template-columns:1fr 380px;gap:16px;height:100%;min-height:0}@media(max-width:920px){.pos{grid-template-columns:1fr;height:auto}}.pos__left{display:flex;flex-direction:column;min-height:0}.pos__bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pos__table{font-size:18px;font-weight:800;white-space:nowrap}.pos__search{flex:1}.pos__search input{width:100%}.pos__chips{margin-bottom:12px}.pos__products{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}.pos__product{border:0;border-radius:14px;background:#ee252c;color:#fff;min-height:124px;padding:18px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:transform .15s,box-shadow .15s}.pos__product:hover{transform:translateY(-3px);box-shadow:0 6px 14px #ee252c66}.pos__product.is-off{opacity:.45}.pos__product-name{font-size:16px;font-weight:700;text-align:center;line-height:1.25}.pos__product-price{font-size:22px;font-weight:800}.pos__right{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:14px}@media(max-width:920px){.pos__right{min-height:420px}}.pos__cart,.pos__orders{flex:1;min-height:0;overflow-y:auto}.pos__total{text-align:center;font-size:22px;font-weight:800;padding:12px;border:1px solid #e6e8ef;border-radius:10px;margin-bottom:10px}.pos__cart-actions{display:flex;gap:8px;margin-bottom:12px}.pos__cart-actions .btn{flex:1}.pos__optdesc{color:#6b7280;margin:0 0 14px;font-size:13px}.cart-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;border:1px solid #e6e8ef;border-radius:10px;padding:10px;margin-bottom:8px}.cart-item__info{display:flex;flex-direction:column;gap:1px;min-width:0}.cart-item__info strong{font-size:15px}.cart-item__unit,.cart-item__desc{font-size:11px;color:#6b7280}.cart-item__qty{display:inline-flex;align-items:center;gap:6px}.cart-item__qty .icon-btn{width:30px;height:30px;font-size:15px}.cart-item__qty b{min-width:18px;text-align:center}.cart-item__amount{font-weight:700;min-width:54px;text-align:right}.cart-item__note{grid-column:1/-1;width:100%;padding:7px 10px;border:1px solid #e6e8ef;border-radius:8px;font-size:13px;outline:none}.cart-item__note:focus{border-color:#ee252c}.live-order{border:1px solid #e6e8ef;border-radius:10px;padding:10px;margin-bottom:8px}.live-order.is-cancelled{opacity:.6}.live-order__head{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:6px;color:#6b7280}.live-order__item{display:flex;justify-content:space-between;font-size:13px;padding:2px 0;border-top:1px dashed #e6e8ef}.vkb{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:12px;-webkit-user-select:none;user-select:none}.vkb__row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.vkb__key{min-width:46px;height:50px;flex:1;max-width:64px;border:1px solid #e6e8ef;background:#fff;border-radius:9px;font-size:18px;font-weight:700;cursor:pointer;transition:background .1s,transform .06s}.vkb__key:hover{background:#f5f6fa}.vkb__key:active{transform:scale(.94)}.vkb__key--wide{max-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#bdc0c7}.vkb__key--space{max-width:320px;flex:3}.vkb__key--enter{max-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#16a34a29;color:#0f6d32}.pos__barcode{width:200px;padding:10px 12px;border:1px solid #e6e8ef;border-radius:10px;font-size:14px;outline:none}.pos__barcode:focus{border-color:#ee252c;box-shadow:0 0 0 3px #ee252c1f}.express__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.express__actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.pay-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:2px solid #e6e8ef;border-radius:12px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#6b7280;transition:all .15s}.pay-card svg{font-size:26px}.pay-card.is-active{border-color:#16a34a;background:#16a34a1a;color:#0f6d32}.pay-fulfill{display:flex;gap:8px;margin-bottom:16px}.pay-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:2px solid #e6e8ef;border-radius:10px;background:#fff;cursor:pointer;font-weight:600;color:#6b7280}.pay-pill.is-active{border-color:#16a34a;background:#16a34a1a;color:#0f6d32}.pay-total{text-align:center;padding:16px;border:2px solid #e6e8ef;border-radius:12px}.pay-total span{display:block;font-size:13px;color:#6b7280}.pay-total strong{font-size:28px;color:#16a34a}.addr-suggest{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:#fff;border:1px solid #e6e8ef;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:200px;overflow-y:auto}.addr-suggest__item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f5f6fa}.addr-suggest__item:hover{background:#f5f6fa}.addr-suggest__item strong{font-size:13px}.addr-suggest__item span{font-size:12px;color:#16a34a;margin-left:6px}.addr-suggest__item small{display:block;font-size:12px;color:#6b7280}.disc__total{font-size:14px;margin-bottom:14px}.disc__presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.disc__summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:12px;background:#d9770614;border:1px solid rgba(217,119,6,.3);border-radius:10px}.disc__summary div{display:flex;flex-direction:column}.disc__summary span{font-size:12px;color:#6b7280}.disc__summary strong{font-size:16px}.qr-box{display:grid;place-items:center;padding:20px;background:#fff}.pos-wait{text-align:center;padding:16px}.pos-wait__hint{color:#6b7280;font-size:13px}.pos-wait__spinner{width:46px;height:46px;margin:0 auto 18px;border:4px solid #e6e8ef;border-top-color:#ee252c;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:13px 14px;background:#fff;border:1px solid #e6e8ef;border-left:4px solid #6b7280;border-radius:12px;box-shadow:0 10px 30px #1f212829;animation:toastIn .26s cubic-bezier(.22,1,.36,1)}.toast__icon{font-size:22px;flex-shrink:0}.toast__msg{flex:1;font-size:14px;font-weight:500;line-height:1.35}.toast__close{background:transparent;border:0;color:#6b7280;font-size:18px;cursor:pointer;line-height:0;flex-shrink:0}.toast__close:hover{color:#1f2128}.toast--success{border-left-color:#16a34a}.toast--success .toast__icon{color:#16a34a}.toast--error{border-left-color:#ee252c}.toast--error .toast__icon{color:#ee252c}.toast--info{border-left-color:#4d69fa}.toast--info .toast__icon{color:#4d69fa}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:560px){.toasts{top:auto;bottom:16px;left:16px;right:16px}.toast{min-width:0;max-width:none}}.dp{position:relative;display:inline-flex;align-items:center;gap:6px}.dp__label{font-size:13px;font-weight:600;color:#6b7280}.dp__btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e6e8ef;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#1f2128;cursor:pointer;white-space:nowrap;transition:border-color .15s}.dp__btn svg{font-size:18px;color:#ee252c}.dp__btn:hover{border-color:#cdd1df}.dp__pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:268px;background:#fff;border:1px solid #e6e8ef;border-radius:14px;box-shadow:0 14px 40px #1f212829;padding:12px;animation:fadeIn .14s ease}.dp__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp__head span{font-weight:700;font-size:14px}.dp__head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:#f5f6fa;color:#1f2128;cursor:pointer;font-size:18px}.dp__head button:hover{background:#e7eaf3}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp__grid--days{margin-bottom:4px}.dp__dow{text-align:center;font-size:11px;font-weight:700;color:#858c99;padding:4px 0}.dp__day{height:34px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:600;color:#1f2128;cursor:pointer;transition:background .12s,color .12s}.dp__day:hover:not(:disabled){background:#f5f6fa}.dp__day:disabled{color:#afb3bc;cursor:default}.dp__day.is-today{color:#ee252c}.dp__day.is-selected{background:#ee252c;color:#fff;box-shadow:0 3px 8px #ee252c59}.report-dates{display:flex;gap:10px;flex-wrap:wrap}.report-dates label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280}.report-dates label input{padding:8px 10px;border:1px solid #e6e8ef;border-radius:9px;font-size:14px;outline:none}.report-dates label input:focus{border-color:#ee252c}.sum-cards{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:760px){.sum-cards{grid-template-columns:1fr}}.sum-card{background:#fff;border:1px solid #e6e8ef;border-left:4px solid #6b7280;border-radius:12px;padding:14px 16px}.sum-card__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#6b7280}.sum-card__title svg{font-size:18px}.sum-card__value{font-size:24px;font-weight:800;margin-top:4px}.sum-card__sub{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.sum-card--income{border-left-color:#16a34a}.sum-card--income .sum-card__title{color:#117f3a}.sum-card--outcome{border-left-color:#ee252c}.sum-card--outcome .sum-card__title{color:#c81d23}.sum-card--net{border-left-color:#4d69fa}.sum-card--net .sum-card__title{color:#4d69fa}.rtable{background:#fff;border:1px solid #e6e8ef;border-radius:12px;overflow:hidden}.rtable__head{background:#f5f6fa;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e6e8ef}.rtable__head,.rtable__row{display:grid;gap:14px;align-items:center;padding:12px 16px}.rtable__row{border-bottom:1px solid #e6e8ef;font-size:14px}.rtable__row:last-child{border-bottom:0}.rtable__row:hover{background:#ee252c05}.rtable__row--prod{grid-template-columns:70px minmax(0,1fr) 120px 150px}.rtable__row--tran{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 150px 160px 130px}.rtable__muted{color:#6b7280;font-size:12px}.page--fill .rtable{flex:1;min-height:0;overflow-y:auto}.page--fill .rtable__head{position:sticky;top:0;z-index:1}.ttype{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13px}.ttype svg{font-size:18px}.ttype--success{color:#117f3a}.ttype--danger{color:#c81d23}.ttype--info{color:#4d69fa}.ttype--warning{color:#d97706}.tran-sub{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tran-sub span{font-size:11px;background:#ee252c14;color:#c81d23;border-radius:6px;padding:1px 6px}@media(max-width:820px){.rtable{background:transparent;border:0;display:flex;flex-direction:column;gap:10px}.rtable__head{display:none}.rtable__row{grid-template-columns:1fr!important;gap:6px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:14px}.rtable__row>span{display:flex;justify-content:space-between;gap:10px}.rtable__row>span:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;color:#8b919e}.rtable__row .ta-right{text-align:left}}.adition-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:14px;border:0;border-radius:14px;color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .15s,box-shadow .15s,filter .15s}.adition-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000038;filter:brightness(1.06)}.adition-card__title{display:flex;align-items:center;gap:10px}.adition-card__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff38;font-size:19px;flex-shrink:0}.adition-card__title strong{font-size:17px;font-weight:800}.adition-card__lines{font-size:13px;line-height:1.6;opacity:.95}.adition-card__lines b{font-weight:700}.rtable__row--sum{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px 110px 110px}.aid{height:100%;display:flex;flex-direction:column;min-height:0}.aid__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e6e8ef}.aid__header-left{display:flex;align-items:center;gap:12px}.aid__header-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#4d69fa1f;color:#4d69fa;font-size:24px}.aid__header h3{margin:0;font-size:18px}.aid__header p{margin:2px 0 0;font-size:13px;color:#6b7280}.aid__close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:#ee252c1a;color:#ee252c;font-size:22px;cursor:pointer}.aid__close:hover{background:#ee252c29}.aid__lock{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:#d9770624;border:1px solid rgba(217,119,6,.4);border-radius:10px;font-size:13px;font-weight:600;color:#a75c05}.aid__main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 240px;gap:14px}@media(max-width:1100px){.aid__main{grid-template-columns:1fr 1fr}}@media(max-width:760px){.aid__main{grid-template-columns:1fr}}.aid__col{display:flex;flex-direction:column;gap:14px;min-height:0}.aid__card{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e6e8ef;border-radius:14px;overflow:hidden}.aid__card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e6e8ef}.aid__card-head strong{font-size:15px}.aid__card-actions{display:flex;gap:6px}.aid__card-actions .btn{padding:7px 12px;font-size:13px}.aid__card-body{flex:1;min-height:60px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.aid__empty{text-align:center;color:#8b919e;font-size:13px;padding:16px 0}.aid__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1px solid #e6e8ef;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;transition:all .12s}.aid__item:hover{border-color:#ee252c66}.aid__item.is-sel{border-color:#16a34a;background:#16a34a14}.aid__item-q{font-weight:700;color:#ee252c;align-self:start}.aid__item-name{font-weight:600;display:flex;flex-direction:column;gap:1px}.aid__item-name small{color:#6b7280;font-weight:400;font-size:11px}.aid__item-desc{color:#0a9dbd!important;font-style:italic}.aid__item-amt{font-weight:700;white-space:nowrap;align-self:start}.aid__item--row{display:flex;align-items:stretch;gap:8px;padding:0;border:0;background:transparent;cursor:default}.aid__item-pick{flex:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1px solid #e6e8ef;border-radius:10px;background:#fff;cursor:pointer;font-size:14px}.aid__item-pick:hover{border-color:#ee252c66}.aid__split-btn{flex-shrink:0;padding:0 14px;border:1px solid rgba(238,37,44,.4);border-radius:10px;background:#ee252c14;color:#c81d23;font-weight:700;font-size:13px;cursor:pointer}.aid__split-btn:hover{background:#ee252c29}.aid__sel-meta{font-size:13px;color:#6b7280;font-weight:600}.aid__sel-actions{display:flex;gap:6px;padding:10px 14px 0;flex-wrap:wrap}.aid__sel-actions .btn{flex:1;justify-content:center;gap:5px}.aid__order{border:1px solid #e6e8ef;border-radius:10px;padding:8px 10px}.aid__order-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280;font-weight:600;margin-bottom:6px}.aid__order-head-left{display:inline-flex;align-items:center;gap:8px}.aid__garson{color:#0d6efd;font-weight:700}.aid__order-head-right{display:inline-flex;align-items:center;gap:6px}.aid__obtn{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #e6e8ef;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;font-size:16px}.aid__obtn:hover{color:#ee252c;border-color:#ee252c66}.aid__order-item-main{min-width:0}.aid__order-item-desc{font-size:12px;color:#0a9dbd;font-style:italic}.aid__order-item-note{font-size:12px;color:#b45309;font-style:italic}.aid__order-item{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:3px 0}.aid__order-item.is-cancel{text-decoration:line-through;opacity:.5}.aid__order-item-name{display:inline-flex;align-items:center;gap:6px}.aid__order-item-right{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.aid__cancel-btn{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:5px;background:#ee252c1f;color:#ee252c;cursor:pointer;font-size:14px}.aid__cancel-btn:hover{background:#ee252c38}.aid__badge{font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px}.aid__badge--paid{background:#16a34a29;color:#0f6d32}.aid__badge--unpaid{background:#f59e0b2e;color:#b45309}.aid__badge--cancel{background:#ee252c1f;color:#c81d23}.aid__grand{padding:12px 14px;border-top:1px solid #e6e8ef;text-align:right;font-size:15px}.aid__grand strong{color:#1f2128}.aid__history{border-top:1px solid #e6e8ef;padding:10px 14px;max-height:200px;overflow-y:auto}.aid__history-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:8px}.aid__card--auto{flex:0 0 auto}.aid__card--auto .aid__card-body{flex:none;overflow:visible;max-height:none}.ph-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #e6e8ef}.ph-row:last-child{border-bottom:0}.ph-row__left{display:flex;flex-direction:column;min-width:0}.ph-row__date{font-size:13px;font-weight:600}.ph-row__who{font-size:12px;color:#6b7280}.ph-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.ph-row__amt{font-size:15px;font-weight:800;color:#16a34a}.ph-row__badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.ph-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.ph-badge--cash{background:#16a34a29;color:#0f6d32}.ph-badge--card{background:#4d69fa24;color:#3a51c6}.ph-badge--point{background:#d977062e;color:#b45309}.aid__side{display:flex;flex-direction:column;gap:10px}.aid__close-btn{justify-content:center;padding:14px}.aid__tcard{border-radius:12px;padding:14px;text-align:center;color:#fff}.aid__tcard h4{margin:0 0 4px;font-size:13px;font-weight:600;opacity:.9}.aid__tcard div{font-size:22px;font-weight:800}.aid__tcard--info{background:#4d69fa}.aid__tcard--success{background:#16a34a}.aid__tcard--danger{background:#ee252c}@media(max-width:760px){.aid__side{flex-direction:row;flex-wrap:wrap}.aid__side .aid__close-btn{flex-basis:100%}.aid__side .aid__tcard{flex:1}}.apm__cards{display:flex;gap:10px;margin-bottom:18px}.apm__card{flex:1;text-align:center;padding:14px;border-radius:12px;border:2px solid}.apm__card span{display:block;font-size:13px;color:#6b7280;margin-bottom:4px}.apm__card strong{font-size:20px;font-weight:800}.apm__card--total{background:#e7f3ff;border-color:#0d6efd}.apm__card--total strong{color:#0d6efd}.apm__card--paid{background:#d1f4e0;border-color:#16a34a}.apm__card--paid strong{color:#16a34a}.apm__card--rem{background:#fff3cd;border-color:#ffc107}.apm__card--rem strong{color:#ee252c}.apm__types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.apm__type{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:2px solid #e6e8ef;border-radius:12px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#6b7280;transition:all .15s}.apm__type svg{font-size:30px}.apm__type:hover{border-color:#c7cbdb}.apm__type.is-active{border-color:#16a34a;background:#16a34a1a;color:#0f6d32;box-shadow:0 4px 10px #16a34a2e}.apm__amount{text-align:center;padding:14px;margin-top:4px;background:#f5f6fa;border:2px solid #e6e8ef;border-radius:12px}.apm__amount span{display:block;font-size:13px;color:#6b7280}.apm__amount strong{font-size:26px;font-weight:800;color:#16a34a}.apm__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:16px;line-height:1}.apm__btn svg{font-size:20px;flex-shrink:0}.modal-card__foot:has(.apm__btn){gap:12px}.eo{display:flex;flex-direction:column;gap:8px}.eo__item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e6e8ef;border-radius:10px}.eo__item.is-cancel{opacity:.6}.eo__item.is-cancel .eo__name{text-decoration:line-through}.eo__info{min-width:0;flex:1}.eo__name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.eo__desc{font-size:12px;color:#0a9dbd;font-style:italic;margin-top:2px}.eo__note{font-size:12px;color:#b45309;font-style:italic;margin-top:2px}.eo__controls{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.eo__controls input{width:90px;padding:8px 10px;border:1px solid #e6e8ef;border-radius:8px;font-size:14px;font-weight:600;outline:none}.eo__controls input:focus{border-color:#ee252c}.eo__paid{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid rgba(245,158,11,.4);border-radius:8px;background:#f59e0b1f;color:#b45309;font-size:13px;font-weight:600;cursor:pointer}.eo__paid svg{font-size:18px}.eo__paid.is-paid{border-color:#16a34a66;background:#16a34a24;color:#0f6d32}.eo__paid:disabled{opacity:.5;cursor:default}.eo__total{text-align:right;font-size:16px;padding-top:8px;border-top:1px solid #e6e8ef}.ci{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media(max-width:900px){.ci{grid-template-columns:1fr}}.ci__side{position:sticky;top:16px}@media(max-width:900px){.ci__side{position:static}}.ci__main{display:flex;flex-direction:column;gap:16px}.ci__card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;overflow:hidden}.ci__card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e6e8ef}.ci__card-head strong{font-size:15px}.ci__card-body{padding:16px}.ci__qr{text-align:center;margin-bottom:16px}.ci__qr h4{margin:0 0 10px;font-size:14px}.ci__alert{display:flex;align-items:center;gap:8px;background:#4d69fa1a;color:#3a51c6;border-radius:10px;padding:12px;font-size:13px;margin-bottom:16px}.ci__sub h4{font-size:14px;margin:0 0 6px}.ci__sub p{font-size:13px;color:#6b7280;margin:0 0 6px;line-height:1.5}.ci__sub p strong{color:#1f2128}.ci__sub hr{border:0;border-top:1px solid #e6e8ef;margin:12px 0}.ci__logo-row{display:flex;gap:16px;padding:16px;align-items:center;flex-wrap:wrap}.ci__logo{width:180px;height:120px;flex-shrink:0;border:1px solid #e6e8ef;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#f5f6fa}.ci__logo img{width:100%;height:100%;object-fit:contain}.ci__nologo{color:#8b919e;font-size:13px}.ci__logo-actions{flex:1;min-width:200px}.ci__logo-info{font-size:12px;color:#6b7280;margin:10px 0 0}.ci__section-title{font-size:14px;font-weight:700;margin:18px 0 4px}.ci__section-sub{font-size:13px;color:#6b7280;margin:0 0 12px}.ci__cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}.ci__cat{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.ci__cat input{width:18px;height:18px;accent-color:#ee252c}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.pager__info{font-size:14px;font-weight:600;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1f212880;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}.modal-card{width:100%;max-width:480px;max-height:calc(100vh - 40px)}.modal-card--wide{max-width:760px}.modal-card--full{max-width:1100px;width:calc(100vw - 48px);height:calc(100dvh - 48px);max-height:none}.modal-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #1f212840;animation:modalIn .22s cubic-bezier(.22,1,.36,1)}.modal-card__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e6e8ef}.modal-card__title{font-size:17px;font-weight:700;margin:0}.modal-card__close{background:transparent;border:0;color:#6b7280;font-size:22px;line-height:0;cursor:pointer;padding:2px}.modal-card__close:hover{color:#1f2128}.modal-card__body{padding:20px;overflow-y:auto}.modal-card__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e6e8ef}.prod-list__head span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.segtabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:12px;flex-wrap:wrap}.segtabs__btn{border:0;background:transparent;color:#6b7280;font-size:13px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .15s;white-space:nowrap}.segtabs__btn:hover{color:#1f2128}.segtabs__btn.is-active{background:#fff;color:#c81d23;box-shadow:0 1px 4px #1f21281a}.filters{margin:10px 0 4px}.filters__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:10px}.filters__group{margin-bottom:14px}.filters__name{font-size:13px;font-weight:600;margin-bottom:6px}.opt__cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:760px){.opt__cols{grid-template-columns:1fr}}.opt__editing{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:#d9770624;border:1px solid rgba(217,119,6,.4);border-radius:9px;font-size:13px;font-weight:600}.opt__editing button{background:none;border:0;color:#ee252c;font-weight:700;cursor:pointer}.opt__rules{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 14px;align-items:flex-end}.opt__req{display:flex;border:1px solid #e6e8ef;border-radius:9px;overflow:hidden}.opt__req button{border:0;background:#fff;color:#6b7280;font-size:13px;font-weight:600;padding:9px 14px;cursor:pointer}.opt__req button.is-on{background:#16a34a;color:#fff}.opt__req button.is-on.is-req{background:#ee252c}.opt__counter{display:flex;align-items:center;gap:6px}.opt__counter span{font-size:12px;font-weight:700;color:#6b7280}.opt__counter button{width:30px;height:32px;border:1px solid #e6e8ef;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;color:#ee252c}.opt__counter b{min-width:22px;text-align:center;font-size:15px}.opt__optrow{display:grid;grid-template-columns:1fr 90px 40px;gap:8px;margin-bottom:8px}.opt__optrow input{padding:10px 12px;border:1px solid #e6e8ef;border-radius:9px;font-size:14px;outline:none}.opt__optrow input:focus{border-color:#ee252c}.opt__optrow .icon-btn{width:40px;height:40px}.opt__optflags{display:flex;gap:18px;padding:10px 0 14px}.opt__chips{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;margin-bottom:14px}.opt__empty{color:#8b919e;font-size:13px;font-style:italic}.opt__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:999px;font-size:13px;font-weight:600}.opt__chip b{color:#16a34a}.opt__chip.is-off{opacity:.5}.opt__chip .opt__chip-star{color:#d97706}.opt__chip button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:#00000014;cursor:pointer;color:#1f2128;font-size:13px}.opt__commit{width:100%;margin-top:4px}.opt__card{background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:12px 14px;margin-bottom:10px}.opt__card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.opt__card-head strong{font-size:14px}.opt__card-actions{display:flex;gap:6px}.opt__card-actions .icon-btn{width:30px;height:30px;font-size:15px}.opt__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.opt__tags span{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#16a34a24;color:#0e642d}.opt__tags span.is-req{background:#ee252c1f;color:#c81d23}.opt__pills{display:flex;gap:6px;flex-wrap:wrap}.opt__pills span{font-size:12px;padding:3px 9px;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:999px;color:#6b7280}.opt__apply{width:100%;margin-top:10px}.prodform .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:8px}.prodform .form-grid .field{margin-bottom:0}.prodform .switch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:14px 0;margin-bottom:8px;border-top:1px solid #e6e8ef;border-bottom:1px solid #e6e8ef}.prodform__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#1f2128}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;border-radius:999px;background:#e6e8ef;position:relative;cursor:pointer;transition:background .18s;flex-shrink:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.switch input:checked{background:#ee252c}.switch input:checked:after{transform:translate(16px)}.gallery__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:26px;margin-bottom:16px;border:1.5px dashed #e6e8ef;border-radius:12px;background:#f5f6fa;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.gallery__drop svg{font-size:30px}.gallery__drop:hover{border-color:#ee252c;color:#ee252c}.gallery__drop:disabled{opacity:.6;cursor:default}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery__item{position:relative;border-radius:12px;overflow:hidden;border:2px solid transparent;aspect-ratio:1}.gallery__item img{width:100%;height:100%;object-fit:cover;display:block}.gallery__item.is-cover{border-color:#ee252c}.gallery__actions{position:absolute;top:6px;right:6px;display:flex;gap:6px}.gallery__actions .icon-btn{width:32px;height:32px;font-size:16px;background:#ffffffeb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.prod-list{background:transparent;border:0;display:flex;flex-direction:column;gap:12px}.prod-list__head{display:none}.prod-row{grid-template-columns:56px 1fr auto;grid-template-areas:"img name actions" "img cat price";gap:4px 14px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:14px}.prod-row__img{grid-area:img;align-self:center}.prod-row__name{grid-area:name}.prod-row__cat{grid-area:cat}.prod-row__price{grid-area:price;text-align:left}.prod-row__actions{grid-area:actions}.modal-overlay{align-items:flex-end;padding:0}.modal-card{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;animation:sheetIn .26s cubic-bezier(.22,1,.36,1)}.modal-card--full{width:100%;height:100dvh;max-height:100dvh;border-radius:0}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tabs{display:flex;gap:4px;border-bottom:1px solid #e6e8ef;margin-bottom:24px;overflow-x:auto}.tabs__link{position:relative;padding:12px 16px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tabs__link:hover{color:#1f2128}.tabs__link.is-active{color:#ee252c;border-bottom-color:#ee252c}.placeholder-card{background:#fff;border:1px dashed #e6e8ef;border-radius:12px;padding:24px;color:#6b7280;max-width:640px;line-height:1.6}.setup__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}@media(max-width:900px){.setup__grid{grid-template-columns:1fr}}.setup__card{background:#fff;border:1px solid #e6e8ef;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.setup__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 20px;color:#fff}.setup__head--primary{background:linear-gradient(135deg,#ee252c,#c81d23)}.setup__head--success{background:linear-gradient(135deg,#16a34a,#117f3a)}.setup__head .btn--soft{background:#ffffff2e;color:#fff;border-color:#ffffff59}.setup__head .btn--soft:hover{background:#ffffff47}.setup__head-label{display:flex;align-items:center;gap:14px}.setup__head-label>svg{font-size:40px;flex-shrink:0}.setup__head-label h3{font-size:18px;font-weight:800;margin:0}.setup__head-label p{margin:2px 0 0;font-size:13px;opacity:.92}.setup__body{flex:1;padding:26px 22px}.setup__body--center{text-align:center;display:flex;flex-direction:column;align-items:center}.setup__check{font-size:64px;color:#16a34a;margin-bottom:10px}.setup__ok{color:#16a34a;font-size:20px;font-weight:800;margin:0 0 8px}.setup__muted{color:#6b7280;font-size:14px;line-height:1.6;max-width:460px;margin:0 auto}.setup__alert{display:flex;gap:12px;text-align:left;background:#eef6ff;border:1px solid #cfe4ff;border-radius:12px;padding:14px 16px;margin:20px 0;color:#0b4a8f}.setup__alert>svg{font-size:22px;flex-shrink:0;margin-top:2px}.setup__alert strong{display:block;font-size:15px;margin-bottom:4px}.setup__alert span{font-size:13px;line-height:1.55;color:#235b94}.setup__foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:18px 20px;background:#f5f6fa;border-top:1px solid #e6e8ef}.setup__phone{font-size:34px;font-weight:800;color:#16a34a;letter-spacing:.5px;text-decoration:none}.setup__phone:hover{text-decoration:underline}.setup__ext{font-size:17px;color:#6b7280;font-weight:600;margin:4px 0 14px}.setup__hours{display:inline-flex;align-items:center;gap:6px;background:#16a34a1f;color:#12883e;border-radius:10px;padding:8px 14px;font-size:14px;margin-bottom:10px}.setup__hours svg{font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.form-grid .field{margin-bottom:0}.form-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.form-grid--3{grid-template-columns:repeat(3,1fr)}}.pay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pay__sub{color:#6b7280;font-size:14px;margin:4px 0 0}.pay__grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;align-items:start}@media(max-width:900px){.pay__grid{grid-template-columns:1fr}}.pay__qr{margin-bottom:14px}.pay__qr span{display:inline-flex;align-items:center;gap:6px}.pay__qr span svg{font-size:18px;color:#ee252c}.pay__lines{border:1px solid #e6e8ef;border-radius:12px;padding:6px 14px;background:#f5f6fa}.pay__line{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;color:#6b7280;border-bottom:1px dashed #e6e8ef}.pay__line:last-child{border-bottom:none}.pay__line b{color:#1f2128;font-weight:600}.pay__line--total{font-size:16px}.pay__line--total span{color:#1f2128;font-weight:700}.pay__line--total b{color:#ee252c;font-weight:800;font-size:18px}.pay__cta{width:100%;margin-top:16px;justify-content:center}.pay__valid{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:13px;color:#16a34a}.pay__valid svg{font-size:16px}.pay__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pay__note{display:flex;gap:8px;align-items:flex-start;margin:14px 0;padding:10px 12px;background:#eef6ff;border:1px solid #cfe4ff;border-radius:10px;font-size:12.5px;color:#235b94;line-height:1.5}.pay__note svg{font-size:16px;flex-shrink:0;margin-top:1px}.cardlist{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cardlist__item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e6e8ef;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.cardlist__item svg{font-size:22px;color:#6b7280}.cardlist__item.is-sel{border-color:#16a34a;background:#16a34a0f}.cardlist__item.is-sel svg{color:#16a34a}.cardlist__item input{accent-color:#16a34a}.cardlist__no{font-weight:600;letter-spacing:1px}.cardlist__bank{color:#6b7280;font-size:13px;margin-left:auto}.paytable{display:flex;flex-direction:column}.paytable__row{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e6e8ef}.paytable__row:last-child{border-bottom:none}@media(max-width:640px){.paytable__row{grid-template-columns:1fr auto}}.paytable__main strong{display:block;font-size:15px}.paytable__main span{font-size:12px;color:#6b7280}.paytable__desc{font-size:13px;color:#6b7280}@media(max-width:640px){.paytable__desc{display:none}}.lockscreen{min-height:100vh;background:#f5f6fa}.lockscreen__bar{display:flex;align-items:center;gap:14px;padding:16px 22px;background:linear-gradient(135deg,#ee252c,#c81d23);color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 4px 16px #ee252c4d}.lockscreen__bar>svg{font-size:30px;flex-shrink:0}.lockscreen__bar strong{display:block;font-size:16px}.lockscreen__bar span{font-size:13px;opacity:.95}.lockscreen__body{max-width:1100px;margin:0 auto;padding:22px 16px 60px}.warn-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;color:#1f2128}.warn-row svg{font-size:24px;color:#d97706;flex-shrink:0}.arch-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px;background:#fff;border:1px solid #e6e8ef;border-radius:14px;cursor:pointer;color:#1f2128;transition:box-shadow .15s,transform .15s,border-color .15s}.arch-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1f21281a;border-color:#ee252c66}.arch-card__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#ee252c1a;color:#ee252c;font-size:20px;flex-shrink:0}.arch-card__body{flex:1;min-width:0}.arch-card__body strong{display:block;font-size:16px;font-weight:700}.arch-card__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12.5px;color:#6b7280}.arch-card__status{font-weight:600;color:#16a34a}.arch-card__chev{font-size:22px;color:#9ba1ac;flex-shrink:0}.seg{display:flex;gap:6px;padding:4px;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:12px;margin-bottom:14px}.seg__btn{flex:1;padding:9px 10px;border:0;background:transparent;border-radius:9px;font-weight:700;font-size:14px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.seg__btn small{font-weight:500;opacity:.8}.seg__btn.is-active{background:#fff;color:#ee252c;box-shadow:0 2px 6px #1f21281a}