:root{color-scheme:dark;--bg:#0b1017;--panel:#111923;--panel-2:#17212e;--line:#263244;--text:#f1f5f9;--muted:#a5b2c4;--subtle:#718199;--accent:#34d399;--accent-soft:#16392e;--danger:#fca5a5;--radius:15px;--sidebar:248px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #66e5b5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:10px;font-weight:680}h2{font-size:17px;letter-spacing:-.35px;margin-bottom:8px;font-weight:650}h3{font-size:15px;margin-bottom:7px}small{display:block;font-size:12px;line-height:1.5}p{line-height:1.75}code,.mono{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}code{color:#b8d9ec;overflow-wrap:anywhere}img{max-width:100%}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);font-weight:600;line-height:1.25;text-align:center;white-space:normal;transition:background .15s,transform .15s}.button:hover{background:#233247;border-color:#41536d}.button.primary{background:var(--accent);color:#073025;border-color:var(--accent)}.button.primary:hover{background:#63e3b4;transform:translateY(-1px)}.button.light{background:#edfdf6;color:#11382b;border-color:#edfdf6}.button.subtle{background:#17212e}.button.danger{background:#321d25;color:var(--danger);border-color:#5b303b}.button.small{font-size:12px;min-height:34px;padding:8px 12px}.button.full{width:100%}.button .icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.icon-button:hover{background:#223046;color:#fff}.text-link{display:inline-flex;align-items:center;gap:8px;color:#6ee7b7;font-weight:600;font-size:13px}.text-link .icon{width:15px}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--muted);font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #34d39933;flex-shrink:0}.pill,.chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:600;color:var(--muted);padding:3px 8px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0e151f;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;padding:24px 15px 0}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:17px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.brand small{font-size:9px;color:var(--subtle);letter-spacing:1.9px;font-weight:600;margin-top:6px}.brand-mark{width:38px;height:40px;display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--accent);color:#0c3529;flex-shrink:0;font-size:27px;font-weight:800;border-radius:10px;line-height:1;box-shadow:0 5px 20px #34d39918}.brand-mark span{position:absolute;right:3px;top:5px;font-size:11px}.workspace-chip{display:flex;align-items:center;gap:8px;margin:25px 2px 14px;border:1px solid #263244;background:#131e2a;border-radius:9px;padding:11px;font-size:11px;color:#c0cddd}.workspace-chip .chip{margin-left:auto;font-size:9px;padding:1px 4px;color:#6ee7b7;border-color:#275541;background:#163328}.sidebar nav{overflow:auto;flex:1;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:#29384a transparent}.nav-label{text-transform:uppercase;font-size:9px;letter-spacing:1.7px;font-weight:700;color:#7d8da4;margin:21px 13px 9px}.nav-link{display:flex;align-items:center;gap:12px;min-height:41px;padding:10px 13px;color:#a9b6c9;border-radius:8px;margin-bottom:3px;font-size:12px;font-weight:550}.nav-link:hover{background:#172333;color:white}.nav-link.active{background:linear-gradient(95deg,#193e32,#142b26);color:#6ee7b7;border:1px solid #285340;padding:9px 12px}.nav-link .icon{width:17px;height:17px;opacity:.9}.nav-count{margin-left:auto;min-width:19px;padding:0 5px;background:#314136;border-radius:4px;font-size:10px;color:#c1f7d9}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:18px 6px;border-top:1px solid var(--line)}.sidebar-footer>span:nth-child(2){flex:1;min-width:0}.sidebar-footer strong{display:block;font-size:11px;overflow-wrap:anywhere}.sidebar-footer small{font-size:10px;color:var(--subtle);margin-top:3px}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#334247;color:#b4f5d8;font-size:13px;font-weight:600}.main-shell{margin-left:var(--sidebar)}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;background:#0c131c}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:11px;color:#7f91aa}.breadcrumb span{margin:0 12px;color:#3d4b60}.breadcrumb strong{color:#c4cfdf;font-weight:500}.topbar-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8bac7}.content{padding:33px 34px 0;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-footer{border-top:1px solid var(--line);padding:25px 0;margin-top:34px;display:flex;justify-content:space-between;gap:12px;color:#8595ac;font-size:10px}.hero-card{position:relative;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 84% 30%,#1b49394d,transparent 60%),linear-gradient(115deg,#13332e,#13202e 80%);border:1px solid #2c4c45;border-radius:var(--radius);padding:31px 34px;margin-bottom:23px;min-height:245px}.hero-card h2{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:620;margin:14px 0}.hero-card p{max-width:410px;font-size:11px;color:#b1c7c3;margin-bottom:18px}.hero-tag{font-size:9px;letter-spacing:1.5px;color:#96d5be;display:flex;align-items:center;gap:8px;font-weight:650}.hero-art{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.hero-cube{position:relative;display:flex;align-items:center;justify-content:center;height:105px;width:105px;transform:rotate(-12deg);border-radius:26px;background:linear-gradient(135deg,#5de4b2,#237d65);box-shadow:0 0 65px #34d39925,8px 9px 0 #14483d,14px 17px 0 #102d29;border:1px solid #93f0ca}.hero-cube .icon{height:62px;width:62px;color:#103e31;stroke-width:1.2}.orbit{position:absolute;left:50%;top:50%;border:1px solid #4a8a6a33;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);width:245px;height:140px}.orbit-two{width:310px;height:200px;transform:translate(-50%,-50%) rotate(25deg)}.float-label{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #405b52;background:#152e2bcc;backdrop-filter:blur(6px);border-radius:9px;font-size:10px;color:#d2e9e0;box-shadow:0 6px 20px #0002}.float-label.top{top:18px;right:10px}.float-label.bottom{bottom:6px;left:0}.float-label .icon{width:14px;height:14px;color:#6ee7b7}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card{display:flex;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:21px 18px;background:var(--panel)}.stat-label{font-size:11px;color:#b0bdcd}.stat-card strong{display:block;font-size:27px;line-height:1.3;letter-spacing:-1px;margin:9px 0;font-weight:650;overflow-wrap:anywhere}.stat-card small{font-size:9px;color:#8899b0}.stat-icon{display:flex;align-items:center;justify-content:center;height:32px;width:32px;background:#1d2a3a;border:1px solid #2d3b4f;border-radius:8px;color:#8ca6c4}.stat-icon .icon{width:16px;height:16px}.stat-card:first-child .stat-icon{color:#62dfad;background:#17382f;border-color:#2b5142}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin-bottom:23px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.card-heading h2{margin-bottom:4px;font-size:14px}.card-heading p{font-size:10px;color:#91a2b8;margin:0}.chart-wrap svg{display:block;width:100%;max-height:240px}.chart-note{color:#8c9db4;font-size:10px;padding-top:7px}.check-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #253144}.check-row:last-child{border-bottom:0;padding-bottom:4px}.check-row>span:nth-child(2){flex:1}.check-row strong{font-size:11px;font-weight:600}.check-row small{font-size:10px;color:#8e9fb4;margin-top:3px}.check-row>.icon{width:12px;height:12px;color:#70869c}.check-icon{height:25px;width:25px;display:flex;align-items:center;justify-content:center;border:1px solid #3a485b;border-radius:50%;color:#94a5bc;font-size:10px;flex-shrink:0}.check-icon.done{border-color:#27674b;color:#6ee7b7;background:#183b2b}.table-wrap{width:100%;overflow:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#8fa0b8;font-weight:500;font-size:10px;padding:11px 13px;background:#141e2b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 13px;border-bottom:1px solid #222e3e;color:#c3cfdd;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{font-size:12px;font-weight:550;color:#e1e9f4}td small{font-size:10px;color:#8396b0;margin-top:3px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:600;white-space:nowrap;border-radius:5px;background:#243247;color:#b8c9df;padding:4px 8px;line-height:1.4;border:1px solid #344862}.badge::before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.approved,.badge.active{color:#6ee7b7;background:#16382c;border-color:#24513d}.badge.pending{color:#f5d179;background:#3a301b;border-color:#554526}.badge.cancelled,.badge.inactive,.badge.refunded{color:#f5a7b4;background:#3a222d;border-color:#57313f}.badge.submitted,.badge.draft{color:#9ec8f8;background:#1b3047;border-color:#2b4b68}.notice{padding:14px 17px;background:#172738;border:1px solid #35506b;border-radius:10px;color:#b8d4ee;font-size:12px;line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere}.notice.success{background:#123829;border-color:#286348;color:#9aefc4}.notice.warning{background:#332c1c;border-color:#5c4b26;color:#eed5a3}.notice.error{background:#3a222a;border-color:#743547;color:#ffc0cc}.notice p{margin:5px 0 0}.notice code{color:inherit}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field>span{color:#d2dce9;font-size:12px;font-weight:550}.field>small{color:#93a6bf;font-size:11px}.field input,.field select,.field textarea,.search-form input,.search-form select{width:100%;min-height:43px;background:#0d1520;border:1px solid #344257;border-radius:8px;color:#edf3fb;padding:11px 12px;line-height:1.4;min-width:0}.field input[type=color]{padding:5px;width:100%;max-width:200px;height:46px}.field input[type=file]{padding:8px;font-size:12px;color:#aabbd0}.field input::file-selector-button{border:1px solid #3d5067;border-radius:5px;background:#223347;color:#d9e6f5;padding:7px 10px;margin-right:12px;cursor:pointer}.field textarea{resize:vertical;min-height:100px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#34d399}.field input::placeholder,.search-form input::placeholder{color:#7f91a9}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:23px;align-items:start}.two-column.wide-left{grid-template-columns:1.7fr 1fr}.editor-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:23px;align-items:start}.form-stack>.field:last-child{margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;margin:18px 0 8px}.toggle-field{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);position:relative;margin-bottom:18px;cursor:pointer}.toggle-field>span:first-child{flex:1;min-width:0}.toggle-field strong{font-weight:500;font-size:12px}.toggle-field small{color:var(--muted);font-size:11px;margin-top:5px}.toggle-field input{position:absolute;right:0;width:40px;height:24px;opacity:0;z-index:2;cursor:pointer}.toggle-track{width:39px;height:22px;border:1px solid #495771;background:#26364d;border-radius:20px;position:relative;flex-shrink:0}.toggle-track::before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#adbed2;border-radius:50%;transition:transform .15s}.toggle-field input:checked+.toggle-track{background:#1e825d;border-color:#34d399}.toggle-field input:checked+.toggle-track::before{background:#eafff4;transform:translateX(17px)}.toggle-field input:focus-visible+.toggle-track{outline:2px solid #6ee7b7;outline-offset:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.search-form{display:flex;align-items:center;gap:9px;margin-bottom:17px}.search-form input{font-size:12px;min-width:100px}.search-form select{font-size:12px;max-width:170px}.toolbar .search-form{margin-bottom:0;flex:1}.search-form .icon{color:#8b9db5}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.empty-state{padding:34px 15px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:54px;height:54px;border:1px solid #33445b;background:#182738;color:#8cafc5;border-radius:15px}.empty-icon .icon{width:25px;height:25px}.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:#9db0c9;max-width:340px;margin:0 auto 18px}.product-cell{display:flex;align-items:center;gap:13px;min-width:180px}.product-cell img,.product-thumb{width:42px;height:42px;border:1px solid #34465b;border-radius:9px;object-fit:cover;flex-shrink:0}.product-thumb{display:flex;align-items:center;justify-content:center;color:#82b8b1;background:linear-gradient(135deg,#23403f,#1b293a)}.back-link{display:inline-block;font-size:12px;color:#a3b8ce;margin-bottom:20px}.detail-list{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.4fr);gap:16px;margin:20px 0;font-size:12px}.detail-list dt{color:#97aac1}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#dce6f3}.detail-list dd small{color:var(--muted);font-size:11px}.totals{border-top:1px solid var(--line);padding-top:20px}.break-word{overflow-wrap:anywhere}.editor-image{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.banner-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.banner-row img{width:140px;height:80px;object-fit:cover;border-radius:9px}.banner-row .row-actions{margin-top:12px}.brand-preview{height:75px;max-width:200px;object-fit:contain;margin-bottom:20px}.connection-block{padding:23px;border:1px solid #325343;background:#102a23;border-radius:11px;margin-bottom:22px}.connection-block code{display:block;font-size:15px;color:#c2f7dd;margin:12px 0 18px}.endpoint-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.endpoint-row>div{flex:1;min-width:170px}.endpoint-row strong{display:block;font-size:11px}.endpoint-row code{color:#8196b1;font-size:10px}.endpoint-result{font-size:10px;color:#a6ddc0;min-width:65px}.setting-check{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--line);padding:12px 0}.message-row{border-top:1px solid var(--line);padding:22px 0 8px}.message-row p{font-size:12px;color:#becbdb;overflow-wrap:anywhere}.message-row .row-actions{margin-top:14px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 20px;background:radial-gradient(ellipse at 50% 0,#193c3455,transparent 60%),#0b1017}.auth-card{width:100%;max-width:460px;background:#111b28;border:1px solid #314158;border-radius:20px;padding:36px;box-shadow:0 30px 80px #0004}.auth-card h1{font-size:30px;margin:12px 0}.auth-card>p{color:#9cafc7;font-size:12px;margin-bottom:25px}.auth-card .field{margin-bottom:18px}.auth-card .full{margin-top:10px}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:30px;color:#b7c9dc;font-size:11px;font-weight:650;letter-spacing:1px}.auth-brand .brand-mark{height:36px;width:35px;font-size:24px}.auth-card .auth-footnote{display:block;font-size:10px;line-height:1.8;color:#90a5bf;margin:23px 0 0}.mobile-menu,.sidebar-shade{display:none}.preserve-lines{white-space:pre-line;overflow-wrap:anywhere}.storefront{background:#0b1017}.store-header{max-width:1270px;padding:25px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.store-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:-.5px}.store-brand img{height:42px;width:42px;object-fit:contain}.store-header nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:12px;color:#afbed1}.store-content{max-width:1270px;margin:auto;padding:35px 30px}.store-hero{padding:45px 0 40px;background:radial-gradient(ellipse at 75% 20%,#184f3a44,transparent 55%)}.store-hero .eyebrow{color:#6ee7b7}.store-hero h1{font-size:54px;font-weight:620;letter-spacing:-2.5px;line-height:1.13;margin:20px 0}.store-hero p{max-width:520px;color:#a3b8ce;font-size:14px}.store-benefits{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-size:11px;color:#bfdbd3}.store-benefits span{display:flex;gap:9px;align-items:center}.store-benefits .icon{color:#6ee7b7;width:16px;height:16px}.store-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.store-banners img{width:100%;max-height:200px;object-fit:cover;border-radius:13px;border:1px solid var(--line)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 0}.catalog-toolbar h2{font-size:21px;margin:0}.catalog-toolbar .search-form{margin:0;max-width:560px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.store-product{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,border-color .2s}.store-product:hover{transform:translateY(-4px);border-color:#527061}.store-product-image{height:210px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#265546,#172532 70%);border-bottom:1px solid var(--line)}.store-product-image img{width:100%;height:100%;object-fit:cover}.store-product-image>.icon{width:65px;height:65px;color:#6cbfa4;stroke-width:1}.store-product-body{padding:23px}.store-product-body .eyebrow{font-size:9px}.store-product-body h3{font-size:18px;line-height:1.35}.store-product-body p{font-size:12px;color:#9eb2c9;min-height:42px}.store-product-body>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.store-product-body strong{color:#a8f3cf;font-size:17px}.store-footer{display:flex;justify-content:space-between;gap:20px;color:#859bb5;font-size:10px;padding:35px 0 15px;border-top:1px solid var(--line);margin-top:50px}.store-auth{margin:20px auto 50px}.store-auth>.text-link{margin-top:24px}.cart-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.cart-row>div{flex:1}.cart-row small{color:#92a8bf;margin-top:5px}.checkout-card{max-width:680px;margin:0 auto}.checkout-card h1{font-size:42px;margin-top:15px}.checkout-card>.button{margin:10px 10px 10px 0}.pix-image{display:block;background:white;max-width:260px;margin:25px auto;border:10px solid white;border-radius:10px}.customer-order{display:flex;justify-content:space-between;align-items:center;gap:25px}.customer-order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.customer-order-actions strong{font-size:21px;color:#a8f3cf}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px}.product-detail-image{display:flex;align-items:center;justify-content:center;min-height:320px;background:#182c2b;border-radius:13px;overflow:hidden}.product-detail-image img{width:100%;height:100%;max-height:500px;object-fit:contain}.product-detail-image>.icon{width:100px;height:100px;color:#5aaf91;stroke-width:1}.product-detail h1{margin-top:15px}.product-detail .text-link{margin:22px 0}.product-price{font-size:27px;color:#8aecbd}.product-detail .notice{margin-top:15px}
@media(min-width:1600px){.content{padding-left:48px;padding-right:48px}.hero-card{padding:38px 43px}.hero-card h2{font-size:34px}}
@media(max-width:1200px){:root{--sidebar:223px}.sidebar{padding-left:10px;padding-right:10px}.content{padding:28px 23px 0}.topbar{padding:0 23px}.hero-card{padding:27px}.hero-card h2{font-size:26px}.float-label.top{right:-8px}.stats-grid{gap:12px}.stat-card{padding:17px 13px}.stat-card strong{font-size:23px}.stat-icon{width:27px;height:27px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.card{padding:20px}.two-column.wide-left{grid-template-columns:1.3fr 1fr}.product-grid{gap:18px}.store-product-body{padding:18px}}
@media(max-width:1000px){.topbar-status{display:none}.hero-card{grid-template-columns:1.4fr 1fr}.hero-art{transform:scale(.83)}.float-label.top{right:-25px}.float-label.bottom{left:-20px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card:nth-child(2){display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.dashboard-grid>.card:nth-child(2)>.card-heading{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.two-column.wide-left,.editor-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-direction:column;align-items:flex-start}.catalog-toolbar .search-form{width:100%;max-width:none}.store-hero h1{font-size:46px}.product-detail{gap:25px;padding:25px}}
@media(max-width:760px){:root{--sidebar:248px}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 70px #0006}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-shade{border:0;background:#0008;position:fixed;inset:0;z-index:35;width:100%;height:100%}.sidebar-open .sidebar-shade{display:block}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:64px;padding:0 18px}.topbar-left{gap:9px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.topbar-right{gap:0}.topbar-right .button{font-size:10px;padding:8px 10px;min-height:31px}.content{padding:25px 18px 0}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading .button{min-height:36px;padding:9px 11px;font-size:10px}.page-heading .button .icon{width:13px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-card{padding:24px;min-height:225px;grid-template-columns:1fr .7fr}.hero-card h2{font-size:24px}.hero-card p{font-size:10px}.hero-art{transform:scale(.7);min-width:160px}.hero-tag{font-size:8px;letter-spacing:1px}.float-label{font-size:9px}.stats-grid{gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:25px}.card{padding:19px;border-radius:12px;margin-bottom:18px}.page-footer{font-size:9px;padding:20px 0}.two-column,.editor-grid{gap:0}.toolbar{align-items:stretch;flex-direction:column}.search-form{flex-wrap:wrap}.search-form input{flex:1}.search-form select{max-width:none;flex:1}.table-wrap{margin:0 -4px;width:calc(100% + 8px)}th,td{padding-left:10px;padding-right:10px}.auth-card{padding:29px 25px}.auth-card h1{font-size:28px}.store-header{padding:18px;gap:18px;flex-wrap:wrap}.store-header nav{gap:18px}.store-brand{font-size:17px}.store-brand .brand-mark{width:31px;height:33px;font-size:23px}.store-header nav{font-size:11px}.store-content{padding:20px 18px}.store-hero{padding:24px 0 30px}.store-hero h1{font-size:40px;letter-spacing:-1.5px}.store-hero p{font-size:12px}.store-benefits{gap:17px;font-size:10px}.store-benefits .icon{width:13px}.product-grid{gap:15px}.store-product-image{height:170px}.store-product-body{padding:17px}.store-product-body h3{font-size:15px}.store-product-body p{font-size:11px}.store-product-body>div{flex-direction:column;align-items:flex-start;gap:15px;margin-top:17px}.store-product-body strong{font-size:16px}.store-product-body .button{font-size:10px}.product-detail{grid-template-columns:1fr}.product-detail-image{min-height:230px}.customer-order{align-items:flex-start;flex-wrap:wrap}.customer-order-actions{align-items:flex-start}.cart-row{flex-wrap:wrap;gap:14px}.cart-row>div{min-width:150px}.store-footer{flex-direction:column;gap:10px}}
@media(max-width:480px){.hero-card{grid-template-columns:1fr;min-height:0}.hero-art{display:none}.hero-card h2{font-size:27px}.hero-card p{max-width:100%;font-size:11px}.stats-grid{gap:10px}.stat-card{padding:16px 12px}.stat-card strong{font-size:24px}.stat-label{font-size:10px}.stat-card small{font-size:9px}.stat-icon{width:25px;height:25px}.dashboard-grid>.card:nth-child(2){display:block}.form-grid{grid-template-columns:1fr;gap:0}.page-heading{margin-bottom:22px}.page-heading>.button{max-width:110px}.banner-row{align-items:flex-start;gap:14px}.banner-row img{width:100px;height:75px}.detail-list{grid-template-columns:1fr 1.25fr;font-size:11px;gap:14px}.store-hero h1{font-size:36px}.store-header nav{gap:14px}.product-grid{grid-template-columns:1fr}.store-product-image{height:220px}.store-product-body>div{flex-direction:row;align-items:center}.product-detail{padding:20px}.connection-block{padding:18px}.connection-block code{font-size:12px}.endpoint-row>div{min-width:135px}.auth-page{padding:23px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep navigation and working text readable on phone screens. */
.nav-link{font-size:13px}.card-heading h2{font-size:15px}table{font-size:13px}th{font-size:11px}td strong{font-size:13px}.stat-label{font-size:12px}.check-row strong{font-size:12px}.check-row small{font-size:11px}.page-heading p{font-size:13px}.card-heading p{font-size:12px}.field>span{font-size:13px}