:root{--bg:#f5f7fa;--surface:#fff;--ink:#17212f;--muted:#748094;--line:#e7ebf0;--nav:#101828;--primary:#5b58e8;--primary-dark:#4440ce;--violet:#efedff;--green:#128969;--green-light:#e4f8f0;--red:#d34b59;--red-light:#fff0f0;--orange:#b77914;--orange-light:#fff6e4;--radius:16px;--shadow:0 10px 30px rgba(25,35,65,.045);font-family:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8b5ff;outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;letter-spacing:-.035em}p{line-height:1.6}svg{vertical-align:middle}input,select,textarea{max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#cbd3dc;border-radius:12px}::selection{background:#ddd9ff}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:248px;background:var(--nav);color:#c8d0dc;display:flex;flex-direction:column}.sidebar-head{padding:28px 24px 24px;display:flex;align-items:center;gap:12px}.brand-mark{height:38px;width:38px;display:grid;place-items:center;background:linear-gradient(140deg,#7a70ff,#4141dd);color:white;border-radius:12px;box-shadow:0 7px 20px #5554df45;font-size:20px;font-weight:900}.brand-name{color:white;font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.06em}.brand-tag{color:#8491a8;font-size:10px;font-weight:800;letter-spacing:.14em;margin-top:3px}.sidebar-label{padding:20px 24px 9px;font-weight:800;font-size:10px;letter-spacing:.13em;color:#6e7c94}.nav-links{overflow-y:auto;padding:0 12px 16px;flex:1}.nav-link{border:0;background:transparent;color:#aab5c5;display:flex;width:100%;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;text-align:left;font-weight:600;margin:2px 0;transition:background .15s,color .15s}.nav-link:hover{background:#1d293b;color:white}.nav-link.active{background:#292b57;color:#ddd8ff}.nav-icon{width:20px;display:flex;align-items:center;justify-content:center}.nav-arrow{margin-left:auto;font-size:11px;color:#798396}.sidebar-bottom{padding:14px 15px 21px;border-top:1px solid #2a3344}.side-user{display:flex;align-items:center;gap:10px;padding:10px 8px}.avatar{border-radius:12px;height:38px;width:38px;background:#e7e7ff;color:#514be1;display:grid;place-items:center;font-weight:800;flex-shrink:0}.side-user .avatar{background:#323b67;color:#c9c7ff}.side-user strong{font-size:12px;color:white;display:block}.side-user small{font-size:11px;color:#8e9db1}.logout{display:flex;align-items:center;gap:8px;color:#aab5c5;background:transparent;border:none;padding:9px 10px;width:100%;border-radius:9px}.logout:hover{background:#29334b;color:white}.main-area{width:calc(100% - 248px);margin-left:248px;min-width:0}.topbar{height:79px;background:white;border-bottom:1px solid #edf0f3;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left{display:flex;align-items:center;gap:12px}.crumb{font-size:12px;color:#8e9aab}.crumb b{font-weight:800;color:#424c5d}.topbar-right{display:flex;align-items:center;gap:18px}.today{font-size:12px;font-weight:600;color:#7d8999}.icon-btn{height:38px;width:38px;border:1px solid var(--line);background:white;display:grid;place-items:center;border-radius:10px;color:#6d778a}.top-avatar{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.top-avatar .avatar{width:33px;height:33px;border-radius:50%}.content{padding:30px 35px 55px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:25px}.page-heading h1{font-size:27px;margin:0 0 5px;font-weight:800}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;min-height:40px;white-space:nowrap}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #5753dd22}.btn.primary:hover{background:var(--primary-dark)}.btn.light{background:white;border-color:var(--line);color:#405067}.btn.light:hover{background:#f8f9fe}.btn.dark{background:#152039;color:white}.btn.danger{background:var(--red-light);color:var(--red)}.btn:disabled{cursor:not-allowed;opacity:.42}.btn.tiny{min-height:31px;padding:6px 10px;font-size:11px}.icon-action{border:1px solid #e7e9ef;background:white;border-radius:9px;width:34px;height:34px;display:inline-grid;place-items:center;color:#6c7384}.icon-action:hover{border-color:#bcb8ff;color:var(--primary)}.icon-action.danger:hover{background:var(--red-light);border-color:#fac6cc;color:var(--red)}.btn-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric-card{border:1px solid var(--line);background:white;padding:21px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.metric-label{font-size:12px;color:#7e8a9d;font-weight:700}.metric-icon{height:39px;width:39px;border-radius:11px;background:#efeeff;color:var(--primary);display:grid;place-items:center}.metric-icon.green{background:#e6f9f2;color:#0b9d75}.metric-icon.orange{background:#fff5e7;color:#cc8c29}.metric-icon.blue{background:#e9f2ff;color:#3274c3}.metric-value{font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-meta{font-size:11px;margin-top:9px;color:#9ba4b4}.metric-meta em{color:#11966f;font-style:normal;font-weight:800}.panel{border:1px solid var(--line);background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-pad{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panel-head h3{margin:0;font-size:15px;font-weight:800}.panel-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.chart-bars{display:flex;gap:11px;align-items:flex-end;height:195px;padding:18px 5px 0;border-bottom:1px solid #e9edf2}.chart-col{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;gap:10px;min-width:0}.chart-col .bar{width:100%;max-width:38px;min-height:3px;background:linear-gradient(180deg,#7d74ff,#5454e3);border-radius:7px 7px 1px 1px;position:relative;transition:height .3s}.chart-col .bar:hover{background:#3335ba}.chart-col small{font-size:10px;color:#99a2b2;margin-bottom:-23px;white-space:nowrap}.chart-caption{display:flex;justify-content:space-between;gap:12px;margin-top:35px;font-size:11px;color:#9aa5b5}.chart-caption b{font-size:14px;color:#253044}.chart-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#142036;color:white;font-size:10px;padding:6px;border-radius:6px;margin-bottom:5px;z-index:2}.bar:hover .chart-tooltip{display:block}.category-list{display:grid;gap:21px;margin-top:22px}.category-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.category-row strong{font-weight:800}.track{height:8px;border-radius:20px;background:#f1f3f8;overflow:hidden}.track i{display:block;height:100%;border-radius:20px}.track i.laptop{background:#5e5ce6}.track i.smartphone{background:#37b4aa}.track i.tablet{background:#f3b35e}.subdued{color:var(--muted)}.notice{background:#f6f3ff;border-radius:12px;padding:15px;display:flex;align-items:center;gap:13px;color:#393082}.notice .notice-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e4deff;flex-shrink:0}.notice strong{font-size:12px;display:block}.notice p{font-size:11px;margin:4px 0 0;color:#786fa0}.alert-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f5}.alert-row:last-child{border-bottom:0}.alert-row strong{font-size:12px;display:block}.alert-row small{font-size:11px;color:#9da6b3}.activity-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f5}.activity-item:last-child{border-bottom:0}.activity-dot{background:#efedff;border-radius:50%;width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;color:#625ae6}.activity-item strong{font-size:11px;line-height:1.4;display:block}.activity-item small{font-size:10px;color:#9ba4b3;display:block;margin-top:5px}.table-panel{padding:20px 0 4px}.table-top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 22px 19px}.table-top h3{font-size:15px;margin:0}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:0 11px;border-radius:10px;min-width:210px;min-height:39px;color:#a0a9b7}.search input{border:none;background:transparent;outline:none;flex:1;min-width:60px;font-size:12px}.search input:focus{outline:none}.filter-select{padding:10px 12px;min-height:39px;border:1px solid var(--line);background:white;color:#455066;border-radius:10px;font-size:12px}.tabrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tab{padding:9px 14px;border-radius:9px;border:none;background:transparent;color:#8791a2;font-size:12px;font-weight:800}.tab:hover{background:#f4f4ff}.tab.active{background:#eeecff;color:#5550d7}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table thead{background:#f8f9fc}.data-table th{text-align:left;padding:13px 18px;font-size:10px;letter-spacing:.055em;text-transform:uppercase;color:#8f9aab;font-weight:800}.data-table td{padding:14px 18px;border-top:1px solid #f1f3f6;font-size:12px;color:#495367}.data-table td strong{color:#222c3c}.data-table tr:hover td{background:#fdfdff}.table-product{display:flex;align-items:center;gap:12px;min-width:215px}.table-product .device-art{width:51px;height:48px;flex-shrink:0}.table-product strong{display:block;font-size:12px}.table-product small{display:block;font-size:10px;color:#99a3b1;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;background:#edf2f7;color:#647386}.pill.success{background:#e7f8ee;color:#168962}.pill.warning{background:#fff4df;color:#ae7c22}.pill.danger{background:#ffebee;color:#c74655}.pill.info{background:#efedff;color:#6252ce}.empty{padding:46px 20px;text-align:center;color:#8993a4}.empty .empty-symbol{font-size:32px;margin-bottom:10px;display:block}.empty strong{display:block;color:#3d4758;margin-bottom:5px}.empty p{margin:0;font-size:12px}.table-footer{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f6;color:#9aa4b3;font-size:11px;gap:10px}.pagination{display:flex;gap:5px}.pagination button{height:30px;min-width:30px;padding:0 8px;background:white;border:1px solid var(--line);border-radius:7px;color:#69788c;font-size:11px}.pagination button.active{background:var(--primary);color:white;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:default}
.device-art{position:relative;background:linear-gradient(140deg,#f2f5fe,#eceeff);height:125px;width:100%;border-radius:13px;display:grid;place-items:center;overflow:hidden}.device-art.laptop{background:linear-gradient(140deg,#e9f1ff,#f1f0ff)}.device-art.smartphone{background:linear-gradient(140deg,#f4efff,#e9eafa)}.device-art.tablet{background:linear-gradient(140deg,#e5f5f1,#ecf3fb)}.device-art::before{content:'';position:absolute;height:130%;width:80%;border:1px solid #ffffff88;border-radius:50%;transform:rotate(-20deg)}.device{position:relative;box-shadow:0 12px 18px #191f4630}.device.laptop{width:80px;height:55px;background:#242c3f;border:4px solid #303849;border-radius:5px 5px 2px 2px;transform:translateY(-5px)}.device.laptop::before{content:'';position:absolute;inset:3px;background:linear-gradient(135deg,#a89dff,#4b73dd 53%,#72d4d4);border-radius:1px}.device.laptop::after{content:'';position:absolute;left:-14px;right:-14px;bottom:-11px;height:6px;background:linear-gradient(#d9dee8,#959eae);border-radius:1px 1px 8px 8px}.device.smartphone{width:41px;height:76px;border:4px solid #282a43;border-radius:10px;background:linear-gradient(135deg,#0c1744,#7478f0 45%,#c9abf9)}.device.smartphone::after{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:13px;height:3px;background:#141c35;border-radius:5px}.device.tablet{width:98px;height:68px;border:5px solid #303d4b;border-radius:9px;background:linear-gradient(135deg,#205177,#6dbfce,#d5e7f2)}.device.tablet::after{content:'';position:absolute;right:-3px;top:50%;height:4px;width:2px;background:#ccc;border-radius:4px}.device-art.big{height:175px}.device-art.big .device.laptop{transform:scale(1.45) translateY(-3px)}.device-art.big .device.smartphone,.device-art.big .device.tablet{transform:scale(1.42)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{padding:10px;border:1px solid var(--line);border-radius:14px;background:white;min-width:0}.product-card .device-art{height:130px}.product-card-body{padding:12px 5px 5px}.product-card .card-meta{display:flex;justify-content:space-between;gap:6px;color:#97a2b1;font-size:10px;margin-bottom:8px}.product-card h3{font-size:12px;margin:0 0 5px;font-weight:800;min-height:34px;line-height:1.45}.product-card .desc{color:#949dac;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.product-card .price{font-size:14px;font-weight:800;letter-spacing:-.035em;margin-bottom:12px}.product-card .btn{width:100%}.product-catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;flex-wrap:wrap}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:20px;align-items:start}.cart-panel{position:sticky;top:18px}.cart-list{display:grid;gap:14px;max-height:350px;overflow:auto}.cart-item{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #eff1f5}.cart-item .device-art{width:54px;height:51px;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-info small{font-size:10px;color:#9da7b5}.qty-control{display:flex;align-items:center;gap:9px;margin-top:6px}.qty-control button{border:1px solid #e5e8ef;border-radius:6px;background:white;width:23px;height:23px;line-height:1;font-size:13px}.qty-control span{font-size:11px;font-weight:800;min-width:11px;text-align:center}.bill-lines{border-top:1px dashed #d8dde6;margin-top:18px;padding-top:16px;display:grid;gap:12px}.bill-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8792a3;gap:10px}.bill-line b{color:#30394b;font-weight:800}.bill-line.total{border-top:1px solid #e5e9f0;padding-top:14px;color:#242d3f;font-weight:800;font-size:13px}.bill-line.total b{font-size:18px;color:#544ed6;letter-spacing:-.05em}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:11px;color:#566276}.field input,.field select,.field textarea{width:100%;background:white;border:1px solid #e1e6ed;border-radius:9px;padding:11px 12px;font-size:12px;color:#334154;min-height:40px;outline:none}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#817afa;box-shadow:0 0 0 3px #ebeaff}.field small{font-size:10px;color:#99a3af}.divider{height:1px;background:var(--line);margin:18px 0}.right-text{text-align:right}.muted-title{font-size:11px;color:#8e98a6;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.mini-stat{background:#f9fafc;padding:15px;border:1px solid #edf0f4;border-radius:12px}.mini-stat small{font-size:11px;color:#8e99a7;display:block;margin-bottom:9px}.mini-stat strong{font-size:20px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-list{display:grid;gap:10px}.profile-row{display:flex;gap:8px;justify-content:space-between;border-bottom:1px solid #f0f1f5;padding:11px 0;font-size:12px}.profile-row span{color:#8894a5}.profile-row b{text-align:right}.section-note{padding:14px 16px;border-radius:12px;background:#f1f3ff;color:#5956aa;font-size:12px;line-height:1.6}.section-note.warning{background:#fff7ec;color:#9e6d27}.settings-card{max-width:800px}.catalog-hero{background:linear-gradient(100deg,#151b3a,#3c398a);border-radius:17px;min-height:200px;color:white;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;position:relative;overflow:hidden}.catalog-hero h2{font-size:30px;color:white;margin:0 0 9px;max-width:490px}.catalog-hero p{color:#c8c9e8;max-width:430px;margin:0}.catalog-hero::after{content:'';height:230px;width:230px;border:48px solid #ffffff14;position:absolute;right:70px;top:-105px;border-radius:50%}.hero-orb{height:110px;width:110px;flex-shrink:0;z-index:1;border-radius:25px;background:linear-gradient(130deg,#968aff,#4c5bdd);display:grid;place-items:center;font-size:60px;transform:rotate(-12deg);box-shadow:0 20px 60px #10102e77}
.modal-backdrop{position:fixed;inset:0;background:#0e142b94;z-index:70;display:flex;justify-content:center;align-items:center;padding:18px;overflow:auto}.modal{width:min(100%,620px);max-height:min(92vh,1000px);overflow-y:auto;background:white;border-radius:18px;box-shadow:0 30px 70px #10152a50;animation:appear .2s ease}.modal.wide{width:min(100%,760px)}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-head{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f3}.modal-head h3{font-size:18px;margin:0}.modal-body{padding:24px}.modal-footer{border-top:1px solid #edf0f3;padding:16px 24px;display:flex;justify-content:flex-end;gap:9px}.modal-close{background:#f4f6fa;border:0;border-radius:9px;width:32px;height:32px;font-size:20px;color:#707e91}.invoice{font-size:12px}.invoice-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;margin-bottom:20px;border-bottom:2px solid #1b2443}.invoice-top h2{margin:0;color:#2822ab;font-size:20px}.invoice-top p{font-size:11px;color:#798599;margin:6px 0}.invoice-table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-table th{text-align:left;padding:10px 6px;border-bottom:1px solid #d9dee7;font-size:10px;color:#8794a4}.invoice-table td{padding:12px 6px;border-bottom:1px solid #edf0f3}.invoice-summary{max-width:295px;margin-left:auto}.invoice-summary .bill-line{margin:10px 0}.toast-root,#toast-root{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{background:#162238;color:white;border-radius:11px;padding:13px 18px;max-width:360px;box-shadow:0 12px 25px #0c153339;font-weight:700;font-size:12px;animation:appear .15s}.toast.error{background:#bc3445}.hamburger{display:none}.mobile-overlay{display:none}.kpi-foot{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-promo{background:#101827;color:white;padding:44px 8%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:100vh}.login-promo:before{content:'';width:510px;height:510px;background:radial-gradient(circle,#5958c9aa,transparent 70%);position:absolute;top:24%;left:28%;filter:blur(25px)}.login-promo .sidebar-head{padding:0;position:relative;z-index:2}.promo-content{position:relative;z-index:2}.promo-content h1{font-size:48px;line-height:1.2;max-width:530px;margin:0 0 18px;color:white}.promo-content h1 span{color:#a8a4ff}.promo-content p{color:#b2bbd0;max-width:400px}.promo-visual{background:linear-gradient(145deg,#4143a4,#242a51);height:225px;border:1px solid #ffffff26;border-radius:24px;margin-top:30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:30px;box-shadow:0 30px 90px #00000050}.promo-visual .device{transform:scale(1.5)}.promo-visual .device.laptop{margin-right:12px;transform:scale(1.6)}.promo-visual .device.smartphone{transform:scale(1.6)}.promo-visual .device.tablet{transform:scale(1.45)}.login-promo footer{position:relative;z-index:2;color:#78879f;font-size:11px}.login-main{padding:55px min(9%,90px);display:flex;flex-direction:column;justify-content:center;max-width:650px;width:100%;margin:auto}.login-main h2{font-size:30px;margin-bottom:8px}.login-main>p{color:#9ba4b4;font-size:13px;margin-bottom:31px}.login-main .field{margin-bottom:17px}.login-main .field label{font-size:12px}.login-main .field input{min-height:46px}.login-main .btn{min-height:48px;width:100%;font-size:13px}.demo-accounts{background:#f8f9fe;padding:17px;border-radius:13px;margin-top:30px;border:1px solid #edeef7}.demo-accounts h4{font-size:12px;margin:0 0 10px}.demo-chips{display:flex;gap:7px;flex-wrap:wrap}.demo-chips button{background:#fff;border:1px solid #e2e5ee;color:#585e88;padding:7px 11px;border-radius:8px;font-size:11px;font-weight:700}.login-footer{margin-top:25px;text-align:center;font-size:11px;color:#a7b0bd}.input-hint{font-size:11px;color:#8b98a8;margin-top:8px}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:225px}.main-area{margin-left:225px;width:calc(100% - 225px)}.content{padding:26px}.topbar{padding:0 26px}.dashboard-grid{grid-template-columns:1.5fr 1fr}}@media(max-width:1020px){.dashboard-grid,.bottom-grid,.report-grid{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-promo{padding:40px}.promo-content h1{font-size:34px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:258px}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#11182c7f;z-index:19}.main-area{margin-left:0;width:100%}.topbar{height:65px;padding:0 18px}.hamburger{display:grid}.today{display:none}.top-avatar span{display:none}.content{padding:22px 17px 36px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-value{font-size:19px}.metric-icon{height:34px;width:34px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card .device-art{height:115px}.panel-pad{padding:17px}.table-top{padding:0 14px 16px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.login-page{grid-template-columns:1fr}.login-promo{min-height:0;padding:20px 22px}.login-promo .promo-content,.login-promo footer{display:none}.login-main{padding:40px 22px;min-height:calc(100vh - 80px)}.two-column{grid-template-columns:1fr}.catalog-hero{padding:21px}.catalog-hero h2{font-size:21px}.hero-orb{display:none}.topbar-right{gap:8px}.modal-body{padding:18px}.modal-head{padding:17px 18px}.modal-footer{padding:14px 18px}}@media(max-width:440px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-label{font-size:10px}.metric-value{font-size:16px}.product-grid{grid-template-columns:1fr 1fr}.product-card .price{font-size:12px}.heading-actions{width:100%}.page-heading{flex-direction:column}.filter-select{max-width:100%}.search{min-width:100%}.product-catalog-controls .search{width:100%}.tab{padding:8px 10px}.cart-panel{min-width:0}.invoice-top{flex-direction:column}.invoice-table{font-size:10px}}
@media print{body{background:white!important}body>*:not(#print-sheet){display:none!important}#print-sheet{display:block!important;position:static!important;padding:0!important;background:white!important}#print-sheet .invoice{max-width:800px;margin:auto}#print-sheet .hide-print{display:none!important}@page{margin:15mm;size:A4}}
#print-sheet{display:none}

.search:focus-within{border-color:#817afa;box-shadow:0 0 0 3px #ebeaff}