@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap');
:root{--ink:#152133;--slate:#63718a;--line:#e7ebf0;--bg:#f5f7fa;--dark:#111d2b;--yellow:#ffce3b;--blue:#2460dd;--card:#fff;--shadow:0 7px 25px #172e5010}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}h1,h2,h3{font-family:'Outfit',system-ui,sans-serif;line-height:1.18}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:1.55rem}h3{font-size:1.1rem}p{line-height:1.65}.wrap{max-width:1270px;margin:0 auto;padding:0 26px}.top{background:var(--dark);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 16px #090f191c}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:800 1.35rem 'Outfit',sans-serif;letter-spacing:.01em;color:#fff}.logo span{display:block;font:600 .57rem 'DM Sans',sans-serif;letter-spacing:.26em;color:var(--yellow);margin-left:32px}.head nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.91rem;font-weight:700}.head nav a:hover{color:var(--yellow)}.count{border-radius:15px;background:var(--yellow);color:var(--dark);padding:2px 7px}.hero{margin:30px 0 40px;min-height:430px;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;color:#fff;background:radial-gradient(circle at 85% 35%,#35455e 0,#1b293b 45%,#111d2b 90%);box-shadow:var(--shadow)}.hero>div:first-child{padding:65px 60px}.hero h1{max-width:630px;margin:12px 0 18px;letter-spacing:-.04em}.hero p{font-size:1.1rem;color:#c8d1df;max-width:510px}.eyebrow{font-size:.71rem;color:#edab14;font-weight:800;letter-spacing:.16em}.hero .eyebrow{color:var(--yellow)}.hero-features{color:#c6d0db;font-size:.79rem;margin-top:26px}.hero-visual{height:100%;min-height:380px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#f9bd3122,transparent 65%)}.hero-visual .bolt{font-size:10rem;filter:drop-shadow(0 10px 25px #ffca4f55);transform:rotate(-10deg)}.hero-visual span{letter-spacing:.25em;color:#eebc49;font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--yellow);color:#192333;border:0;border-radius:9px;padding:12px 22px;font:800 .9rem 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(.96);color:#192333}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#e9edf3;color:var(--ink)}.btn-sm{padding:9px 12px;font-size:.8rem}.btn.full{width:100%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 18px}.section-head h1,.section-head h2{margin:0}.section-head a{color:var(--blue);font-weight:700;font-size:.9rem}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category{border:1px solid var(--line);background:#fff;border-radius:13px;padding:23px 18px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.category span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff5d7;font-size:1.5rem}.category strong{font-size:.85rem}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0 40px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.product-img{background:linear-gradient(125deg,#f2f4f8,#e6ebf3);height:180px;display:flex;align-items:center;justify-content:center}.product-img img{width:100%;height:100%;object-fit:contain;padding:12px}.product-img span{font-size:4.5rem;filter:grayscale(.2)}.product-info{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.product-info small{font-size:.66rem;color:#8e99aa;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-info h3{margin:7px 0 6px;font-size:1.02rem;min-height:2.4em}.product-info p{margin:5px 0 10px;font-size:.78rem}.product-info form{width:100%;margin-top:auto}.price{font:800 1.35rem 'Outfit',sans-serif;color:#17263a}.price.big{font-size:2.3rem}.muted{color:var(--slate);font-size:.86rem}.stock{color:#237448;font-weight:700}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start;margin:40px 0}.detail-art{display:flex;align-items:center;justify-content:center;background:#eef1f6;min-height:400px;border-radius:19px}.detail-art img{width:100%;max-height:480px;object-fit:contain;padding:30px}.detail-art span{font-size:10rem}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-grid>div{display:flex;justify-content:space-between;gap:6px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:.84rem}.spec-grid span{color:var(--slate)}.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:25px;border-radius:15px;margin:20px 0;overflow:auto}.panel h2{margin-top:0}.empty{background:#fff;border:1px dashed #cad3dd;border-radius:12px;padding:44px;text-align:center;color:var(--slate);margin:30px 0}.empty a{color:var(--blue)}table{width:100%;border-collapse:collapse;font-size:.88rem}td,th{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left;vertical-align:middle}th{color:var(--slate);font-size:.77rem;text-transform:uppercase}input,select,textarea{font:inherit;border:1px solid #d6dde6;padding:11px;border-radius:8px;background:#fff;max-width:100%;width:100%;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #f4c74c}label{display:flex;flex-direction:column;gap:5px;font-size:.83rem;font-weight:700}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.filters input,.filters select{width:auto;min-width:135px;flex:1}.filters label input{min-width:140px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline input,.inline select{width:auto;max-width:170px}.qty{width:75px!important}.total{text-align:right;padding:20px;font-size:1.1rem}.total strong{margin-left:22px}.auth{max-width:470px;margin:55px auto 70px;padding:33px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.auth.wide{max-width:830px}.auth form{display:grid;gap:15px}.auth .form-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid>.full{grid-column:1/-1}.checkbox{display:flex;flex-direction:row;align-items:center}.checkbox input{width:auto}.notice{margin:20px 0;padding:14px 17px;background:#e8f0ff;border:1px solid #b6c9fa;border-radius:10px;color:#24406d}.notice.danger{background:#ffeaea;border-color:#ffc6c6;color:#9f2f2f}.notice.success{background:#eaf9e9;border-color:#aee0b5;color:#256238}.metrics,.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metrics>div,.metric-cards>div{background:#fff;border:1px solid var(--line);padding:19px;border-radius:13px}.metrics span,.metric-cards span{display:block;color:var(--slate);font-size:.82rem}.metrics strong,.metric-cards strong{display:block;font:800 clamp(1.1rem,2vw,1.75rem) 'Outfit';margin:9px 0}.metric-cards small{color:var(--slate)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin:35px 0 23px}.admin-header h1{margin:8px 0}.admin-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:9px}.admin-tabs a{white-space:nowrap;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:.79rem;font-weight:800}.admin-tabs a.active{background:var(--dark);color:var(--yellow);border-color:var(--dark)}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.listline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;gap:10px}.pill{display:inline-block;background:#fff5da;color:#805f11;border-radius:20px;padding:5px 10px;font-size:.78rem;font-weight:700}.order-admin{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.order-admin form{justify-content:flex-end}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration{background:#f9fafc;border:1px solid var(--line);padding:21px;border-radius:11px}.integration h3{margin:14px 0 4px}.integration p{color:var(--slate);font-size:.89rem}.integration a{font-weight:700;color:var(--blue);font-size:.85rem}.table-wrap{overflow:auto}.pager{display:flex;gap:8px}.chip{background:#fff;padding:8px 13px;border:1px solid var(--line);border-radius:8px}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-top:50px;padding-bottom:50px}.footer p{font-size:.85rem;color:#adbacd}footer{margin-top:65px;background:var(--dark);color:#fff}.install{display:grid;place-items:center;min-height:100vh;background:#eef2f7}.installbox{background:#fff;max-width:620px;width:calc(100% - 30px);padding:35px;border-radius:16px;margin:30px 0;box-shadow:var(--shadow)}.install .logo{color:var(--dark)}.install .logo span{color:#a97c00}.install form{display:grid;gap:15px}.install h3{margin-bottom:0}.install .btn{width:100%}@media(max-width:950px){.products,.category-grid{grid-template-columns:repeat(2,1fr)}.hero>div:first-child{padding:40px}.columns{grid-template-columns:1fr}.metric-cards{grid-template-columns:repeat(2,1fr)}.head{flex-direction:column;padding-top:18px;padding-bottom:18px}.head nav{justify-content:center}.integration-grid{grid-template-columns:1fr}}@media(max-width:650px){.wrap{padding:0 15px}.head nav{gap:13px;font-size:.8rem}.hero{grid-template-columns:1fr}.hero-visual{display:none}.hero>div:first-child{padding:40px 26px}.products,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category{padding:13px;gap:8px;flex-direction:column;text-align:center}.category span{width:34px;height:34px}.product-img{height:135px}.product-info{padding:12px}.product-info h3{font-size:.9rem}.product-detail,.form-grid,.auth .form-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input,.filters select{width:100%;min-width:0}.metrics,.metric-cards{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr}.order-admin{flex-direction:column;align-items:flex-start}.order-admin form{justify-content:start}.admin-header{align-items:flex-start;flex-direction:column}.panel{padding:15px}.top{position:relative}}