:root{
      --bg:#ffffff;
      --panel:#F8FAFC;
      --text:#0F172A;
      --muted:#64748B;
      --line:#E5E7EB;

      --dark:#0F172A;
      --slate:#1E293B;
      --red:#E11D48;
      --red-light:#FFE4E6;

      --ok:#16A34A;
      --warn:#F59E0B;

      --container:1180px;

      --shadow: 0 12px 30px rgba(2,6,23,.10);
      --shadow2: 0 20px 45px rgba(2,6,23,.14);

      --r12:12px;
      --r16:16px;
      --r20:20px;
      --r24:24px;
    }
    *{ box-sizing:border-box; }
    html,body{ margin:0; padding:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; color:var(--text); background:var(--bg); scroll-behavior:smooth; }
    a{ color:var(--red); text-decoration:none; }
    a:hover{ text-decoration:underline; }
    img{ max-width:100%; height:auto; display:block; }
    h1,h2,h3{ font-family:Poppins,Inter,sans-serif; letter-spacing:-.02em; margin:0 0 .65rem; line-height:1.15; }
    h1{ font-size:clamp(2.1rem,4vw,3.5rem); }
    h2{ font-size:clamp(1.6rem,3vw,2.4rem); }
    h3{ font-size:clamp(1.15rem,2.2vw,1.5rem); }
    p{ margin:.6rem 0 1rem; color:var(--text); line-height:1.65; }
    ul{ margin:.6rem 0 0; padding-left:1.2rem; color:var(--text); line-height:1.7; }
    .muted{ color:var(--muted); }
    .container{ max-width:var(--container); margin:0 auto; padding:0 1rem; }
    strong{ color:var(--red); font-weight:700; }

    /* Buttons */
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
      padding:1.05rem 1.3rem; border-radius:14px; border:1px solid transparent;
      font-weight:800; cursor:pointer; transition:.18s ease;
      user-select:none; text-decoration:none !important;
      line-height:1; font-size:1.05rem;
    }
    .btn:active{ transform:translateY(1px); }
    .btn-primary{ background:var(--red); color:#fff; box-shadow:0 10px 25px rgba(225,29,72,.25); }
    .btn-primary:hover{ filter:brightness(.95); transform:translateY(-1px); }
    .btn-dark{ background:var(--dark); color:#fff; }
    .btn-dark:hover{ filter:brightness(1.04); transform:translateY(-1px); }
    .btn-danger{ background:#b91c1c; color:#fff; }
    .btn-danger:hover{ filter:brightness(1.05); transform:translateY(-1px); }
    .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
    .btn-ghost:hover{ background:rgba(255,255,255,.06); transform:translateY(-1px); }
    .btn-large{ padding:1.2rem 1.8rem; font-size:1.15rem; }

    /* Layout helpers */
    .grid{ display:grid; gap:1.2rem; }
    .grid-2{ grid-template-columns:repeat(2,1fr); }
    .grid-3{ grid-template-columns:repeat(3,1fr); }
    .grid-4{ grid-template-columns:repeat(4,1fr); }
    @media (max-width:950px){ .grid-2,.grid-3,.grid-4{ grid-template-columns:1fr; } }

    section{ padding:5rem 0; }
    .section-muted{ background:var(--panel); }
    .container-wide{
      max-width:100%;
      width:100%;
      padding-left:1.1rem;
      padding-right:1.1rem;
    }
    .section-admin-spiral{
      position:relative;
      min-height:calc(100vh - 72px);
      padding:1.15rem 0 1.9rem;
      background:
        radial-gradient(1300px 420px at 50% 20%, rgba(220,38,38,.16), transparent 62%),
        radial-gradient(1200px 420px at 50% 80%, rgba(220,38,38,.08), transparent 70%),
        url('admin-spiral-bg.svg') center center / cover no-repeat fixed,
        #020206;
    }
    .section-admin-spiral .card,
    .section-admin-spiral .auth-panel{
      background:rgba(255,255,255,.94);
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
    }
    .section-admin-spiral .enterprise-hero{
      border-color:#3b0b14;
      box-shadow:0 24px 52px rgba(2,6,23,.45);
    }
    .section-auth-spiral .auth-layout{
      width:100%;
    }
    @media (max-width:900px){
      .container-wide{
        padding-left:.75rem;
        padding-right:.75rem;
      }
      .section-admin-spiral{
        background-attachment:scroll;
      }
    }

    /* Header */
    header{
      position:sticky; top:0; z-index:100;
      background:rgba(255,255,255,.95);
      backdrop-filter:saturate(180%) blur(10px);
      border-bottom:1px solid var(--line);
    }
    .nav{
      display:flex; align-items:center; justify-content:space-between;
      padding:.9rem 0;
    }
    .brand{
      display:flex; align-items:center;
      font-weight:900; color:var(--text);
    }
    .brand-img{
      height:40px;
      width:auto;
      display:block;
    }
    .is-admin-area .container.nav,
    .is-admin-login .container.nav{
      max-width:100%;
      padding-left:1rem;
      padding-right:1rem;
    }
    .is-admin-area header,
    .is-admin-login header{
      background:rgba(3,6,14,.92);
      border-bottom:1px solid rgba(51,65,85,.9);
      backdrop-filter:saturate(130%) blur(8px);
    }
    .is-admin-area .brand,
    .is-admin-login .brand{
      color:#e2e8f0;
    }
    .is-admin-login .menu a{
      color:#e2e8f0;
    }
    .is-admin-login .hamb{
      background:#0f172a;
      border-color:#334155;
      color:#fff;
    }
    .is-admin-login .menu.mobile{
      background:#0f172a;
      border-bottom:1px solid #334155;
    }
    .is-admin-area .admin-header-pill{
      border-color:#334155;
      color:#dbeafe;
      background:#0f172a;
    }
    
    .menu{
      display:flex; align-items:center; gap:1.1rem;
      font-weight:700; font-size:.95rem;
    }
    .menu a{ color:var(--text); }
    .menu .cta{ margin-left:.3rem; }
    .hamb{
      display:none;
      width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
      background:#fff; cursor:pointer; font-size:18px;
      align-items:center; justify-content:center;
    }
    @media(max-width:950px){
      .menu{ display:none; }
      .hamb{ display:inline-flex; }
      .menu.mobile{
        display:flex !important;
        position:fixed; top:70px; left:0; right:0;
        flex-direction:column; gap:.9rem;
        padding:1rem;
        background:#fff;
        border-bottom:1px solid var(--line);
        z-index:9999;
      }
      .menu.mobile a{ padding:.35rem 0; }
    }

    /* Hero */
    .hero{
      background:linear-gradient(135deg, #0F172A 0%, #1E293B 55%, #334155 100%);
      color:#fff;
      overflow:hidden;
      position:relative;
      padding:6rem 0 !important;
    }
    .hero:before{
      content:"";
      position:absolute; inset:-30% -30% auto auto;
      width:70vw; aspect-ratio:1;
      background:radial-gradient(closest-side, rgba(225,29,72,.28), transparent 68%);
      filter:blur(16px);
      border-radius:50%;
      pointer-events:none;
    }
    .hero:after{
      content:"";
      position:absolute; left:-25%; bottom:-40%;
      width:65vw; aspect-ratio:1;
      background:radial-gradient(closest-side, rgba(255,255,255,.10), transparent 70%);
      filter:blur(16px);
      border-radius:50%;
      pointer-events:none;
    }
    .hero-inner{
      display:grid; gap:2.5rem;
      grid-template-columns:1.15fr .85fr;
      align-items:center;
      position:relative;
    }
    @media(max-width:950px){
      .hero-inner{ grid-template-columns:1fr; padding:2rem 0; }
      .hero{ padding:4rem 0 !important; }
    }
    .badge{
      display:inline-flex; align-items:center; gap:.5rem;
      border:1px solid rgba(255,255,255,.35);
      padding:.45rem .8rem;
      border-radius:999px;
      font-size:.88rem;
      margin-bottom:1.2rem;
      background:rgba(255,255,255,.08);
    }
    .hero p{ color:rgba(255,255,255,.92); font-size:1.15rem; line-height:1.7; }
    .hero-actions{ display:flex; gap:.9rem; flex-wrap:wrap; margin-top:1.4rem; }
    
    .pain-points{
      background:rgba(225,29,72,.12);
      border:1px solid rgba(225,29,72,.3);
      border-radius:var(--r20);
      padding:1.3rem;
      margin-top:1.5rem;
    }
    .pain-points h3{
      color:#fff;
      font-size:1.1rem;
      margin-bottom:.9rem;
    }
    .pain-points ul{
      list-style:none;
      padding:0;
      margin:0;
    }
    .pain-points li{
      padding:.5rem 0;
      display:flex;
      align-items:flex-start;
      gap:.6rem;
      color:rgba(255,255,255,.95);
      font-size:.98rem;
    }
    .pain-points li:before{
      content:"✗";
      color:#fca5a5;
      font-weight:900;
      font-size:1.1rem;
      flex:0 0 auto;
    }

    /* Cards */
    .card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:var(--r20);
      padding:1.4rem;
      box-shadow:none;
    }
    .card.shadow{ box-shadow:var(--shadow); }
    .card.dark{
      background:#0B1220;
      border-color:#1f2937;
      color:#fff;
      box-shadow:var(--shadow2);
    }
    .card.dark .muted{ color:rgba(255,255,255,.75); }
    .card.dark ul, .card.dark li{ color:rgba(255,255,255,.92); }
    .card.dark strong{ color:#fff; }
    .card.featured{
      border:2px solid var(--red);
      box-shadow:0 18px 42px rgba(225,29,72,.18);
    }
    
    .pill{
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.4rem .7rem;
      border-radius:999px;
      border:1px solid var(--line);
      background:#fff;
      font-size:.85rem;
      color:var(--text);
      font-weight:700;
    }
    .pill.dark{
      border-color:rgba(255,255,255,.15);
      background:rgba(255,255,255,.06);
      color:#fff;
    }
    .icon{
      width:18px;height:18px;
    }

    /* Social proof */
    .social-proof{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.2);
      border-radius:var(--r16);
      padding:1.1rem;
      margin-top:1.3rem;
      display:flex;
      align-items:center;
      gap:1rem;
      flex-wrap:wrap;
    }
    .social-proof-item{
      display:flex;
      flex-direction:column;
      gap:.3rem;
    }
    .social-proof-item strong{
      color:#fff;
      font-size:1.6rem;
      font-weight:900;
    }
    .social-proof-item span{
      color:rgba(255,255,255,.85);
      font-size:.9rem;
    }

    /* Feature list */
    .feature{
      display:flex; gap:.8rem; align-items:flex-start;
      padding:.9rem 0;
      border-bottom:1px dashed #e5e7eb;
    }
    .feature:last-child{ border-bottom:none; }
    .check{
      width:28px;height:28px;border-radius:10px;
      display:inline-flex; align-items:center; justify-content:center;
      background:rgba(22,163,74,.12);
      border:1px solid rgba(22,163,74,.35);
      color:var(--ok);
      flex:0 0 auto;
    }

    /* Case Study */
    .case-hero{
      background:linear-gradient(135deg, #fef2f2 0%, #fff 60%);
      border:2px solid var(--red);
      border-radius:var(--r24);
      padding:2rem;
      margin-top:1.5rem;
      box-shadow:var(--shadow2);
    }
    .case-header{
      display:flex;
      align-items:center;
      gap:1rem;
      margin-bottom:1.2rem;
      flex-wrap:wrap;
    }
    .case-logo{
      width:80px;
      height:80px;
      background:#fff;
      border:2px solid var(--red);
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:900;
      font-size:1.3rem;
      color:var(--red);
    }
    .case-stats{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
      margin:1.2rem 0;
    }
    @media(max-width:950px){ .case-stats{ grid-template-columns:1fr; } }
    .case-stat{
      background:#fff;
      border:1px solid rgba(225,29,72,.2);
      border-radius:var(--r16);
      padding:1rem;
      text-align:center;
    }
    .case-stat strong{
      display:block;
      font-size:1.8rem;
      color:var(--red);
      margin-bottom:.3rem;
    }
    .case-stat span{
      font-size:.9rem;
      color:var(--muted);
    }

    .screenshot{
      border-radius:var(--r20);
      border:1px solid var(--line);
      overflow:hidden;
      background:#f8fafc;
      box-shadow:var(--shadow);
      margin-top:1.2rem;
    }

    /* Cases grid */
    .cases-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:1.2rem;
      flex-wrap:wrap;
    }
    .cases-grid{
      display:grid;
      gap:1.2rem;
      grid-template-columns:repeat(3,1fr);
      margin-top:1.6rem;
    }
    @media(max-width:950px){ .cases-grid{ grid-template-columns:1fr; } }
    .case-card{
      border:1px solid var(--line);
      border-radius:var(--r24);
      overflow:hidden;
      background:#fff;
      box-shadow:var(--shadow);
      display:flex;
      flex-direction:column;
      min-height:100%;
    }
    .case-card .top{
      padding:1.2rem 1.2rem 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      flex-wrap:wrap;
    }
    .case-card .meta{ padding:0 1.2rem 1.2rem; }
    .case-card .meta h3{ margin:.5rem 0 .35rem; }
    .case-card .meta p{ margin:0; color:var(--muted); }
    .case-card .badges{
      display:flex;
      gap:.5rem;
      flex-wrap:wrap;
      margin-top:.9rem;
    }
    .case-card .shot{
      margin:0 1.2rem 1.2rem;
      border-radius:18px;
      border:1px solid var(--line);
      background:#f8fafc;
      overflow:hidden;
    }
    .case-card .actions{
      margin-top:auto;
      padding:0 1.2rem 1.2rem;
      display:flex;
      gap:.7rem;
      flex-wrap:wrap;
    }
    .pill.small{ font-size:.78rem; padding:.35rem .55rem; }
    .pill.red{ border-color:rgba(225,29,72,.25); background:rgba(225,29,72,.08); color:var(--red); }
    .pill.green{ border-color:rgba(22,163,74,.25); background:rgba(22,163,74,.08); color:var(--ok); }
    .pill.darktext{ color:var(--text); }

    /* Pricing */
    .pricing{
      display:grid; gap:1.3rem;
      grid-template-columns:repeat(2,1fr);
      margin-top:1.5rem;
    }
    @media(max-width:950px){ .pricing{ grid-template-columns:1fr; } }
    .price-card{
      border:1px solid var(--line);
      border-radius:var(--r24);
      padding:1.6rem;
      background:#fff;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .price-card.featured{
      border-color:var(--red);
      border-width:2px;
      box-shadow:0 18px 40px rgba(225,29,72,.15);
    }
    .tag{
      position:absolute; top:16px; right:16px;
      background:rgba(225,29,72,.10);
      border:1px solid rgba(225,29,72,.35);
      color:var(--red);
      padding:.4rem .7rem;
      border-radius:999px;
      font-weight:800;
      font-size:.82rem;
    }
    .price{
      font-size:2.2rem; font-weight:900; letter-spacing:-.02em;
      margin:.3rem 0 .4rem;
      color:var(--red);
    }
    .line{
      height:1px; background:var(--line); margin:1.1rem 0;
    }
    .mini{ font-size:.92rem; color:var(--muted); }

    /* Guarantee */
    .guarantee{
      background:linear-gradient(135deg, #ecfdf5 0%, #fff 60%);
      border:2px solid var(--ok);
      border-radius:var(--r20);
      padding:1.5rem;
      margin-top:1.5rem;
      display:flex;
      align-items:center;
      gap:1.2rem;
    }
    .guarantee-icon{
      width:60px;
      height:60px;
      background:rgba(22,163,74,.15);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ok);
      flex:0 0 auto;
    }
    .guarantee-icon .icon{ width:28px; height:28px; }

    /* FAQ */
    details{
      border:1px solid var(--line);
      border-radius:var(--r16);
      background:#fff;
      padding:1.1rem 1.2rem;
      box-shadow:var(--shadow);
    }
    details summary{
      cursor:pointer;
      font-weight:800;
      font-size:1.05rem;
      list-style:none;
    }
    details summary::-webkit-details-marker{ display:none; }
    details p{ margin:.8rem 0 0; color:var(--muted); line-height:1.7; }

    /* Contact */
    input,select,textarea{
      width:100%;
      padding:.95rem 1rem;
      border:1px solid var(--line);
      border-radius:14px;
      font:inherit;
      background:#fff;
    }
    textarea{ min-height:140px; resize:vertical; }
    label{ font-weight:700; font-size:.95rem; display:block; margin-bottom:.4rem; }
    .form-grid{ display:grid; gap:1rem; }
    .enterprise-layout{
      display:grid;
      gap:1rem;
      align-items:start;
    }
    .enterprise-layout-main{
      grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    }
    .enterprise-layout-equal{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .enterprise-form{
      display:grid;
      gap:.9rem;
    }
    .enterprise-form-section{
      border:1px solid #dbe5ef;
      border-radius:14px;
      background:
        radial-gradient(700px 180px at 0% -45%, rgba(14,165,233,.08), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      padding:.9rem;
    }
    .enterprise-form-section-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.7rem;
      margin-bottom:.75rem;
      padding-bottom:.55rem;
      border-bottom:1px solid #e2e8f0;
    }
    .enterprise-form-section-title{
      margin:0;
      color:#0f172a;
      font-size:.98rem;
      font-weight:900;
      letter-spacing:.01em;
    }
    .enterprise-form-section-hint{
      margin:0;
      color:#64748b;
      font-size:.8rem;
      font-weight:600;
    }
    .enterprise-form-grid{
      display:grid;
      gap:.75rem;
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .enterprise-form-grid.cols-3{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .enterprise-form-field{
      min-width:0;
    }
    .enterprise-form-field.full{
      grid-column:1 / -1;
    }
    .enterprise-form-actions{
      display:flex;
      align-items:center;
      gap:.55rem;
      flex-wrap:wrap;
      margin-top:.1rem;
    }
    .form-wizard-nav{
      display:flex;
      align-items:center;
      gap:.45rem;
      flex-wrap:wrap;
      margin:.1rem 0 .25rem;
    }
    .form-wizard-step{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      border:1px solid #cbd5e1;
      border-radius:999px;
      background:#fff;
      color:#334155;
      padding:.3rem .62rem;
      font-size:.74rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.04em;
      cursor:pointer;
      transition:.18s ease;
    }
    .form-wizard-step .dot{
      width:7px;
      height:7px;
      border-radius:999px;
      background:#cbd5e1;
      flex:0 0 auto;
    }
    .form-wizard-step.is-active{
      border-color:#0ea5e9;
      background:#e0f2fe;
      color:#075985;
    }
    .form-wizard-step.is-active .dot{
      background:#0284c7;
    }
    .form-wizard-step.is-complete{
      border-color:#16a34a;
      background:#ecfdf5;
      color:#166534;
    }
    .form-wizard-step.is-complete .dot{
      background:#16a34a;
    }
    .form-wizard-controls{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.7rem;
      margin:.2rem 0 .15rem;
      padding:.55rem .7rem;
      border:1px solid #dbe5ef;
      border-radius:12px;
      background:#f8fafc;
    }
    .form-wizard-progress{
      color:#334155;
      font-size:.8rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .form-wizard-buttons{
      display:flex;
      align-items:center;
      gap:.45rem;
      flex-wrap:wrap;
    }
    .wizard-hidden{
      display:none !important;
    }
    .enterprise-select-card{
      border:1px solid #dbe5ef;
      border-radius:12px;
      padding:.75rem;
      max-height:260px;
      overflow:auto;
      background:#fff;
    }
    .enterprise-filter-row{
      display:grid;
      gap:.75rem;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:end;
    }
    @media(max-width:1150px){
      .enterprise-layout-main,
      .enterprise-layout-equal{
        grid-template-columns:1fr;
      }
    }
    @media(max-width:900px){
      .enterprise-form-grid,
      .enterprise-form-grid.cols-3{
        grid-template-columns:1fr;
      }
      .enterprise-filter-row{
        grid-template-columns:1fr;
      }
      .form-wizard-controls{
        flex-direction:column;
        align-items:flex-start;
      }
    }
    .hint{ font-size:.9rem; color:var(--muted); }
    .hp{ position:absolute; left:-9999px; opacity:0; height:0; width:0; overflow:hidden; }

    /* Footer */
    footer{ background:#0B1220; color:#d1d5db; }
    footer a{ color:#d1d5db; }
    .footer-grid{
      display:grid; gap:1.8rem;
      grid-template-columns:2fr 1fr 1fr;
      padding:2.5rem 0;
    }
    @media(max-width:950px){ .footer-grid{ grid-template-columns:1fr; } }
    .legal{ border-top:1px solid #1f2937; padding:1.1rem 0; font-size:.9rem; color:#9ca3af; }

    /* Floating WhatsApp */
    .fab{
      position:fixed; right:20px; bottom:20px;
      z-index:9999;
      display:flex; flex-direction:column; gap:.7rem;
    }
    .fab a{
      display:inline-flex; align-items:center; gap:.6rem;
      padding:.95rem 1.15rem;
      border-radius:999px;
      box-shadow:var(--shadow2);
      font-weight:900;
      border:1px solid rgba(255,255,255,.15);
      background:rgba(15,23,42,.95);
      color:#fff;
      backdrop-filter: blur(10px);
      font-size:.95rem;
    }
    .fab a:hover{ transform:translateY(-2px); }
    .fab .wa{
      background:#16a34a;
      border-color:rgba(255,255,255,.25);
    }

    /* CTA band */
    .cta-band{
      background:linear-gradient(135deg, rgba(225,29,72,.12), rgba(15,23,42,.08));
      border:1px solid rgba(225,29,72,.18);
      border-radius:var(--r24);
      padding:1.6rem;
      display:flex; align-items:center; justify-content:space-between;
      gap:1.2rem; flex-wrap:wrap;
      box-shadow:var(--shadow);
    }

    /* Alert box */
    .alert{
      background:var(--red-light);
      border:1px solid var(--red);
      border-radius:var(--r16);
      padding:1.2rem;
      margin-bottom:1.5rem;
    }
    .alert-success{
      background:#ecfdf5;
      border-color:#16a34a;
    }
    .alert-success strong{ color:#166534; }
    .alert strong{
      display:block;
      margin-bottom:.5rem;
      font-size:1.05rem;
    }

    /* Admin dashboard */
    .admin-toolbar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:1rem;
      flex-wrap:wrap;
      margin-bottom:1.2rem;
    }
    .auth-layout{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
      gap:1.1rem;
      align-items:stretch;
    }
    @media(max-width:980px){
      .auth-layout{
        grid-template-columns:1fr;
      }
    }
    .auth-panel{
      border-radius:18px;
      border:1px solid #dbe2ea;
      background:#fff;
      padding:1rem;
    }
    .auth-panel-hero{
      background:
        radial-gradient(1000px 250px at 0% -20%, rgba(14,165,233,.14), transparent 55%),
        radial-gradient(1100px 250px at 100% -20%, rgba(225,29,72,.13), transparent 55%),
        linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    }
    .auth-kicker{
      margin:0 0 .45rem;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:.74rem;
      font-weight:900;
      color:#475569;
    }
    .auth-badges{
      display:flex;
      align-items:center;
      gap:.45rem;
      flex-wrap:wrap;
      margin:.2rem 0 .2rem;
    }
    .auth-badge{
      display:inline-flex;
      align-items:center;
      border-radius:999px;
      border:1px solid #cbd5e1;
      background:#fff;
      color:#334155;
      font-size:.7rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.05em;
      padding:.24rem .55rem;
    }
    .auth-list{
      margin:.15rem 0 0;
      padding-left:1rem;
      color:#334155;
      font-size:.9rem;
      line-height:1.55;
    }
    .auth-password-wrap{
      display:grid;
      gap:.35rem;
    }
    .auth-password-field{
      display:flex;
      gap:.45rem;
      align-items:center;
    }
    .auth-password-field input{
      flex:1 1 auto;
    }
    .auth-password-toggle{
      white-space:nowrap;
      padding:.68rem .78rem;
      font-size:.8rem;
      border-radius:10px;
    }
    .auth-submit{
      justify-content:center;
    }
    .admin-header-tools{
      display:flex;
      align-items:center;
      gap:.55rem;
    }
    .admin-header-pill{
      display:inline-flex;
      align-items:center;
      border:1px solid #cbd5e1;
      border-radius:999px;
      padding:.35rem .7rem;
      font-size:.75rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:#334155;
      background:#f8fafc;
    }
    .admin-mobile-toggle{
      display:none;
      padding:.62rem .85rem;
      font-size:.84rem;
      border-radius:10px;
    }
    .admin-toolbar-actions{
      display:flex;
      align-items:center;
      gap:.7rem;
      flex-wrap:wrap;
    }
    .admin-kpis{
      display:grid;
      gap:1rem;
      grid-template-columns:repeat(4,1fr);
    }
    @media(max-width:950px){
      .admin-kpis{ grid-template-columns:repeat(2,1fr); }
    }
    @media(max-width:600px){
      .admin-kpis{ grid-template-columns:1fr; }
    }
    .admin-kpi{
      display:flex;
      flex-direction:column;
      gap:.35rem;
    }
    .admin-kpi strong{
      color:var(--text);
      font-size:2rem;
      line-height:1;
    }
    .enterprise-kpi-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:1rem;
      margin-top:.95rem;
    }
    @media(max-width:1200px){
      .enterprise-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media(max-width:700px){
      .enterprise-kpi-grid{
        grid-template-columns:1fr;
      }
    }
    .enterprise-kpi-card{
      border:1px solid #dbe2ea;
      border-radius:18px;
      padding:1rem;
      position:relative;
      overflow:hidden;
    }
    .enterprise-kpi-card::after{
      content:"";
      position:absolute;
      width:170px;
      height:170px;
      right:-55px;
      top:-65px;
      border-radius:999px;
      background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));
      pointer-events:none;
    }
    .enterprise-kpi-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.5rem;
      margin-bottom:.55rem;
    }
    .enterprise-kpi-title{
      color:#0f172a;
      font-size:.83rem;
      text-transform:uppercase;
      letter-spacing:.06em;
      font-weight:900;
    }
    .enterprise-kpi-tag{
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(15,23,42,.15);
      border-radius:999px;
      padding:.2rem .48rem;
      font-size:.69rem;
      font-weight:900;
      color:#0f172a;
      background:rgba(255,255,255,.55);
    }
    .enterprise-kpi-value{
      font-size:2rem;
      line-height:1.05;
      color:#0f172a;
      font-weight:900;
      letter-spacing:-.02em;
      margin:.2rem 0 .25rem;
    }
    .enterprise-kpi-value small{
      font-size:1.08rem;
      color:#475569;
      font-weight:800;
      margin-left:.18rem;
    }
    .enterprise-kpi-meta{
      color:#334155;
      font-size:.86rem;
      font-weight:600;
      min-height:2.3em;
    }
    .enterprise-kpi-meter{
      margin-top:.65rem;
      height:9px;
      border-radius:999px;
      background:rgba(15,23,42,.08);
      overflow:hidden;
    }
    .enterprise-kpi-meter span{
      display:block;
      height:100%;
      width:0;
      border-radius:inherit;
      background:linear-gradient(90deg, #0ea5e9 0%, #0369a1 100%);
    }
    .enterprise-kpi-card.kpi-cyan{ background:linear-gradient(145deg,#e0f2fe 0%,#f8fafc 90%); }
    .enterprise-kpi-card.kpi-blue{ background:linear-gradient(145deg,#dbeafe 0%,#f8fafc 90%); }
    .enterprise-kpi-card.kpi-violet{ background:linear-gradient(145deg,#ede9fe 0%,#f8fafc 90%); }
    .enterprise-kpi-card.kpi-red{ background:linear-gradient(145deg,#fee2e2 0%,#fff7ed 90%); }
    .enterprise-kpi-card.kpi-green{ background:linear-gradient(145deg,#dcfce7 0%,#f8fafc 90%); }
    .enterprise-kpi-card.kpi-slate{ background:linear-gradient(145deg,#e2e8f0 0%,#f8fafc 90%); }
    .enterprise-kpi-card.kpi-amber{ background:linear-gradient(145deg,#fef3c7 0%,#fff7ed 90%); }
    .enterprise-kpi-card.kpi-indigo{ background:linear-gradient(145deg,#e0e7ff 0%,#f8fafc 90%); }
    .enterprise-chart-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1rem;
      margin-top:1rem;
    }
    @media(max-width:1000px){
      .enterprise-chart-grid{
        grid-template-columns:1fr;
      }
    }
    .enterprise-chart-card{
      border:1px solid #dbe2ea;
      border-radius:18px;
      padding:1rem;
      min-height:360px;
      display:flex;
      flex-direction:column;
      gap:.65rem;
    }
    .enterprise-chart-head h3{
      margin:0;
      font-size:1.05rem;
      color:#0f172a;
    }
    .enterprise-chart-head span{
      color:#64748b;
      font-size:.82rem;
      font-weight:600;
    }
    .enterprise-chart-card canvas{
      width:100% !important;
      height:280px !important;
    }
    .enterprise-hero{
      border-radius:22px;
      border:1px solid #142033;
      background:
        radial-gradient(1200px 220px at -10% -40%, rgba(34,197,94,.18), transparent 40%),
        radial-gradient(1100px 220px at 110% -40%, rgba(225,29,72,.18), transparent 40%),
        linear-gradient(135deg, #0b1220 0%, #111827 48%, #1f2937 100%);
      color:#e5e7eb;
      padding:1.2rem 1.25rem;
      box-shadow:var(--shadow2);
      margin-bottom:1rem;
    }
    .enterprise-hero h1{
      color:#fff;
      font-size:2rem;
      margin:0 0 .45rem;
    }
    .enterprise-hero p{
      color:#cbd5e1;
      margin:.2rem 0 .7rem;
    }
    .enterprise-chip{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      border:1px solid rgba(148,163,184,.35);
      border-radius:999px;
      padding:.28rem .6rem;
      font-size:.72rem;
      text-transform:uppercase;
      letter-spacing:.04em;
      font-weight:800;
      color:#cbd5e1;
      margin-right:.35rem;
      margin-bottom:.35rem;
      background:rgba(15,23,42,.42);
    }
    .enterprise-modules{
      display:grid;
      gap:1rem;
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin-top:1rem;
    }
    @media(max-width:1100px){
      .enterprise-modules{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media(max-width:700px){
      .enterprise-modules{ grid-template-columns:1fr; }
    }
    .enterprise-module{
      border:1px solid #dbe0e8;
      border-radius:18px;
      background:#fff;
      box-shadow:var(--shadow);
      padding:1rem;
      display:flex;
      flex-direction:column;
      gap:.55rem;
    }
    .enterprise-module h3{
      margin:0;
      font-size:1.08rem;
      color:#0f172a;
    }
    .enterprise-module p{
      margin:0;
      color:#475569;
      font-size:.92rem;
      line-height:1.45;
    }
    .enterprise-module .admin-actions{
      margin-top:.15rem;
    }
    .dashboard-stack{
      display:grid;
      gap:1rem;
      margin-top:1rem;
    }
    .dashboard-table-card .admin-table{
      min-width:680px;
    }
    @media(max-width:700px){
      .dashboard-table-card .admin-table{
        min-width:560px;
      }
    }
    .admin-table-wrap{
      overflow:auto;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
    }
    .admin-table{
      width:100%;
      border-collapse:collapse;
      min-width:900px;
    }
    .admin-table th,
    .admin-table td{
      padding:.8rem .9rem;
      text-align:left;
      vertical-align:top;
      border-bottom:1px solid var(--line);
      font-size:.92rem;
    }
    .admin-table th{
      background:#f8fafc;
      font-weight:800;
      color:#0f172a;
      position:sticky;
      top:0;
      z-index:1;
    }
    .admin-empty{
      text-align:center !important;
      color:var(--muted);
      padding:1.1rem !important;
    }
    .querytable-toolbar{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:.8rem;
      margin:0 0 .75rem;
      flex-wrap:wrap;
    }
    .querytable-toolbar > div{
      min-width:min(380px,100%);
      flex:1 1 380px;
    }
    .querytable-stats{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:.6rem;
      font-size:.86rem;
      color:#334155;
      white-space:nowrap;
    }
    .querytable-filter-row th{
      background:#f1f5f9;
      position:sticky;
      top:40px;
      z-index:1;
      padding:.45rem .5rem;
    }
    .querytable-filter-row input{
      width:100%;
      min-width:110px;
      padding:.4rem .5rem;
      border:1px solid #cbd5e1;
      border-radius:8px;
      background:#fff;
      font-size:.8rem;
    }
    .crud-modal{
      position:fixed;
      inset:0;
      background:rgba(2,6,23,.62);
      z-index:1500;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:1rem;
      backdrop-filter:blur(2px);
    }
    .crud-modal[hidden]{
      display:none !important;
    }
    .crud-modal-panel{
      width:min(1160px, 100%);
      max-height:92vh;
      overflow:auto;
      border:1px solid #dbe0e8;
      border-radius:18px;
      background:#fff;
      box-shadow:0 28px 60px rgba(15,23,42,.28);
      padding:1rem;
    }
    .crud-modal-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:.7rem;
      margin-bottom:.75rem;
      padding-bottom:.65rem;
      border-bottom:1px solid var(--line);
    }
    .crud-modal-head h3{
      margin:0 0 .18rem;
      font-size:1.15rem;
      color:#0f172a;
    }
    .crud-modal-head p{
      margin:0;
      color:#64748b;
      font-size:.86rem;
    }
    .crud-modal-grid{
      display:grid;
      gap:.75rem;
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    @media(max-width:920px){
      .crud-modal-grid{
        grid-template-columns:1fr;
      }
    }
    .admin-actions{
      display:flex;
      align-items:center;
      gap:.45rem;
      flex-wrap:wrap;
    }
    .admin-actions .btn{
      padding:.62rem .8rem;
      font-size:.84rem;
      border-radius:10px;
    }
    .admin-inline-form{ margin:0; }
    .admin-checkbox{
      display:flex;
      align-items:center;
      gap:.55rem;
      font-weight:600;
      margin:.3rem 0;
    }
    .admin-checkbox input{
      width:auto;
      padding:0;
      border:none;
      border-radius:0;
    }
    .admin-shell{
      display:grid;
      grid-template-columns:310px minmax(0,1fr);
      gap:1rem;
      align-items:start;
    }
    .admin-main{
      min-width:0;
    }
    .admin-sidebar{
      background:linear-gradient(180deg, #0b1220 0%, #111827 100%);
      border:1px solid #1f2937;
      border-radius:20px;
      padding:1rem;
      position:sticky;
      top:86px;
      box-shadow:var(--shadow2);
    }
    .admin-sidebar-mobile-head{
      display:none;
      align-items:center;
      justify-content:space-between;
      margin:0 0 .8rem;
      color:#fff;
      font-weight:800;
    }
    .admin-sidebar-close{
      display:none;
      width:34px;
      height:34px;
      border-radius:10px;
      border:1px solid #334155;
      background:#0f172a;
      color:#fff;
      font-size:1.25rem;
      line-height:1;
      cursor:pointer;
    }
    .admin-sidebar-overlay{
      display:none;
      border:none;
      margin:0;
      padding:0;
      background:transparent;
    }
    .admin-sidebar-head{
      border-bottom:1px solid #1f2937;
      padding-bottom:.9rem;
      margin-bottom:.9rem;
    }
    .admin-sidebar-kicker{
      color:#94a3b8;
      margin:0 0 .2rem;
      font-size:.75rem;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:700;
    }
    .admin-sidebar-title{
      color:#fff;
      font-size:1.15rem;
      letter-spacing:-.01em;
      display:block;
    }
    .admin-sidebar-user{
      color:#cbd5e1;
      margin:.6rem 0 0;
      font-size:.9rem;
      line-height:1.45;
    }
    .admin-sidebar-user span{
      color:#94a3b8;
      font-size:.8rem;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .admin-side-nav{
      display:grid;
      gap:.45rem;
    }
    .admin-nav-section{
      display:grid;
      gap:.25rem;
    }
    .admin-nav-group{
      margin:.7rem 0 .15rem;
      color:#93a3b8;
      font-size:.72rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .admin-nav-group-btn{
      width:100%;
      border:none;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:space-between;
      text-align:left;
      padding:.35rem 0;
      cursor:pointer;
    }
    .admin-nav-group-btn .icon{
      width:14px;
      height:14px;
      color:#64748b;
      transition:transform .18s ease;
    }
    .admin-nav-section.is-collapsed .admin-nav-group-btn .icon{
      transform:rotate(-90deg);
    }
    .admin-nav-links{
      display:grid;
      gap:.45rem;
    }
    .admin-nav-section.is-collapsed .admin-nav-links{
      display:none;
    }
    .admin-nav-note{
      margin:.35rem 0 .2rem;
      color:#93a3b8;
      font-size:.78rem;
      line-height:1.35;
    }
    .admin-nav-badge{
      margin-left:auto;
      background:rgba(34,197,94,.18);
      color:#bbf7d0;
      border:1px solid rgba(34,197,94,.4);
      border-radius:999px;
      padding:.18rem .45rem;
      font-size:.62rem;
      font-weight:900;
      letter-spacing:.03em;
      text-transform:uppercase;
    }
    .admin-side-nav a{
      color:#d1d5db;
      border:1px solid transparent;
      border-radius:12px;
      padding:.68rem .72rem;
      font-weight:700;
      font-size:.9rem;
      display:flex;
      align-items:center;
      gap:.55rem;
      text-decoration:none;
      transition:all .18s ease;
    }
    .admin-side-nav a:hover{
      background:#0f172a;
      border-color:#334155;
    }
    .admin-side-nav a.is-active{
      background:rgba(225,29,72,.18);
      border-color:rgba(225,29,72,.5);
      color:#fff;
    }
    @media(max-width:1100px){
      .admin-shell{
        grid-template-columns:1fr;
      }
      .admin-sidebar{
        position:static;
      }
      .admin-side-nav{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .is-admin-area .admin-mobile-toggle{
        display:inline-flex;
      }
      .is-admin-area .admin-sidebar-overlay{
        display:block;
        position:fixed;
        inset:0;
        z-index:1200;
        background:rgba(2,6,23,.56);
        opacity:0;
        pointer-events:none;
        transition:opacity .18s ease;
      }
      .is-admin-area .admin-sidebar{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        width:min(86vw,340px);
        max-width:340px;
        border-radius:0 16px 16px 0;
        z-index:1205;
        transform:translateX(-108%);
        transition:transform .2s ease;
        overflow:auto;
        overscroll-behavior:contain;
      }
      .is-admin-area .admin-sidebar-mobile-head{
        display:flex;
      }
      .is-admin-area .admin-sidebar-close{
        display:inline-flex;
        align-items:center;
        justify-content:center;
      }
      .is-admin-area .admin-side-nav{
        grid-template-columns:1fr;
      }
      .is-admin-area.admin-menu-open{
        overflow:hidden;
      }
      .is-admin-area.admin-menu-open .admin-sidebar{
        transform:translateX(0);
      }
      .is-admin-area.admin-menu-open .admin-sidebar-overlay{
        opacity:1;
        pointer-events:auto;
      }
    }
    @media(max-width:650px){
      .admin-side-nav{
        grid-template-columns:1fr;
      }
    }

    /* Reduced motion */
    @media (prefers-reduced-motion:reduce){
      *{ scroll-behavior:auto; transition:none !important; }
      .btn:hover, .fab a:hover{ transform:none; }
    }