/* Dashboard UI: readable type, consistent line icons, and restrained motion. */
:root{--admin-ink:#132f49;--admin-muted:#688098;--admin-line:#dce7ee;--admin-blue:#087db8;--admin-green:#238d3c}
.admin-shell{grid-template-columns:260px minmax(0,1fr);background:#f2f6f9;font-family:Manrope,system-ui,sans-serif}
.admin-sidebar{padding:28px 18px 20px;background:#102f4c}
.admin-brand{display:flex;align-items:center;min-height:66px;padding:0 5px}
.admin-brand img{width:min(205px,100%);height:auto;filter:none}
.admin-overline{font-size:12px;letter-spacing:.13em;margin:38px 11px 14px;color:#a8c4d8}
.admin-nav-item{height:50px;padding:0 13px;border-radius:11px;margin:4px 0;gap:13px;color:#d0e0ea;font-size:15px;font-weight:700;transition:background .2s,transform .2s,color .2s}
.admin-nav-item svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-nav-item:hover{transform:translateX(3px);background:#194568;color:#fff}
.admin-nav-item.active{background:#1b4a6d;color:#fff;box-shadow:inset 3px 0 #3bb44a}
.sidebar-bottom{gap:17px;padding:17px 10px 4px}
.admin-online{font-size:12px;color:#c0d3df;gap:9px}
.admin-online i{width:9px;height:9px;border-radius:50%;background:#45bf63;box-shadow:0 0 0 4px #245343}
.admin-sidebar #adminLogout{font-size:13px;color:#e2edf4;padding:8px 0}
.admin-main{padding:0 clamp(22px,4vw,64px) 52px}
.admin-topbar{height:104px;border-color:#dce6ed}
.admin-topbar .eyebrow{font-size:12px;letter-spacing:.12em}
.admin-topbar h1{font-size:30px;color:var(--admin-ink);margin-top:5px}
.admin-back{border-radius:999px;padding:12px 19px;font-size:14px;color:#355a75;border-color:#d4e2eb;transition:transform .2s,box-shadow .2s}
.admin-back:hover{transform:translateY(-2px);box-shadow:0 7px 18px #183b551a}
.admin-content{max-width:1480px;margin:30px auto}
.admin-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px;animation:admin-rise .5s both}
.admin-welcome .eyebrow{font-size:11px;color:#6f8798;letter-spacing:.13em;font-weight:800}
.admin-welcome h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;color:var(--admin-ink);margin:7px 0}
.welcome-wave{display:inline-block;color:#39a848;animation:wave-mark 2.2s ease-in-out infinite}
.admin-welcome p,.admin-section-head p,.admin-panel-head p{font-size:14px;line-height:1.55;color:var(--admin-muted);margin:4px 0 0}
.admin-date-chip{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--admin-line);border-radius:999px;background:#fff;color:#47677f;font-size:13px;font-weight:700}
.admin-date-chip svg{width:18px;height:18px;fill:none;stroke:#087db8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.stat-card{position:relative;overflow:hidden;min-height:155px;padding:19px 20px;border-radius:16px;box-shadow:0 5px 18px #173c5510;animation:admin-rise .48s both;animation-delay:var(--stat-delay,0ms);transition:transform .25s,box-shadow .25s}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 13px 27px #173c5518}
.stat-card:after{position:absolute;content:"";width:78px;height:78px;border-radius:50%;right:-25px;bottom:-30px;background:var(--stat-halo,#e8f5fb)}
.stat-card>span{display:flex;align-items:center;gap:10px;color:#587189;font-size:13px;font-weight:700}
.stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--stat-soft,#e7f5fb);color:var(--stat-color,#087db8)}
.stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stat-card strong{display:block;font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 4px;color:var(--admin-ink);font-variant-numeric:tabular-nums}
.stat-card small{font-size:13px;color:#72899b}
.stat-blue{--stat-color:#087db8;--stat-soft:#e4f4fb;--stat-halo:#e9f6fc}
.stat-green{--stat-color:#238d3c;--stat-soft:#e9f6e9;--stat-halo:#edf8eb}
.stat-amber{--stat-color:#ad7311;--stat-soft:#fcf2df;--stat-halo:#fbf5e9}
.stat-teal{--stat-color:#147888;--stat-soft:#e4f4f4;--stat-halo:#edf7f7}
.stat-purple{--stat-color:#7057a3;--stat-soft:#f0ebf8;--stat-halo:#f4f0fa}
.stat-orange{--stat-color:#b55c25;--stat-soft:#fbede4;--stat-halo:#fcf1e9}
.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px;margin-top:17px}
.admin-panel{padding:23px;border-radius:16px;border-color:#dce7ee;box-shadow:0 5px 18px #173c5509;animation:admin-rise .5s both}
.admin-panel-head{align-items:flex-start;margin-bottom:19px;gap:15px}
.admin-panel h3{font-size:18px;line-height:1.3;color:var(--admin-ink);margin:0}
.admin-panel-head>span,.admin-pill{font-size:12px;color:#527089}
.admin-panel-head p{font-size:13px}
.admin-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#eef6fa;font-weight:800}
.admin-pill i{width:8px;height:8px;border-radius:50%;background:#2baa4a}
.week-chart{height:210px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;align-items:end;padding:13px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#eaf0f4 49px,#eaf0f4 50px)}
.week-bar-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.week-bar-wrap>strong{font-size:12px;color:#57758b}
.week-bar{width:min(38px,62%);height:var(--bar-size);min-height:5px;background:#0782bd;border-radius:9px 9px 4px 4px;animation:bar-rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--bar-delay);transform-origin:bottom;box-shadow:0 5px 12px #087db825}
.week-bar-wrap:nth-child(3n) .week-bar{background:#238d3c}
.week-bar-wrap small{font-size:12px;color:#6c8294;text-transform:capitalize}
.chart-footnote{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f4;color:#6c8294;font-size:13px}
.chart-footnote span{display:flex;align-items:center;gap:8px}.chart-footnote i{width:9px;height:9px;border-radius:50%;background:#087db8}.chart-footnote b{color:#35556d}
.status-summary{display:flex;flex-direction:column}
.status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f4;font-size:14px;color:#49657b}
.status-line>span{display:flex;align-items:center;gap:10px}.status-line b{font-size:18px;color:#183a55}
.status-dot{width:10px;height:10px;border-radius:50%;background:#e8a52a}.dot-process{background:#0782bd}.dot-done{background:#238d3c}.dot-cancel{background:#d26a67}
.admin-text-action{display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:13px 0 0;color:#087db8;font-size:14px;font-weight:800;cursor:pointer}
.admin-text-action:hover{color:#176d32}
.recent-orders-panel{margin-top:16px}
.admin-table{font-size:14px;min-width:650px}
.admin-table th{font-size:12px;letter-spacing:.07em;padding:13px 11px;color:#71879a}
.admin-table td{font-size:14px;padding:14px 11px;color:#47647a}
.admin-table td strong{color:#173c58}
.status-pill{font-size:12px;padding:6px 10px}
.admin-table select{font:inherit!important;padding:7px 9px!important;border-radius:8px!important}
.empty-admin{font-size:14px;padding:34px;color:#6b8294}
.admin-section-head{align-items:center;margin-bottom:22px;padding-bottom:19px;border-bottom:1px solid #e0e9ef}
.admin-section-head h2{font-size:25px;line-height:1.25;color:var(--admin-ink);letter-spacing:-.03em}
.admin-section-head p{font-size:14px}
.admin-action,.admin-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;border:0;border-radius:999px;color:white;background:#087db8;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.admin-action:hover{background:#076999;transform:translateY(-2px);box-shadow:0 8px 17px #087db82c}
.admin-danger{color:#a74640;background:#fff1ef;border:1px solid #f1d6d2}
.admin-danger:hover{background:#fde3df}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px;padding:27px}
.admin-form-grid>label,.product-editor-fields>label{display:grid;gap:8px;color:#35556e;font-size:14px;font-weight:800}
.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.product-editor-fields input,.product-editor-fields textarea,.product-editor-fields select{width:100%;min-height:48px;padding:11px 14px;border:1px solid #d7e3eb;border-radius:10px;background:#fbfdfe;color:#173c58;font:500 15px Manrope,system-ui,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.admin-form-grid textarea,.product-editor-fields textarea{min-height:88px;resize:vertical;line-height:1.55}
.admin-form-grid input:focus,.admin-form-grid textarea:focus,.admin-form-grid select:focus,.product-editor-fields input:focus,.product-editor-fields textarea:focus,.product-editor-fields select:focus{border-color:#0782bd;box-shadow:0 0 0 4px #0782bd1a}
.admin-form-grid small{font-size:12px;font-weight:500;color:#6e8496;line-height:1.45}
.span-all{grid-column:1/-1}
.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form-actions .form-message{font-size:14px;margin:0}
.admin-note-card{margin-top:18px;padding:18px 20px;border:1px solid #dce8ee;border-radius:13px;background:#f8fbfd;color:#4c697f}
.admin-note-card strong{font-size:14px;color:#193e59}.admin-note-card p{font-size:13px;line-height:1.6;margin:5px 0 0}
.seo-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:17px;align-items:start}
.seo-preview-card{padding:23px;border:1px solid #dce7ee;border-radius:16px;background:#fff;box-shadow:0 5px 18px #173c5509}
.seo-preview-card>.eyebrow{font-size:11px;letter-spacing:.11em;color:#668198;font-weight:800}
.seo-search-preview{margin:18px 0;padding:18px;border:1px solid #e3ebf0;border-radius:12px;background:#fbfdfe}
.seo-search-preview small{display:block;color:#477056;font-size:13px;overflow-wrap:anywhere}
.seo-search-preview strong{display:block;margin:7px 0;color:#1458a0;font-size:19px;line-height:1.35}
.seo-search-preview p{font-size:14px;line-height:1.55;color:#536b7e;margin:0}
.catalog-admin-summary{display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 18px}
.catalog-admin-summary span{padding:9px 13px;border-radius:999px;background:white;border:1px solid #dce7ee;font-size:13px;color:#536d81}
.catalog-admin-summary b{color:#173e5a}
.admin-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-product-card{min-width:0;padding:19px;border:1px solid #dce6ed;border-top:4px solid #087db8;border-radius:15px;background:white;box-shadow:0 5px 18px #173c550a;animation:admin-rise .45s both;animation-delay:var(--editor-delay);transition:transform .2s,box-shadow .2s}
.admin-product-card:nth-child(3n+2){border-top-color:#238d3c}.admin-product-card:nth-child(3n){border-top-color:#147888}
.admin-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #173c5517}
.product-editor-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.product-editor-symbol{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#e8f5fb;color:#087db8}
.admin-product-card:nth-child(3n+2) .product-editor-symbol{background:#ebf6e8;color:#238d3c}.admin-product-card:nth-child(3n) .product-editor-symbol{background:#e8f4f4;color:#147888}
.product-editor-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-editor-head>div:nth-child(2){min-width:0}.product-editor-head strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#173d59;font-size:16px}.product-editor-head small{display:block;margin-top:3px;color:#73899a;font-size:12px}
.editor-badge{margin-left:auto;padding:7px 10px;border-radius:999px;background:#edf5fa;color:#3b6988;font-size:12px;font-weight:800}
.product-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-editor-fields>label{font-size:13px;gap:7px}.product-editor-fields input,.product-editor-fields select{min-height:43px;padding:9px 11px;font-size:14px}.product-editor-fields textarea{font-size:14px}
.product-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #edf1f4}
.orders-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:17px}
.orders-kpi-row>div{padding:17px 19px;border:1px solid #dce7ee;border-radius:13px;background:white}
.orders-kpi-row span{display:block;color:#6e8496;font-size:13px}.orders-kpi-row strong{display:block;margin-top:6px;color:#163c59;font-size:24px}
.remember-option{display:flex!important;align-items:center;gap:10px!important;color:#3c5d76!important;font-size:14px!important;font-weight:600!important;cursor:pointer}
.remember-option input{width:19px;height:19px;min-height:auto;accent-color:#087db8}
.admin-menu-toggle{display:none}
/* App-like catalog: category pills, instant search, and compact accordions. */
.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px;padding:24px 27px;border-radius:20px;background:linear-gradient(110deg,#eaf6e8 0%,#f4faf2 47%,#edf7fb 100%);border:1px solid #dcebdd;animation:admin-rise .45s both}
.catalog-intro .eyebrow{font-size:11px;letter-spacing:.13em;color:#38824a;font-weight:800}
.catalog-intro h2{margin:7px 0 4px;color:#173b51;font-size:25px;letter-spacing:-.04em}
.catalog-intro p{margin:0;color:#60798b;font-size:14px;line-height:1.5}
.catalog-intro .admin-action{flex:0 0 auto;background:#258c43;box-shadow:0 7px 16px #238d3c28}
.catalog-intro .admin-action:hover{background:#176d32}
.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;align-items:center;margin-bottom:14px}
.catalog-category-filters{display:flex;flex-wrap:wrap;gap:8px}
.catalog-filter{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 13px;border:0;border-radius:999px;background:#eaf0f4;color:#527087;font:700 13px Manrope,system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.catalog-filter:hover{transform:translateY(-2px);background:#dceee0;color:#176d32}
.catalog-filter b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#ffffffa8;color:inherit;font-size:11px}
.catalog-filter.active{background:#238d3c;color:#fff;box-shadow:0 6px 14px #238d3c2b}
.catalog-filter.active b{background:#ffffff30}
.catalog-search{display:flex;align-items:center;gap:11px;min-height:48px;padding:0 15px;border-radius:16px;background:#fff;box-shadow:0 5px 18px #183c5510;transition:box-shadow .2s,transform .2s}
.catalog-search:focus-within{box-shadow:0 0 0 3px #238d3c20,0 8px 20px #183c5512;transform:translateY(-1px)}
.catalog-search svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#278c45;stroke-width:2;stroke-linecap:round}
.catalog-search input{width:100%;min-width:0;height:46px;padding:0;border:0;outline:0;background:transparent;color:#173c58;font:500 14px Manrope,system-ui,sans-serif}
.catalog-search input::placeholder{color:#91a2ae}
.catalog-search kbd{flex:0 0 auto;padding:4px 7px;border-radius:7px;background:#f0f4f6;color:#8a9ba6;font:600 11px Manrope,system-ui,sans-serif}
.catalog-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 3px 12px;color:#6d8394;font-size:13px}
.catalog-list-heading strong{color:#284d64;font-size:14px}
.admin-product-list{display:grid;grid-template-columns:1fr;gap:10px}
.product-accordion{overflow:hidden;border:1px solid #dfe9ee;border-left:4px solid #238d3c;border-radius:17px;background:#fff;box-shadow:0 4px 15px #163b5509;animation:admin-rise .42s both;animation-delay:var(--editor-delay);transition:transform .2s,box-shadow .2s,border-color .2s}
.product-accordion:nth-child(3n+2){border-left-color:#087db8}.product-accordion:nth-child(3n){border-left-color:#147888}
.product-accordion:hover{transform:translateY(-2px);box-shadow:0 9px 21px #163b5513}
.product-accordion[hidden]{display:none}
.package-summary{display:grid;grid-template-columns:48px minmax(135px,1fr) auto auto 42px;gap:14px;align-items:center;min-height:83px;padding:13px 18px;list-style:none;cursor:pointer;user-select:none}
.package-summary::-webkit-details-marker{display:none}
.package-summary::marker{content:""}
.package-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#eaf6e8;color:#238d3c;transition:transform .25s,background .25s}
.package-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.product-accordion:nth-child(3n+2) .package-mark{background:#e7f4fa;color:#087db8}.product-accordion:nth-child(3n) .package-mark{background:#e6f3f3;color:#147888}
.package-main{display:grid;gap:4px;min-width:0}.package-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#193d57;font-size:16px}.package-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#758c9d;font-size:13px}
.package-price{display:flex;align-items:baseline;gap:6px;color:#176d32;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.package-price small{color:#778d9c;font-size:12px;font-weight:600}
.package-badge{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#eff7ec;color:#367247;font-size:12px;font-weight:800}
.product-accordion:nth-child(3n+2) .package-badge{background:#eaf5fa;color:#286a8e}.product-accordion:nth-child(3n) .package-badge{background:#eaf4f4;color:#276c73}
.accordion-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f1f6f3;color:#477253;transition:transform .25s,background .2s,color .2s}
.accordion-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-accordion[open]{border-color:#cfe3d2;border-left-color:#238d3c;box-shadow:0 12px 28px #163b5515}
.product-accordion[open] .accordion-toggle{transform:rotate(180deg);background:#238d3c;color:#fff}
.product-accordion[open] .package-mark{transform:scale(1.06) rotate(-4deg)}
.product-accordion-body{padding:4px 21px 20px;border-top:1px solid #edf2ef;animation:accordion-open .25s ease both}
.product-accordion-body .product-editor-fields{padding-top:17px}
.product-accordion-body .product-editor-actions{margin-top:17px}
.catalog-empty-state{display:grid;gap:6px;place-items:center;padding:35px 18px;border-radius:16px;background:#fff;color:#647d8e;text-align:center}
.catalog-empty-state[hidden]{display:none}
.catalog-empty-state strong{color:#244a62;font-size:16px}.catalog-empty-state span{font-size:13px}
.admin-shell select,.admin-table select{appearance:none;-webkit-appearance:none;border:0!important;border-radius:14px!important;padding:12px 40px 12px 14px!important;background-color:#f1f6f3!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23238d3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;color:#234c62!important;outline:none!important;box-shadow:none!important;cursor:pointer}
.admin-shell select:focus,.admin-table select:focus{box-shadow:0 0 0 3px #238d3c24!important}
@keyframes accordion-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.catalog-controls{grid-template-columns:1fr}.catalog-search{max-width:none}}
@media(max-width:720px){.catalog-intro{align-items:flex-start;flex-direction:column;padding:19px;border-radius:16px}.catalog-intro h2{font-size:22px}.catalog-intro p{font-size:13px}.catalog-intro .admin-action{width:100%}.catalog-category-filters{overflow-x:auto;flex-wrap:nowrap;padding:2px 1px 7px}.catalog-filter{min-height:40px;padding:8px 11px;font-size:12px}.catalog-search{min-height:46px;border-radius:14px}.catalog-search input{font-size:13px}.catalog-search kbd{display:none}.catalog-list-heading{font-size:12px}.package-summary{grid-template-columns:40px minmax(90px,1fr) auto 32px;gap:9px;min-height:73px;padding:11px}.package-mark{width:38px;height:38px;border-radius:13px}.package-main strong{font-size:14px}.package-main small{max-width:48vw;font-size:11px}.package-price{grid-column:3;grid-row:1;font-size:14px;display:grid;gap:1px;text-align:right}.package-price small{font-size:10px}.package-badge{display:none}.accordion-toggle{width:31px;height:31px;grid-column:4;grid-row:1}.product-accordion-body{padding:4px 12px 14px}.product-accordion-body .product-editor-fields{grid-template-columns:1fr}.product-accordion-body .product-editor-fields>.span-all{grid-column:auto}.product-editor-actions{gap:8px}.product-editor-actions .admin-action,.product-editor-actions .admin-danger{font-size:12px;padding:8px 12px}}
/* Brand palette only: ZONTEC blue #007CC0 and green #38B24A. */
.catalog-intro{background:#edf7ed;border-color:#d8ebd8}
.catalog-intro .eyebrow{color:#38b24a}
.catalog-intro h2{color:#114576}
.catalog-intro .admin-action{background:#38b24a;box-shadow:0 7px 16px #38b24a30}
.catalog-intro .admin-action:hover{background:#38b24a;filter:none}
.catalog-filter:hover{background:#e8f5e9;color:#38b24a}
.catalog-filter[data-catalog-filter="mifi"].active,.catalog-filter[data-catalog-filter="voz"].active{background:#007cc0;box-shadow:0 6px 14px #007cc030}
.catalog-filter[data-catalog-filter="wifi"].active{background:#38b24a;box-shadow:0 6px 14px #38b24a30}
.catalog-filter[data-catalog-filter="mifi"]:hover,.catalog-filter[data-catalog-filter="voz"]:hover{color:#007cc0;background:#e7f3f9}
.catalog-filter[data-catalog-filter="wifi"]:hover{color:#38b24a;background:#e8f5e9}
.catalog-search svg,.accordion-toggle{color:#38b24a}
.catalog-search:focus-within{box-shadow:0 0 0 3px #38b24a24,0 8px 20px #183c5512}
.product-accordion[data-category="mifi"],.product-accordion[data-category="voz"]{border-left-color:#007cc0}
.product-accordion[data-category="wifi"]{border-left-color:#38b24a}
.product-accordion[data-category="mifi"] .package-mark,.product-accordion[data-category="voz"] .package-mark{background:#e7f3f9;color:#007cc0}
.product-accordion[data-category="wifi"] .package-mark{background:#e8f5e9;color:#38b24a}
.product-accordion[data-category="mifi"] .package-badge,.product-accordion[data-category="voz"] .package-badge{background:#e7f3f9;color:#007cc0}
.product-accordion[data-category="wifi"] .package-badge{background:#38b24a;color:#fff}
.product-accordion[data-category="mifi"] .package-price,.product-accordion[data-category="voz"] .package-price,.product-accordion[data-category="wifi"] .package-price{color:#114576}
.product-accordion[open][data-category="mifi"],.product-accordion[open][data-category="voz"]{border-color:#cfe3ee;border-left-color:#007cc0}
.product-accordion[open][data-category="wifi"]{border-color:#d2e8d4;border-left-color:#38b24a}
.product-accordion[open][data-category="mifi"] .accordion-toggle,.product-accordion[open][data-category="voz"] .accordion-toggle{background:#007cc0;color:#fff}
.product-accordion[open][data-category="wifi"] .accordion-toggle{background:#38b24a;color:#fff}
.product-accordion-body .admin-action{background:#38b24a;box-shadow:0 6px 13px #38b24a28}
.product-accordion-body .admin-action:hover{background:#38b24a;filter:brightness(.94)}
.product-editor-actions .admin-danger{border:0;background:#eff5f8;color:#114576}
.product-editor-actions .admin-danger:hover{background:#e7f1f7}
.admin-shell select:focus,.admin-table select:focus{box-shadow:0 0 0 3px #38b24a24!important}
.admin-modal{position:relative;width:min(470px,calc(100vw - 32px));max-height:calc(100vh - 28px);overflow:auto;padding:0;border:1px solid #d9e5eb;border-radius:24px;background:#fff;box-shadow:0 30px 90px #071f35a8;scrollbar-width:thin}
.admin-modal .modal-close{position:absolute;top:15px;right:15px;z-index:5;width:38px;height:38px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff12;color:#fff;transition:background .2s,transform .2s}
.admin-modal .modal-close:hover{background:#ffffff27;transform:rotate(90deg)}
.admin-login-brand{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:81px;padding:15px 31px;background:#114576;border-bottom:3px solid #38b24a;overflow:hidden}
.admin-login-brand:after{position:absolute;right:70px;top:-53px;width:144px;height:144px;border:1px solid #ffffff18;border-radius:50%;content:"";pointer-events:none}
.admin-login-brand img{position:relative;z-index:1;width:156px;height:auto;filter:none}
.admin-login-brand>span{position:relative;z-index:1;color:#fff;font-size:10px;line-height:1.45;letter-spacing:.15em;text-align:right;font-weight:700}
.admin-login-brand>span b{color:#38b24a;font-size:12px;letter-spacing:.18em}
.admin-modal-header{margin:0;padding:22px 32px 20px;background:#114576;color:#fff;text-align:left}
.admin-shield{width:43px;height:43px;margin:0 0 13px;border-radius:14px;background:#38b24a;color:#fff;box-shadow:0 8px 18px #071f352b}
.admin-shield svg{width:22px;height:22px;stroke-width:1.8}
.admin-modal-header .eyebrow{justify-content:flex-start;color:#8cc53e;font-size:11px;letter-spacing:.14em}
.admin-modal-header h2{margin:6px 0 5px;color:#fff;font-size:28px;letter-spacing:-.045em}
.admin-modal-header p{max-width:340px;color:#d1e1eb;font-size:14px;line-height:1.55;margin:0}
.admin-modal #adminForm{padding:22px 31px 2px;gap:14px}
.admin-modal #adminForm>label:not(.remember-option){display:grid;gap:7px;color:#34566f;font-size:14px;font-weight:800}
.admin-modal #adminForm>label:not(.remember-option) input{width:100%;height:49px;padding:0 14px;border:1px solid #d6e2e9;border-radius:12px;background:#f8fbfc;color:#173d59;font:600 15px Manrope,system-ui,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s}
.admin-modal #adminForm>label:not(.remember-option) input:focus{border-color:#007cc0;box-shadow:0 0 0 4px #007cc01e}
.admin-modal .remember-option{padding:2px 1px 0;color:#34566f!important;font-size:14px!important}
.admin-modal .remember-option input{accent-color:#38b24a}
.admin-modal .button-primary{height:52px;border-radius:999px;background:#007cc0;box-shadow:0 10px 22px #007cc02b;font-size:15px}
.admin-modal .button-primary:hover{background:#007cc0;filter:brightness(.94)}
.admin-modal .form-message{font-size:13px;line-height:1.5;margin:0}
.admin-modal .demo-note{margin:14px 31px 0;padding:14px 0 22px;border-top:1px solid #e8eef2;color:#6b8293;font-size:12px;line-height:1.6}
@media(max-width:520px){.admin-modal{border-radius:20px}.admin-login-brand{min-height:72px;padding:13px 22px}.admin-login-brand img{width:138px}.admin-login-brand>span{font-size:9px}.admin-modal-header{padding:19px 23px 19px}.admin-modal-header h2{font-size:25px}.admin-modal-header p{font-size:13px}.admin-modal #adminForm{padding:19px 23px 2px}.admin-modal .demo-note{margin:12px 23px 0;padding-bottom:18px}}
.admin-shell select{background-color:#f0f6f1!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338b24a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
@keyframes admin-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes bar-rise{from{transform:scaleY(.08);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes wave-mark{0%,100%{transform:rotate(0) scale(1)}35%{transform:rotate(14deg) scale(1.16)}70%{transform:rotate(-8deg) scale(1.04)}}
@media(max-width:1150px){.admin-shell{grid-template-columns:230px minmax(0,1fr)}.admin-dashboard-grid,.seo-layout{grid-template-columns:1fr}.admin-product-list{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-sidebar{left:-270px;width:260px;padding-top:22px}.admin-shell.sidebar-open .admin-sidebar{left:0}.admin-main{padding:0 16px 30px}.admin-topbar{height:80px;gap:12px}.admin-topbar h1{font-size:24px}.admin-topbar .eyebrow{font-size:10px}.admin-menu-toggle{display:inline-flex;margin-left:auto;white-space:nowrap}.admin-back{font-size:12px;padding:10px 13px;white-space:nowrap}.admin-content{margin:20px auto}.admin-welcome{align-items:flex-start;flex-direction:column}.admin-welcome h2{font-size:25px}.admin-date-chip{font-size:12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:134px;padding:13px}.stat-card>span{font-size:12px;gap:7px}.stat-icon{width:34px;height:34px}.stat-icon svg{width:19px;height:19px}.stat-card strong{font-size:23px;margin-top:10px}.stat-card small{font-size:11px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-panel{padding:17px}.week-chart{height:170px;gap:6px;padding-inline:0}.week-bar{width:min(30px,70%)}.admin-panel h3{font-size:16px}.admin-panel-head p{font-size:12px}.admin-form-grid{grid-template-columns:1fr;padding:17px;gap:15px}.span-all{grid-column:auto}.admin-form-grid>label{font-size:13px}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-section-head h2{font-size:22px}.admin-section-head p{font-size:13px}.admin-action,.admin-danger{min-height:42px;font-size:13px;padding:9px 15px}.product-editor-fields{grid-template-columns:1fr}.product-editor-head strong{font-size:14px}.orders-kpi-row{gap:7px}.orders-kpi-row>div{padding:12px}.orders-kpi-row span{font-size:11px}.orders-kpi-row strong{font-size:18px}.admin-table{min-width:650px}.admin-table th{font-size:11px}.admin-table td{font-size:13px}.admin-table td,.admin-table th{padding:11px 9px}.seo-preview-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.admin-welcome,.stat-card,.admin-panel,.admin-product-card,.week-bar,.welcome-wave{animation:none!important;transition:none!important}}
.modal-logo{margin-inline:auto}