:root{
  --bg:#090a13;--surface:#121526;--card:#171a2e;--card2:#1d2138;
  --line:rgba(255,255,255,.08);--text:#f8fafc;--muted:#98a2b3;--soft:#667085;
  --primary:#6d5ef8;--blue:#3ba7ff;--success:#34d399;--warn:#fbbf24;--danger:#f87171;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:radial-gradient(circle at 92% 0,rgba(59,167,255,.13),transparent 28rem),radial-gradient(circle at 95% 58%,rgba(248,113,113,.07),transparent 24rem),#070912;
  color:var(--text);font-family:Inter,Geist,system-ui,-apple-system,Segoe UI,sans-serif;
}
a{text-decoration:none;color:inherit}
button,.button{
  border:0;border-radius:13px;background:linear-gradient(135deg,var(--primary),#7667ff);
  color:white;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  font-weight:850;min-height:40px;padding:.72rem 1rem;transition:.18s ease;
}
button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.button.ghost,.ghost{background:#25293f}.button.light{background:white;color:#111}
.button.mini,button.mini{min-height:32px;border-radius:10px;padding:.45rem .75rem;font-size:.8rem}
input,select,textarea{
  width:100%;min-height:42px;border:1px solid var(--line);border-radius:13px;background:#0c0f1c;color:var(--text);
  padding:.72rem .85rem;outline:none;
}
input:focus,select:focus,textarea:focus{border-color:rgba(109,94,248,.72);box-shadow:0 0 0 3px rgba(109,94,248,.14)}
textarea{min-height:92px;resize:vertical}
label{display:grid;gap:.45rem;color:#a7b7d7;font-size:.79rem;font-weight:800}

.promo-strip{
  height:30px;background:#050506;color:#fff;display:flex;gap:4rem;align-items:center;justify-content:center;
  font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;overflow:auto;white-space:nowrap;
}
.public-nav{
  height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);color:#111;display:flex;align-items:center;
  justify-content:space-between;padding:0 3.6vw;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:5;
}
.public-logo{display:flex;align-items:center;gap:.75rem;font-weight:950;letter-spacing:-.03em}
.public-logo img{height:46px;width:46px;border-radius:12px;display:block;object-fit:cover;background:#f3f4f6}
.public-nav nav{display:flex;gap:1.25rem;align-items:center;font-weight:850}.pill{background:#111;color:white;border-radius:999px;padding:.75rem 1.15rem}
.hero{
  min-height:560px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.14)),url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?w=1800');
  background-size:cover;background-position:center;display:flex;align-items:center;padding:5vw;
}
.hero>div{max-width:680px}.eyebrow{color:#3ba7ff;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:950}
.hero h1{font-size:clamp(2.7rem,6vw,5.9rem);letter-spacing:-.075em;line-height:.92;margin:.8rem 0 1rem}.hero p{max-width:620px;color:#dce3ee;font-size:1.08rem;line-height:1.55}
.store{background:#fff;color:#111;min-height:100vh;padding:0 5vw 5rem}
.catalog-tabs{min-height:78px;display:flex;gap:.65rem;align-items:center;justify-content:center;border-bottom:1px solid #eee;overflow:auto;padding:.8rem 0}
.catalog-tabs a{border:1px solid #ddd;border-radius:999px;padding:.68rem 1.05rem;font-weight:850;white-space:nowrap;background:#fff}.catalog-tabs .active{background:#111;color:#fff;border-color:#111}
.section-title{max-width:820px;text-align:center;margin:3.5rem auto 2rem}.section-title .eyebrow{color:#006b5f}.section-title h2{font-size:clamp(2.1rem,4.3vw,4.2rem);letter-spacing:-.065em;margin:.35rem 0}.section-title p{color:#6b7280}
.catalog-tools{max-width:760px;margin:0 auto 2.6rem;display:grid;grid-template-columns:1fr 180px;gap:.7rem}.catalog-tools input,.catalog-tools select{background:#f8f8f8;color:#111;border-color:#dcdfe4;border-radius:999px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.product-card{border:1px solid #e5e7eb;border-radius:22px;background:white;padding:1rem;box-shadow:0 18px 40px rgba(0,0,0,.06)}
.photo{aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,#edf5f2,#dfece7);display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{font-size:2rem;font-weight:950;color:#006b62}
.product-card small,.product-card p{color:#6b7280}.product-card h3{margin:.8rem 0 .25rem;letter-spacing:-.02em}.product-card strong{display:block;color:#047857;margin:.65rem 0}.product-card .button{width:100%;background:#111}
.login-panel{max-width:520px;margin:4rem auto 0;background:#f8fafc;border:1px solid #e5e7eb;border-radius:26px;padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.08)}.login-panel h2{margin-top:0}.login-panel form{display:grid;gap:1rem}.login-panel input{background:white;color:#111;border-color:#ddd}

.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#050711;border-right:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.42rem}
.brand{display:grid;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#101424}.brand span{font-weight:950}.brand small{color:#9fb6d9}
.sidebar a{padding:.78rem 1rem;border-radius:13px;color:#dce5f7;font-weight:850}.sidebar a.active,.sidebar a:hover{background:linear-gradient(135deg,#1f9df4,#6d5ef8);color:white}
.app{margin-left:246px;padding:1.65rem;min-height:100vh}.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.app-head h1{margin:.22rem 0 0;font-size:1.75rem;letter-spacing:-.045em}
.notice{background:rgba(109,94,248,.12);border:1px solid rgba(109,94,248,.24);border-radius:14px;color:#dcd8ff;padding:.75rem .9rem}.notice.slim{font-size:.82rem}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem}.metrics div,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem}.metrics div{min-height:110px}.metrics small{color:var(--muted)}.metrics strong{display:block;font-size:1.55rem;margin-top:.8rem;letter-spacing:-.035em}
.quick-grid,.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{margin-bottom:.9rem}.panel h2{font-size:1rem;margin:0 0 .9rem}
.row{display:grid;grid-template-columns:1.35fr repeat(4,.75fr) auto auto auto;gap:.7rem;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:.78rem;margin:.55rem 0}.row.compact{grid-template-columns:1.4fr repeat(3,.75fr) auto}.row small{display:block;color:var(--muted);margin-top:.22rem}
.avatar{width:42px;height:42px;border-radius:13px;background:#123748;border:1px solid rgba(59,167,255,.25);color:#51fff0;display:grid;place-items:center;font-weight:950}
.product-row{grid-template-columns:auto 1.6fr auto auto auto auto}.customer-row{grid-template-columns:auto 1.45fr auto auto auto auto auto}.team-row{grid-template-columns:1.3fr .8fr .6fr 1fr auto auto}
.sale.paid{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}.sale.open{border-color:rgba(59,167,255,.26);background:rgba(59,167,255,.06)}.sale.soon{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.09)}.sale.late{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.1)}
.unread{border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.08)}.danger{background:rgba(248,113,113,.2)!important}
.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.grid-form .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:.6rem;background:#20243a;border:1px solid var(--line);border-radius:14px;padding:.85rem}.check input{width:auto;min-height:auto}
.inline-form,.inline-actions{display:flex;gap:.7rem;align-items:center}.sale-form{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--muted)}.catalog-admin-panel p{margin-top:-.35rem}
.calc-box,.sale-summary{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.18);border-radius:16px;padding:1rem;color:#d7fff0;display:grid;gap:.35rem}
.calc-box strong,.sale-summary strong{font-size:1.45rem;color:var(--success)}
.calc-box span,.sale-summary span{color:var(--muted);font-size:.9rem}
.install-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.install-card{width:min(760px,100%);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2rem}.install-card form{display:grid;gap:1rem}
.receipt{background:#fff;color:#111}.receipt main{max-width:820px;margin:2rem auto;padding:2rem}.receipt table{width:100%;border-collapse:collapse;margin:2rem 0}.receipt th,.receipt td{border-bottom:1px solid #ddd;text-align:left;padding:.8rem}.signature{margin-top:5rem;border-top:1px solid #111;width:320px;text-align:center;padding-top:.8rem}
@media(max-width:1020px){.sale-form{grid-template-columns:repeat(2,1fr)}.metrics,.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
  .promo-strip{justify-content:flex-start}.public-nav{padding:0 1rem}.public-logo span{font-size:.9rem}.public-logo img{height:42px;width:42px}.hero{margin:.8rem;border-radius:24px;min-height:380px;padding:1.5rem}.store{padding:0 1rem 3rem}.catalog-tabs{justify-content:flex-start}.catalog-tools{grid-template-columns:1fr}
  .sidebar{position:static;width:auto;display:grid;grid-template-columns:repeat(2,1fr)}.brand{grid-column:1/-1}.app{margin:0;padding:1rem}.app-head{display:grid}.metrics,.quick-grid,.two-cols,.grid-form,.sale-form{grid-template-columns:1fr}.row,.row.compact,.product-row,.customer-row,.team-row{grid-template-columns:1fr}.inline-form,.inline-actions{flex-direction:column;align-items:stretch}.product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.promo-strip span{min-width:max-content}.notice.slim{width:100%}}