.branded-shell{--brand-ink:#142b35;--brand-accent:#c5f36b;--brand-paper:#f6f7f2;--brand-muted:#53656d;color:var(--brand-ink)}
.branded-shell .brand-logo-link{display:flex;align-items:center;max-width:200px;min-height:44px}
.branded-shell .brand-logo-link img{display:block;width:auto;max-width:100%;height:34px;object-fit:contain}
.branded-shell .auth{border-color:color-mix(in srgb,var(--brand-ink) 12%,white)}
.branded-shell .primary{background:var(--brand-ink);color:#fff}
.branded-shell .pin-card{background:var(--brand-ink)}
.branded-shell .admin-hero{border-color:color-mix(in srgb,var(--brand-ink) 18%,transparent)}
.branded-shell .admin-quick-actions>*:hover{border-color:var(--brand-ink);background:color-mix(in srgb,var(--brand-accent) 15%,white)}
.branded-shell .pin-card button:hover{background:color-mix(in srgb,var(--brand-accent) 20%,transparent)}
.branded-shell .pin-digit:focus{border-color:var(--brand-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 35%,transparent)}
.admin-dashboard{display:grid;gap:24px}
.admin-hero,.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.admin-hero{padding:5px 0 4px;border-bottom:1px solid #dce5e3}
.admin-hero small{color:#53656d;font-size:10px;font-weight:800;letter-spacing:.12em}
.admin-hero h1{margin:5px 0 17px;font-size:clamp(26px,5vw,35px);letter-spacing:-.05em}
.admin-hero .admin-action{width:auto;white-space:nowrap;padding:0 17px}
.admin-section{display:grid;gap:13px}
.admin-section-head h2{font-size:16px;letter-spacing:-.025em;margin:0}
.admin-section-head span{color:#53656d;font-size:12px}
.admin-list{display:grid;gap:8px}
.reseller-item{background:#fff;border:1px solid #e1e7e5;border-radius:14px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:center}
.reseller-info{display:flex;align-items:center;gap:11px;min-width:0}
.reseller-info>div:last-child{min-width:0}
.reseller-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reseller-info small{display:block;margin-top:4px;color:#53656d;font-size:11px}
.reseller-avatar{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:#eaf1ed;font-size:15px;font-weight:800}
.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.admin-row-actions button,.admin-quick-actions>*{min-height:42px;border:1px solid #dce5e3;background:#fff;border-radius:9px;color:#142b35;padding:0 12px;font-size:12px;font-weight:700}
.admin-row-actions button:hover,.admin-quick-actions>*:hover{border-color:#142b35}
.admin-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.admin-quick-actions>*{height:70px;display:flex;flex-direction:column;justify-content:center;text-align:left;text-decoration:none}
.admin-quick-actions span{color:#53656d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.admin-quick-actions strong{font-size:14px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reseller-login-link{justify-self:start;margin-top:5px}
.admin-dialog{border:0;padding:0;width:min(100% - 28px,520px);max-height:calc(100dvh - 28px);border-radius:18px;box-shadow:0 22px 80px #142b3550;background:#fff;color:#142b35;overflow:hidden}
.admin-dialog.wide{width:min(100% - 28px,760px)}
.admin-dialog::backdrop{background:#102a36a6;backdrop-filter:blur(3px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 19px;border-bottom:1px solid #e1e7e5}
.dialog-head h2{font-size:17px;margin:0;letter-spacing:-.035em}
.dialog-head button{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #dce5e3;background:#fff;border-radius:8px;font-size:21px;line-height:1}
.dialog-body{padding:18px 19px 20px;max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}
.admin-form{display:grid;gap:2px}
.admin-form .primary{margin-top:4px}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.brand-option{min-width:0;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #dce5e3;border-radius:10px;cursor:pointer}
.brand-option:has(input:checked){border-color:#142b35;background:#f3f8e8;box-shadow:0 0 0 1px #142b35}
.brand-option input{position:absolute;opacity:0;pointer-events:none}
.brand-option img{width:35px;height:35px;object-fit:contain;flex:none}
.brand-option strong{font-size:12px;display:block}
.brand-swatches{display:flex;gap:3px;margin-top:4px}
.brand-swatches i{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #0001}
.chosen-brand{display:flex;align-items:center;gap:8px;min-height:46px;margin-bottom:8px;font-weight:700;font-size:13px}
.chosen-brand img{width:36px;height:36px;object-fit:contain}
.choose-brand{width:100%;margin-bottom:14px}
.cost-modal-list{display:grid;gap:0;border:1px solid #e1e7e5;border-radius:12px;overflow:hidden;max-height:45dvh;overflow-y:auto}
.cost-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #e9eeeb;font-size:12px}
.cost-item:last-child{border-bottom:0}
.cost-item[hidden]{display:none}
.cost-product{min-width:0}
.cost-product strong,.cost-product small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cost-product small{color:#53656d;margin-top:3px}
.cost-values{text-align:right;white-space:nowrap;font-size:11px;color:#53656d}
.cost-values b{display:block;margin-top:3px;color:#142b35;font-size:13px}
.adjustment-example{padding:11px 12px;margin:0 0 8px;border-radius:9px;background:#f6f7f2;font-size:13px}
.catalog-filter-section{padding:12px 0 17px;border-bottom:1px solid #e1e7e5}
.catalog-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.catalog-filter-head strong{font-size:13px}
.catalog-filter-head label{display:flex;align-items:center;gap:6px;font-size:12px;color:#53656d}
.catalog-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.catalog-option{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid #e1e7e5;border-radius:9px;font-size:12px;cursor:pointer}
.catalog-option:has(input:checked){background:#f2f7ea;border-color:#a4bc9a}
.catalog-option:has(input:disabled){opacity:.58;cursor:default}
.catalog-filter-count{font-size:12px;color:#53656d;padding:10px 0}
@media(max-width:700px){.reseller-item{grid-template-columns:1fr}.admin-row-actions{display:grid;grid-template-columns:repeat(4,1fr);justify-content:stretch}.admin-row-actions button{padding:0 4px}.admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.admin-row-actions{grid-template-columns:repeat(2,1fr)}.catalog-filter-grid{grid-template-columns:1fr}}
@media(max-width:480px){.admin-hero{align-items:flex-start;flex-direction:column;gap:0}.admin-hero .admin-action{width:100%;margin-bottom:16px}.admin-dialog,.admin-dialog.wide{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dialog-body{max-height:calc(100dvh - 88px);padding:16px}.brand-option img{width:30px;height:30px}.brand-option strong{font-size:11px}}
.icon-action{position:relative;display:grid!important;place-items:center!important;flex:none;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:10px;text-decoration:none;line-height:1}
.icon-action svg{display:block;width:19px;height:19px}
.icon-action[data-tooltip]:hover::after,.icon-action[data-tooltip]:focus-visible::after{content:attr(data-tooltip);position:absolute;z-index:30;top:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#142b35;color:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px #142b3528;pointer-events:none}
.admin-hero .admin-action{width:46px!important;height:46px!important;margin:0!important}
.admin-row-actions{display:flex;gap:6px}
.admin-row-actions .icon-action{width:38px!important;height:38px!important;min-height:38px!important}
.admin-quick-actions{display:flex;gap:8px}
.admin-quick-actions .icon-action{width:54px!important;height:54px!important;min-height:54px!important;background:#fff;border:1px solid #dce5e3;border-radius:12px;color:#142b35}
.admin-quick-actions .icon-action svg{width:23px;height:23px}
.store-identity{display:flex;align-items:center;gap:8px;margin:-12px 0 13px}
.store-identity span{font-size:10px;letter-spacing:.09em;color:#53656d;font-weight:800}
.store-identity strong{font-size:14px;font-weight:700}
.store-identity .icon-action{width:31px!important;height:31px!important;min-height:31px!important;border:1px solid #dce5e3;background:#fff;color:#142b35}
.store-identity .icon-action svg{width:15px;height:15px}
#copy-login{justify-self:start;margin-top:7px;border:1px solid #dce5e3;background:#fff;color:#142b35}
.pin-card .icon-action{border:1px solid #758a8e;color:#fff;background:transparent}
@media(max-width:480px){.admin-hero{align-items:center;flex-direction:row;justify-content:space-between}.admin-hero h1{margin-bottom:16px}.admin-row-actions{display:flex;justify-content:flex-end}.admin-row-actions .icon-action{width:40px!important;height:40px!important}.admin-quick-actions{display:flex}}
.master-menu{display:flex;gap:8px;max-width:1100px;margin:0 auto 22px;padding:0 22px}
.master-menu button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 16px;border:1px solid #dce5e3;border-radius:11px;background:#fff;color:#53656d;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
.master-menu button.active{background:#142b35;border-color:#142b35;color:#fff}
.master-menu svg{width:18px;height:18px;flex:none}
.master-menu em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c5f36b;color:#142b35;font:800 10px Arial,sans-serif;font-style:normal}
.master-view{display:grid;gap:22px}
.master-view[hidden]{display:none}
.master-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.master-metrics article{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;border:1px solid #dce5e3;border-radius:14px;background:#fff}
.master-metrics span{font-size:10px;font-weight:800;letter-spacing:.06em;color:#53656d}
.master-metrics strong{font-size:31px;line-height:1;letter-spacing:-.04em}
@media(max-width:700px){.master-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.master-menu{position:sticky;top:0;z-index:12;justify-content:space-between;padding:9px 14px;margin-bottom:12px;background:#f6f7f2eF;backdrop-filter:blur(10px)}.master-menu button{flex:1;flex-direction:column;gap:4px;min-width:0;padding:7px 3px;font-size:10px}.master-menu svg{width:18px;height:18px}.master-menu em{position:absolute;right:8px;top:4px}.master-metrics article{min-height:96px;padding:13px}.master-metrics strong{font-size:27px}}