:root{
      --bg:#03040b;
      --bg2:#070a14;
      --text:#f8fbff;
      --muted:#aab4c8;
      --line:rgba(255,255,255,.12);
      --glass:rgba(255,255,255,.065);
      --glass2:rgba(255,255,255,.105);
      --blue:#1ba8ff;
      --cyan:#00e7ff;
      --purple:#8b39ff;
      --violet:#6f4dff;
      --green:#15d9a7;
      --pink:#f542a7;
      --orange:#ff9c32;
      --radius:28px;
      --shadow:0 40px 130px rgba(0,0,0,.46);
      --glow:0 0 55px rgba(0,161,255,.38),0 0 95px rgba(126,50,255,.22);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      min-height:100vh;
      background:var(--bg);
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      overflow-x:hidden;
      line-height:1.55;
    }
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}

    .site-bg{
      position:fixed;
      inset:0;
      z-index:-10;
      background:
        radial-gradient(circle at 8% 22%, rgba(0,231,255,.16), transparent 24%),
        radial-gradient(circle at 78% 20%, rgba(108,63,255,.22), transparent 32%),
        radial-gradient(circle at 60% 72%, rgba(0,79,255,.16), transparent 36%),
        linear-gradient(180deg,#02030a 0%,#071126 55%,#02030a 100%);
    }
    .site-bg::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.047) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.047) 1px, transparent 1px);
      background-size:72px 72px;
      mask-image:linear-gradient(to bottom, transparent 0%, black 12%, black 72%, transparent 100%);
      opacity:.55;
    }
    .site-bg::after{
      content:"";
      position:absolute;
      left:-10%;right:-10%;bottom:18%;height:260px;
      background:
        linear-gradient(90deg,transparent,rgba(0,231,255,.34),rgba(139,57,255,.35),transparent),
        radial-gradient(ellipse at center,rgba(0,120,255,.25),transparent 65%);
      filter:blur(24px);
      transform:perspective(700px) rotateX(68deg);
      opacity:.72;
    }
    .stars{position:fixed;inset:0;z-index:-9;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px);background-size:140px 120px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
    .aurora{position:fixed;inset:-40% -20% auto -20%;height:80vh;z-index:-8;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(0,231,255,.11),transparent,rgba(139,57,255,.12),transparent);filter:blur(58px);animation:spin 22s linear infinite;opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}

    .container{width:min(1390px,calc(100% - 52px));margin:auto}

    .nav{
      position:sticky;top:0;z-index:80;
      background:rgba(3,4,11,.78);
      backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(255,255,255,.09);
    }
    .nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:14px;font-weight:950;letter-spacing:.2px;font-size:28px}
    .logo-a{width:54px;height:54px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgba(0,174,255,.45))}
    .logo-a::before{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,100% 100%,72% 100%,50% 52%,28% 100%,0 100%);background:linear-gradient(150deg,var(--cyan),var(--blue) 45%,var(--purple));}
    .logo-a::after{content:"";width:14px;height:14px;border-radius:50%;background:#08111f;z-index:2;box-shadow:0 0 0 6px rgba(3,4,11,.95)}
    .brand span:last-child{background:linear-gradient(90deg,#fff 0 70%,#4f79ff 70%);-webkit-background-clip:text;color:transparent}
    .nav-links{display:flex;gap:34px;align-items:center;color:#d8deec;font-size:14px;font-weight:800}
    .nav-links a{transition:.22s}.nav-links a:hover{color:#fff;text-shadow:0 0 22px rgba(0,231,255,.45)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 23px;border-radius:16px;font-weight:900;border:1px solid var(--line);transition:.25s ease;white-space:nowrap;cursor:pointer}
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{border:0;color:white;background:linear-gradient(135deg,#16c4ff 0%,#286bff 45%,#8b39ff 100%);box-shadow:0 14px 38px rgba(33,109,255,.38),0 0 34px rgba(139,57,255,.25)}
    .btn-outline{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.btn-danger{background:rgba(245,66,128,.12);border-color:rgba(245,66,128,.34);color:#ffb4ca}.btn-danger:hover{background:rgba(245,66,128,.2);border-color:rgba(245,66,128,.52);box-shadow:0 0 28px rgba(245,66,128,.16)}

    .nav-logout{margin:0;display:flex;align-items:center}
    .nav-logout .btn{background:rgba(255,255,255,.035);color:#fff}
    .nav-logout .btn:hover{border-color:rgba(0,231,255,.45);box-shadow:0 0 28px rgba(0,231,255,.16)}

    .hero{padding:70px 0 28px;position:relative}
    .hero-grid{display:grid;grid-template-columns:0.86fr 1.14fr;gap:54px;align-items:center;min-height:650px}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,231,255,.26);background:rgba(0,231,255,.06);color:#40dfff;font-size:13px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
    .eyebrow i{display:block;width:10px;height:10px;border-radius:50%;background:#1aa8ff;box-shadow:0 0 0 5px rgba(26,168,255,.12),0 0 22px #1aa8ff}
    h1{font-size:clamp(46px,5.6vw,82px);line-height:1.03;letter-spacing:-4px;font-weight:950;margin-bottom:22px;text-shadow:0 10px 34px rgba(0,0,0,.42)}
    h1 .gradient{display:inline-block;background:linear-gradient(90deg,#16c8ff 0%,#326dff 42%,#983eff 92%);-webkit-background-clip:text;color:transparent;text-shadow:none}
    .lead{max-width:620px;font-size:clamp(17px,1.45vw,20px);color:#c4ccdc;margin-bottom:32px}
    .lead b{color:#4fc8ff}
    .hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:42px}.btn-lg{padding:18px 28px;border-radius:17px;font-size:16px}

    .mini-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:620px}
    .benefit{display:grid;justify-items:center;text-align:center;gap:8px;color:#e6ebf6;font-size:14px}
    .benefit .circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(126,57,255,.17);border:1px solid rgba(126,57,255,.25);box-shadow:0 0 24px rgba(126,57,255,.22);color:#9e6cff;font-size:22px}
    .benefit small{color:#dce2ef;line-height:1.28}

    .hero-scene{position:relative;min-height:665px;perspective:1400px}
    .platform-glow{position:absolute;left:5%;right:5%;bottom:52px;height:190px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,231,255,.35),rgba(139,57,255,.21) 46%,transparent 70%);filter:blur(8px);transform:rotateX(70deg);opacity:.9}
    .floor-line{position:absolute;left:3%;right:0;bottom:128px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,231,255,.9),rgba(139,57,255,.9),transparent);box-shadow:0 0 38px rgba(0,231,255,.55)}

    .tv-mock{position:absolute;right:5%;top:18px;width:690px;height:408px;border-radius:10px;background:linear-gradient(145deg,#1d2437,#050711);padding:12px;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow),var(--glow);transform:rotateY(-7deg) rotateX(1deg);transform-origin:center}
    .tv-mock::after{content:"";position:absolute;width:190px;height:22px;left:50%;bottom:-30px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);border-radius:0 0 30px 30px;filter:blur(.3px)}
    .tv-screen{height:100%;border-radius:5px;overflow:hidden;background:#050812;position:relative;border:1px solid rgba(255,255,255,.08)}
    .tv-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,rgba(0,124,255,.19),transparent 34%),radial-gradient(circle at 12% 82%,rgba(139,57,255,.13),transparent 44%)}
    .tv-ui{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:152px 1fr;color:white}
    .side{padding:28px 18px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent)}
    .side-brand{display:flex;align-items:center;gap:8px;font-weight:950;margin-bottom:32px}.mini-logo{width:18px;height:18px;clip-path:polygon(50% 0,100% 100%,68% 100%,50% 54%,31% 100%,0 100%);background:linear-gradient(150deg,var(--cyan),var(--purple))}
    .nav-item{height:31px;border-radius:9px;padding:6px 10px;margin-bottom:9px;font-size:12px;color:#d5d9e6;font-weight:700}.nav-item.active{background:linear-gradient(90deg,#5648ff,#8a38ff);box-shadow:0 0 22px rgba(126,57,255,.35);color:white}
    .tv-main{padding:26px 28px}.tv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#dbe2f5}.tv-time{font-size:13px;color:#b9c2d8}.section-label{font-size:13px;margin-bottom:12px;color:white;font-weight:800}.featured-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px}.feature-tile{height:118px;border-radius:8px;background:linear-gradient(135deg,#111c48,#0b50f6);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;text-align:center;box-shadow:0 16px 30px rgba(0,0,0,.22);position:relative;overflow:hidden}.feature-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%)}.feature-tile:nth-child(2){background:linear-gradient(135deg,#1d1d37,#343a63)}.feature-tile:nth-child(3){background:linear-gradient(135deg,#3d1532,#5e1430)}.feature-tile b{position:relative;font-size:15px}.feature-tile small{position:relative;display:block;color:#c4cbe0;font-size:10px;margin-top:3px}.feature-icon{position:relative;font-size:33px;margin-bottom:8px;filter:drop-shadow(0 0 14px rgba(255,255,255,.22))}.cat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{height:88px;border-radius:8px;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900;background:linear-gradient(135deg,#0e7f62,#0d3b35);border:1px solid rgba(255,255,255,.08)}.cat:nth-child(2){background:linear-gradient(135deg,#9d530c,#5a2709)}.cat:nth-child(3){background:linear-gradient(135deg,#065dd9,#061c5e)}.cat:nth-child(4){background:linear-gradient(135deg,#5e1dab,#351450)}.cat span{display:block;font-size:28px;margin-bottom:4px}

    .roku-box{position:absolute;left:16%;top:270px;width:178px;height:282px;background:linear-gradient(145deg,#151a28,#070910 74%);border:1px solid rgba(255,255,255,.15);border-radius:3px;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 42px rgba(139,57,255,.2);z-index:7;padding:28px 24px;transform:rotateY(10deg)}
    .roku-box::before{content:"";position:absolute;right:-22px;top:13px;width:22px;height:260px;background:linear-gradient(145deg,#0c0f18,#04050a);clip-path:polygon(0 0,100% 8%,100% 100%,0 92%);border:1px solid rgba(255,255,255,.08);opacity:.9}.roku-box b{display:block;font-size:24px;margin-bottom:25px}.roku-box .box-a{width:82px;height:92px;margin:8px auto 20px;position:relative}.roku-box .box-a::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 100%,70% 100%,50% 56%,30% 100%,0 100%);background:linear-gradient(150deg,var(--cyan),var(--blue),var(--purple))}.roku-box .box-a::after{content:"";position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#070910;box-shadow:0 0 0 8px #070910}.roku-box h3{text-align:center;font-size:25px;line-height:1;margin-bottom:5px}.roku-box h3 span{color:#706dff}.roku-box small{display:block;text-align:center;color:#616dff;font-weight:900;font-size:10px;letter-spacing:.5px}.roku-badges{display:flex;gap:6px;justify-content:center;margin-top:30px}.roku-badges i{font-style:normal;font-size:8px;border:1px solid rgba(255,255,255,.22);padding:2px 4px;border-radius:3px;color:#d8deea}

    .stream-box{position:absolute;left:27%;bottom:54px;width:198px;height:68px;background:linear-gradient(180deg,#171a22,#08090d);border-radius:34px;z-index:9;box-shadow:0 26px 65px rgba(0,0,0,.58),0 0 28px rgba(139,57,255,.28);border:1px solid rgba(255,255,255,.14)}.stream-box::after{content:"Roku";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.18);font-size:24px;font-weight:950}.remote{position:absolute;left:41%;bottom:36px;width:92px;height:210px;background:linear-gradient(180deg,#10131d,#05060a);border:1px solid rgba(255,255,255,.15);border-radius:24px;z-index:10;transform:rotate(-18deg);box-shadow:0 25px 60px rgba(0,0,0,.55);padding:18px}.remote .pad{width:52px;height:52px;border-radius:50%;background:#6a38ff;box-shadow:inset 0 0 0 14px #1b1c29;margin:auto}.remote .btns{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:17px}.remote .btns i{height:16px;border-radius:99px;background:rgba(255,255,255,.16)}.remote .btns i:nth-child(5){background:#f32e2e}.remote .btns i:nth-child(6){background:#178cff}

    .tablet{position:absolute;right:19%;bottom:34px;width:330px;height:190px;background:linear-gradient(145deg,#1d2334,#060811);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:10px;z-index:12;box-shadow:0 25px 85px rgba(0,0,0,.55);transform:rotateY(-5deg)}.tablet-screen{height:100%;background:#050812;border-radius:14px;overflow:hidden;padding:18px;position:relative}.tablet-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(0,231,255,.16),transparent 34%)}.browser{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:12px;font-weight:900;margin-bottom:18px}.app-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.app-card{height:54px;border-radius:8px;background:linear-gradient(135deg,#069b75,#074940);display:grid;place-items:center;font-size:9px;font-weight:900}.app-card:nth-child(2){background:linear-gradient(135deg,#5b24c8,#411185)}.app-card:nth-child(3){background:linear-gradient(135deg,#bd335a,#561522)}.app-card:nth-child(4){background:linear-gradient(135deg,#b46e20,#5a2d08)}.poster-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.poster{height:48px;border-radius:7px;background:linear-gradient(135deg,#123e88,#06122e)}.poster:nth-child(2){background:linear-gradient(135deg,#bf1e30,#1e0610)}.poster:nth-child(3){background:linear-gradient(135deg,#0d6dfd,#05122c)}.poster:nth-child(4){background:linear-gradient(135deg,#fc592b,#1d0611)}.poster:nth-child(5){background:linear-gradient(135deg,#1b243c,#03050c)}

    .phone{position:absolute;right:1%;bottom:22px;width:138px;height:286px;border-radius:31px;background:linear-gradient(145deg,#242a39,#05070d);border:1px solid rgba(255,255,255,.16);padding:9px;z-index:13;box-shadow:0 25px 80px rgba(0,0,0,.55);transform:rotateY(-10deg)}.phone-screen{height:100%;border-radius:24px;background:#050812;overflow:hidden;padding:13px;position:relative}.phone-screen::before{content:"";position:absolute;top:0;left:37%;width:35px;height:12px;background:#05070d;border-radius:0 0 12px 12px;z-index:3}.phone-top{position:relative;z-index:2;font-size:10px;font-weight:950;margin-bottom:17px}.phone-hero{height:55px;border-radius:12px;background:linear-gradient(135deg,#0a3a8c,#2d105d);margin-bottom:11px;padding:10px;font-size:10px;font-weight:950}.phone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.phone-tile{height:40px;border-radius:9px;background:linear-gradient(135deg,#6b28ff,#27116a)}.phone-tile:nth-child(2){background:linear-gradient(135deg,#f14d3e,#9a1a2b)}.phone-tile:nth-child(3){background:linear-gradient(135deg,#276bff,#091b80)}.phone-tile:nth-child(4){background:linear-gradient(135deg,#15d9a7,#075b50)}.phone-list{display:grid;gap:7px}.phone-list i{height:17px;border-radius:6px;background:rgba(255,255,255,.08)}

    .stats-band{margin-top:8px}.stats-wrap{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(111,77,255,.32);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border-radius:21px;box-shadow:0 25px 80px rgba(0,0,0,.32),inset 0 0 45px rgba(30,120,255,.05);overflow:hidden}.stat{display:flex;align-items:center;justify-content:center;gap:16px;padding:26px 22px;border-right:1px solid rgba(255,255,255,.12);min-height:112px;transition:.28s ease}.stat:last-child{border-right:0}.stat:hover{background:rgba(255,255,255,.035);transform:translateY(-3px)}.stat-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(111,77,255,.16);color:#7657ff;font-size:28px;box-shadow:0 0 26px rgba(111,77,255,.22);flex:0 0 50px}.stat strong{display:block;font-size:34px;line-height:1;font-weight:950;min-width:86px}.stat span{display:block;color:#c7cfe0;font-size:14px;margin-top:5px;font-weight:650}.stat strong.count-done{animation:counterPop .48s ease;filter:drop-shadow(0 0 18px rgba(0,231,255,.34))}@keyframes counterPop{0%{transform:scale(1)}45%{transform:scale(1.12)}100%{transform:scale(1)}}

    section{padding:78px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 40px}.section-kicker{color:#00dfff;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.5px;margin-bottom:10px}.section-head h2{font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-1.4px;margin-bottom:10px}.section-head p{color:var(--muted);font-size:17px}
    .platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.platform-card{position:relative;min-height:305px;border-radius:22px;background:linear-gradient(135deg,rgba(72,25,125,.42),rgba(255,255,255,.035));border:1px solid rgba(139,57,255,.35);padding:30px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.28);transition:.26s}.platform-card:hover{transform:translateY(-8px);box-shadow:0 36px 95px rgba(0,0,0,.36),0 0 40px rgba(139,57,255,.18)}.platform-card:nth-child(2){background:linear-gradient(135deg,rgba(0,96,120,.28),rgba(255,255,255,.035));border-color:rgba(0,231,255,.28)}.platform-card:nth-child(3){background:linear-gradient(135deg,rgba(0,91,190,.28),rgba(255,255,255,.035));border-color:rgba(43,108,255,.35)}.pc-icon{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#8b39ff,#4323c7);box-shadow:0 0 28px rgba(139,57,255,.35);margin-bottom:18px}.platform-card:nth-child(2) .pc-icon{background:linear-gradient(135deg,#15d9a7,#077e66)}.platform-card:nth-child(3) .pc-icon{background:linear-gradient(135deg,#1ba8ff,#225fff)}.platform-card h3{font-size:30px;margin-bottom:5px}.platform-card p{max-width:295px;color:#d4dbea;margin-bottom:21px}.platform-card ul{list-style:none;display:grid;gap:10px;color:#dfe7f6;font-size:14px}.platform-card li::before{content:"✓";color:#00e7ff;margin-right:9px}.learn{position:absolute;left:30px;bottom:26px;color:#6bbcff;font-weight:900}.card-device{position:absolute;right:18px;bottom:0;width:220px;height:130px;opacity:.88}.roku-card-device{background:radial-gradient(ellipse at center,rgba(0,0,0,.4),transparent 68%)}.roku-mini{position:absolute;right:10px;bottom:15px;width:145px;height:54px;border-radius:22px;background:linear-gradient(180deg,#15181f,#090a0e);box-shadow:0 16px 40px rgba(0,0,0,.55)}.roku-mini::after{content:"Roku";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.22);font-weight:950}.remote-mini{position:absolute;right:70px;bottom:38px;width:64px;height:145px;border-radius:20px;background:#0a0d13;transform:rotate(-18deg);box-shadow:0 16px 40px rgba(0,0,0,.45)}.remote-mini::before{content:"";position:absolute;left:19px;top:18px;width:27px;height:27px;border-radius:50%;background:#7a44ff}.android-box-mini{position:absolute;right:34px;bottom:18px;width:130px;height:88px;border-radius:24px;background:linear-gradient(145deg,#141b18,#050806);box-shadow:0 16px 40px rgba(0,0,0,.48)}.android-box-mini::after{content:"androidtv";position:absolute;inset:0;display:grid;place-items:center;color:#24d874;font-size:12px;font-weight:950}.laptop-mini{position:absolute;right:2px;bottom:18px;width:190px;height:112px;border-radius:10px;background:#101622;border:1px solid rgba(255,255,255,.14);padding:8px}.laptop-mini::after{content:"";position:absolute;left:20px;right:20px;bottom:-12px;height:12px;background:linear-gradient(90deg,transparent,#1a2030,transparent)}.laptop-screen{height:100%;border-radius:6px;background:linear-gradient(135deg,#0b1a3d,#100820);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.laptop-screen i{border-radius:5px;background:#236bff}.laptop-screen i:nth-child(2n){background:#8b39ff}.laptop-screen i:nth-child(3n){background:#15d9a7}

        .custom{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:center}.custom h2{font-size:38px;line-height:1.1;letter-spacing:-1.2px;margin:8px 0 14px}.custom p{color:var(--muted);max-width:400px;margin-bottom:26px}.custom-orbit{position:relative;min-height:360px;overflow:visible}.center-app{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:154px;border-radius:32px;background:linear-gradient(145deg,#161b2a,#050711);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:var(--glow),0 25px 60px rgba(0,0,0,.45);z-index:3}.center-app .logo-a{width:96px;height:96px}.orbit-ring{position:absolute;left:50%;top:50%;width:460px;height:160px;border:1px solid rgba(0,231,255,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px rgba(0,231,255,.13);z-index:1}.orbit-item{position:absolute;display:flex;align-items:center;gap:12px;color:white;font-weight:850;white-space:nowrap;z-index:4;text-shadow:0 2px 14px rgba(0,0,0,.65)}.orbit-item .oicon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(91,63,255,.24);border:1px solid rgba(255,255,255,.13);box-shadow:0 0 24px rgba(91,63,255,.28);font-size:24px;flex:0 0 54px}.orbit-item.item-logo{right:3%;top:18%;flex-direction:row-reverse}.orbit-item.item-colores{right:3%;top:48%;flex-direction:row-reverse}.orbit-item.item-dominio{right:9%;bottom:9%;flex-direction:row-reverse}.orbit-item.item-config{left:8%;top:18%}.orbit-item.item-splash{left:9%;bottom:9%}.orbit-item.item-nombre{left:2%;top:48%}.orbit-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#00e7ff,transparent);filter:drop-shadow(0 0 9px #00e7ff);z-index:2}    .line1{left:30%;top:31%;width:160px;transform:rotate(18deg)}.line2{right:30%;top:31%;width:160px;transform:rotate(-18deg)}.line3{left:27%;bottom:29%;width:170px;transform:rotate(-17deg)}.line4{right:27%;bottom:29%;width:170px;transform:rotate(17deg)}


    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;counter-reset:step}.process-card{position:relative;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden}.process-card:before{counter-increment:step;content:counter(step);width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#16c4ff,#8b39ff);display:grid;place-items:center;font-weight:950;margin-bottom:18px;box-shadow:0 0 28px rgba(43,108,255,.28)}.process-card:after{content:"";position:absolute;right:-40px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,231,255,.18),transparent 65%)}.process-card h3{font-size:20px;margin-bottom:8px}.process-card p{color:var(--muted);font-size:15px}
    .faq-wrap{max-width:920px;margin:28px auto 0;display:grid;gap:14px}.faq-item{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.18)}.faq-q{width:100%;padding:22px 24px;background:transparent;border:0;color:white;font:inherit;font-weight:950;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.faq-q span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(139,57,255,.22);color:#9ddfff}.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-a p{padding:0 24px 22px;color:var(--muted)}.faq-item.active .faq-a{max-height:170px}.faq-item.active .faq-q span{background:linear-gradient(135deg,#16c4ff,#8b39ff);color:white}
    .final-cta{padding:70px 0 90px}.cta-box{border-radius:24px;border:1px solid rgba(139,57,255,.42);background:linear-gradient(135deg,rgba(139,57,255,.22),rgba(0,231,255,.08));box-shadow:0 25px 90px rgba(0,0,0,.33),inset 0 0 70px rgba(139,57,255,.08);padding:30px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta-box::after{content:"";position:absolute;right:20%;bottom:-40px;width:420px;height:120px;background:radial-gradient(ellipse at center,rgba(0,231,255,.24),transparent 67%);filter:blur(6px)}.cta-left{display:flex;align-items:center;gap:24px;position:relative;z-index:2}.crown{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;background:rgba(139,57,255,.26);font-size:36px;box-shadow:0 0 36px rgba(139,57,255,.28)}.cta-box h2{font-size:28px;margin-bottom:4px}.cta-box p{color:#d2d9e8}

    footer{border-top:1px solid rgba(255,255,255,.08);padding:32px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .reveal{opacity:0;transform:translateY(30px);transition:.7s ease}.reveal.show{opacity:1;transform:translateY(0)}

    @media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.hero-scene{min-height:620px}.tv-mock{right:0}.custom{grid-template-columns:1fr}.custom-orbit{min-height:420px}}
    @media(max-width:1100px){.stats-wrap{grid-template-columns:repeat(2,1fr)}.stats-wrap .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.stats-wrap .stat:last-child{grid-column:1 / -1;border-bottom:0}}
    @media(max-width:900px){.nav-links{display:none}.platform-cards{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.tv-mock{width:620px;right:-80px}.roku-box{left:4%}.tablet{right:12%}.phone{right:-20px}.mini-benefits{grid-template-columns:repeat(2,1fr)}.cta-box{display:grid}.cta-left{align-items:flex-start}}
    @media(max-width:650px){.stats-wrap .stat:last-child{grid-column:auto}.container{width:min(100% - 28px,1390px)}.brand{font-size:22px}.logo-a,.mark{width:44px;height:44px}.nav-inner{height:72px}.nav .btn{display:none}.hero{padding-top:48px}.hero-grid{gap:18px}.hero-scene{min-height:520px;transform:scale(.9);transform-origin:top center;margin-bottom:-60px}h1{font-size:48px;letter-spacing:-2.5px}.hero-actions .btn{width:100%}.stats-wrap,.platform-cards,.process-grid{grid-template-columns:1fr}.tv-mock{width:520px;height:330px;right:-170px}.tv-ui{grid-template-columns:116px 1fr}.side{padding:20px 12px}.tv-main{padding:20px 16px}.featured-row{grid-template-columns:1fr}.feature-tile:nth-child(n+2),.cat-row,.tablet,.phone,.remote,.roku-box,.stream-box{display:none}.mini-benefits{grid-template-columns:repeat(2,1fr)}.custom-orbit{min-height:520px}.orbit-ring{width:300px}.orbit-item{font-size:13px}.orbit-item .oicon{width:44px;height:44px;flex-basis:44px}.orbit-item.item-logo{right:0;top:10%}.orbit-item.item-colores{right:0;top:43%}.orbit-item.item-dominio{right:5%;bottom:10%}.orbit-item.item-config{left:0;top:10%}.orbit-item.item-nombre{left:0;top:43%}.orbit-item.item-splash{left:5%;bottom:10%}.line1,.line2,.line3,.line4{display:none}.cta-box{padding:28px}.cta-left{display:grid}.footer-inner{display:grid}}


    /* ===== Premium polish v2 ===== */
    .progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;z-index:999;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));box-shadow:0 0 22px rgba(0,231,255,.65)}
    .cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,231,255,.12),rgba(139,57,255,.08) 38%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);filter:blur(10px);opacity:.85;mix-blend-mode:screen}
    .nav{top:14px;width:min(1390px,calc(100% - 52px));margin:auto;border:1px solid rgba(255,255,255,.11);border-radius:24px;box-shadow:0 18px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
    .nav-inner{height:70px;padding:0 14px}.brand{font-size:25px}.logo-a{width:48px;height:48px}
    .btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-120%);transition:.6s}.btn-primary:hover:before{transform:translateX(120%)}
    .hero{padding-top:92px}.hero-copy{position:relative;z-index:3}.hero-copy:before{content:"";position:absolute;left:-40px;top:10%;width:170px;height:420px;background:linear-gradient(180deg,rgba(0,231,255,.2),transparent);filter:blur(55px);z-index:-1}.hero-scene{filter:drop-shadow(0 40px 80px rgba(0,0,0,.22))}.tv-mock,.roku-box,.tablet,.phone,.remote,.stream-box{will-change:transform}.tv-mock{animation:heroFloat 7s ease-in-out infinite alternate}.roku-box{animation:heroFloat2 6.4s ease-in-out infinite alternate}.tablet{animation:heroFloat3 6s ease-in-out infinite alternate}.phone{animation:heroFloat2 7.3s ease-in-out infinite alternate}.remote{animation:heroFloat3 5.5s ease-in-out infinite alternate}@keyframes heroFloat{to{transform:rotateY(-7deg) rotateX(1deg) translateY(-12px)}}@keyframes heroFloat2{to{transform:translateY(-13px)}}@keyframes heroFloat3{to{transform:translateY(-10px)}}
    .tv-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.09) 49%,transparent 61%);transform:translateX(-130%);animation:screenSheen 8s ease-in-out infinite}@keyframes screenSheen{0%,55%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
    .mini-benefits{position:relative}.mini-benefits:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,231,255,.5),transparent)}
    .stats-wrap{transform:translateY(0);transition:.3s}.stats-wrap:hover{border-color:rgba(0,231,255,.42);box-shadow:0 35px 105px rgba(0,0,0,.38),0 0 65px rgba(0,231,255,.10)}.stat strong{background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.stat-icon{transition:.25s}.stat:hover .stat-icon{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 34px rgba(0,231,255,.27)}
    .platform-card{isolation:isolate}.platform-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 30%);opacity:0;transition:.25s;z-index:-1}.platform-card:hover:after{opacity:1}.platform-card:hover .card-device{transform:translateY(-10px) scale(1.03);transition:.35s}.learn{transition:.25s}.platform-card:hover .learn{transform:translateX(7px);color:#00e7ff;text-shadow:0 0 20px rgba(0,231,255,.45)}
    .premium-divider{height:1px;margin:18px auto 0;width:min(980px,80%);background:linear-gradient(90deg,transparent,rgba(0,231,255,.45),rgba(139,57,255,.45),transparent)}
    .tech-strip{padding:40px 0 80px}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tech-pill{height:76px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);font-weight:900;color:#dce7ff;box-shadow:0 16px 45px rgba(0,0,0,.18)}.tech-pill i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 18px rgba(0,231,255,.45)}
    .testimonials{padding:82px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.22);position:relative;overflow:hidden}.testimonial:before{content:"“";position:absolute;right:18px;top:-28px;font-size:130px;line-height:1;color:rgba(0,231,255,.12);font-weight:950}.stars-row{color:#ffcc4d;letter-spacing:2px;margin-bottom:14px}.testimonial p{color:#d4dceb;margin-bottom:20px}.person{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));display:grid;place-items:center;font-weight:950;color:white}.person b{display:block}.person span{display:block;color:var(--muted);font-size:13px}
    .custom-orbit:before{content:"";position:absolute;left:50%;top:50%;width:620px;height:220px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(0,231,255,.18),rgba(139,57,255,.12) 36%,transparent 70%);filter:blur(10px);z-index:0}.orbit-ring{animation:orbitPulse 3.8s ease-in-out infinite alternate}@keyframes orbitPulse{to{box-shadow:0 0 52px rgba(0,231,255,.25);border-color:rgba(0,231,255,.48)}}.center-app{animation:centerPulse 4.2s ease-in-out infinite alternate}@keyframes centerPulse{to{transform:translate(-50%,-50%) scale(1.04)}}.orbit-item .oicon{transition:.25s}.orbit-item:hover .oicon{transform:scale(1.08);background:linear-gradient(135deg,rgba(0,231,255,.32),rgba(139,57,255,.32))}
    .process-card{transition:.28s}.process-card:hover{transform:translateY(-7px);border-color:rgba(0,231,255,.34);box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 44px rgba(0,231,255,.08)}
    .cta-box{min-height:150px}.cta-box:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.8px);background-size:80px 50px;opacity:.22;mask-image:linear-gradient(90deg,transparent,black,transparent)}
    @media(max-width:900px){.nav{top:8px;width:min(100% - 26px,1390px)}.tech-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.cursor-glow{display:none}}
    @media(max-width:650px){.nav{width:min(100% - 20px,1390px);border-radius:18px}.tech-grid,.testimonial-grid{grid-template-columns:1fr}.progress-bar{height:2px}.hero{padding-top:70px}.cursor-glow{display:none}}

  

/* ==== AUTH / INSTALL / DASHBOARD / STORE EXTENSIONS ==== */
.auth-page{padding:100px 0 80px;min-height:calc(100vh - 160px);display:grid;align-items:center}.auth-card,.install-card,.dash-card,.store-card{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));box-shadow:0 25px 80px rgba(0,0,0,.32),inset 0 0 45px rgba(30,120,255,.05);overflow:hidden}.auth-card{max-width:520px;margin:auto;padding:34px}.auth-card:before,.install-card:before,.dash-card:before{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,231,255,.18),transparent 68%)}.auth-card > *,.install-card > *,.dash-card > *{position:relative;z-index:1}.form-title{font-size:34px;letter-spacing:-1px;margin-bottom:8px}.form-muted{color:var(--muted);margin-bottom:26px}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:850;margin-bottom:8px;color:#dfe7f6}.form-control{width:100%;min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;padding:14px 16px;outline:none;transition:.22s}.form-control:focus{border-color:rgba(0,231,255,.5);box-shadow:0 0 0 4px rgba(0,231,255,.09)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px}.alert{border-radius:16px;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.alert.error{border-color:rgba(255,77,109,.36);background:rgba(255,77,109,.08);color:#ffd3dc}.alert.success{border-color:rgba(21,217,167,.36);background:rgba(21,217,167,.08);color:#c9ffef}.install-page,.dashboard-page,.store-page{padding:100px 0 80px;min-height:calc(100vh - 160px)}.install-card{max-width:850px;margin:auto;padding:34px}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.install-step{border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);font-weight:900;color:#dce7ff}.install-step.active{border-color:rgba(0,231,255,.42);box-shadow:0 0 26px rgba(0,231,255,.12)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.dash-card{padding:26px}.dash-card strong{display:block;font-size:32px;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.dash-card span{color:var(--muted);font-weight:750}.table-card{margin-top:20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950;background:rgba(0,231,255,.12);color:#9eefff;border:1px solid rgba(0,231,255,.2)}.store-hero{padding:115px 0 40px;text-align:center}.store-hero h1{font-size:clamp(42px,5vw,72px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{min-height:320px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(72,25,125,.32),rgba(255,255,255,.035));padding:28px;position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;background:radial-gradient(circle,rgba(0,231,255,.16),transparent 68%)}.price{font-size:36px;font-weight:950;margin:18px 0;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}@media(max-width:900px){.dashboard-grid,.product-grid{grid-template-columns:1fr 1fr}.grid-2,.install-steps{grid-template-columns:1fr}}@media(max-width:650px){.dashboard-grid,.product-grid{grid-template-columns:1fr}.auth-card,.install-card{padding:24px}}

/*==================================================
  NAVBAR USER MENU / CART
==================================================*/
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav-icon-btn{width:44px;height:44px;border:0;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);color:#d8deec;font-size:18px;cursor:pointer;transition:.22s ease}
.nav-icon-btn:hover{transform:translateY(-2px);color:#fff;border-color:rgba(0,231,255,.34);box-shadow:0 0 28px rgba(0,231,255,.13)}
.user-menu{position:relative}
.user-trigger{height:46px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dfe7f6;border-radius:15px;padding:6px 12px 6px 7px;font-weight:850;cursor:pointer;transition:.22s ease}
.user-trigger:hover,.user-menu.open .user-trigger{border-color:rgba(0,231,255,.38);box-shadow:0 0 28px rgba(0,231,255,.12);background:rgba(255,255,255,.07)}
.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));color:#fff;font-size:14px;font-weight:950;box-shadow:0 0 22px rgba(0,231,255,.24)}
.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#aeb8d0;font-size:12px}
.user-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:230px;border-radius:18px;background:rgba(8,11,24,.96);border:1px solid rgba(111,77,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 44px rgba(0,231,255,.08);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease;z-index:120;backdrop-filter:blur(18px)}
.user-menu.open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.user-dropdown a,.user-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;border:0;background:transparent;color:#d8deec;font:inherit;font-weight:800;text-align:left;cursor:pointer;transition:.18s ease}
.user-dropdown a:hover,.user-dropdown button:hover{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.user-dropdown form{margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.10)}
@media(max-width:900px){.nav-actions .user-name{display:none}.nav-icon-btn{width:40px;height:40px}.user-trigger{padding-right:9px}.user-dropdown{right:-4px}}
@media(max-width:650px){.nav-actions{gap:8px}.nav-icon-btn{display:none}.user-trigger{height:42px}.user-dropdown{width:210px}.nav .btn-primary{display:inline-flex;padding:12px 15px}}

/*==================================================
  STORE MODULE v1.1.0
==================================================*/
.nav-actions{display:flex;align-items:center;gap:12px}.cart-nav{position:relative}.cart-count{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--purple));display:grid;place-items:center;font-size:11px;font-weight:950;color:white;box-shadow:0 0 20px rgba(0,231,255,.45)}
.store-page,.product-detail-page,.cart-page,.checkout-page{padding:92px 0}.store-hero{text-align:center;max-width:820px;margin:0 auto 34px}.store-hero h1{font-size:clamp(44px,5vw,72px);letter-spacing:-3px}.alert{max-width:1080px;margin:0 auto 22px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:800}.alert.success{border-color:rgba(21,217,167,.35);background:rgba(21,217,167,.08);color:#bfffee}
.store-filter-bar{max-width:1080px;margin:0 auto 22px;display:grid;grid-template-columns:1fr 240px auto auto;gap:12px;padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12)}.search-box{height:54px;border-radius:17px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px;padding:0 16px}.search-box input,.form-control,.select-control{width:100%;height:54px;border:1px solid rgba(255,255,255,.14);background:rgba(233,241,255,.08);color:var(--text);border-radius:16px;padding:0 16px;outline:none}.search-box input{border:0;background:transparent;padding:0}.select-control option{background:#0b1020;color:white}.category-pills{max-width:1080px;margin:0 auto 30px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:#d7deef;font-weight:850}.category-pill.active,.category-pill:hover{background:linear-gradient(135deg,rgba(0,231,255,.18),rgba(139,57,255,.18));border-color:rgba(0,231,255,.35);color:white}
.store-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.store-product-card{min-height:470px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 90px rgba(0,0,0,.28);transition:.28s ease;display:flex;flex-direction:column}.store-product-card:hover{transform:translateY(-8px);border-color:rgba(0,231,255,.34);box-shadow:0 34px 110px rgba(0,0,0,.36),0 0 55px rgba(0,231,255,.08)}.product-visual{height:210px;position:relative;background:radial-gradient(circle at 70% 20%,rgba(0,231,255,.24),transparent 36%),linear-gradient(135deg,rgba(139,57,255,.22),rgba(0,0,0,.18));overflow:hidden}.product-visual-android{background:radial-gradient(circle at 70% 20%,rgba(21,217,167,.24),transparent 36%),linear-gradient(135deg,rgba(0,231,255,.16),rgba(0,0,0,.18))}.product-visual-web-iptv{background:radial-gradient(circle at 70% 20%,rgba(27,168,255,.24),transparent 36%),linear-gradient(135deg,rgba(27,168,255,.18),rgba(0,0,0,.18))}.product-device-shape{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:210px;height:120px;border-radius:28px;background:linear-gradient(145deg,#171d2c,#050711);border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 40px rgba(139,57,255,.18)}.product-device-shape:after{content:'ANUBISTV';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.22);font-weight:950;letter-spacing:1px}.product-badge{position:absolute;left:18px;top:18px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:950}.product-badge.large{position:relative;display:inline-flex;left:auto;top:auto;margin-bottom:18px}.product-body{padding:26px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:25px;margin-bottom:9px}.product-body p{color:var(--muted);margin-bottom:18px}.product-includes{display:grid;gap:8px;margin-bottom:22px;color:#dfe7f6;font-size:14px}.product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.price{font-size:22px;font-weight:950;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.empty-state{max-width:760px;margin:30px auto;padding:42px;text-align:center;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}.empty-state h3{font-size:30px;margin-bottom:8px}.empty-state p{color:var(--muted);margin-bottom:22px}
.product-detail-grid{display:grid;grid-template-columns:1fr .95fr;gap:34px;align-items:center}.product-showcase{min-height:500px;border-radius:34px;padding:34px;background:radial-gradient(circle at 70% 20%,rgba(0,231,255,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 120px rgba(0,0,0,.3);display:grid;place-items:center;position:relative;overflow:hidden}.showcase-device{width:min(440px,90%);height:260px;border-radius:34px;background:linear-gradient(145deg,#182033,#050711);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow),var(--glow);display:grid;place-items:center}.device-screen-mini{width:86%;height:76%;border-radius:22px;background:linear-gradient(135deg,#071126,#14072d);border:1px solid rgba(255,255,255,.12);padding:22px}.device-screen-mini b{display:block;margin-bottom:12px}.device-screen-mini span{display:block;color:var(--muted);margin-bottom:18px}.device-screen-mini i{display:inline-block;width:70px;height:52px;border-radius:12px;margin:0 8px 8px 0;background:linear-gradient(135deg,var(--cyan),var(--purple))}.product-info h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-2.5px}.back-link{display:inline-flex;margin-bottom:20px;color:#8edfff;font-weight:850}.detail-price{font-size:44px;font-weight:950;margin:20px 0;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.delivery-note{color:var(--muted);margin-bottom:22px}.add-cart-box{display:grid;grid-template-columns:120px 120px 1fr;gap:12px;align-items:end;padding:16px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.add-cart-box label{display:grid;gap:8px;color:#dbe3f3;font-weight:850}.qty-input{height:54px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:white;padding:0 14px;width:100%}.product-detail-sections{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:28px}.detail-card{padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}.detail-card h3{font-size:24px;margin-bottom:12px}.detail-card p{color:var(--muted)}.check-grid{display:grid;gap:10px;color:#dfe7f6}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.cart-items-card,.checkout-card,.cart-summary{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.cart-row{display:grid;grid-template-columns:58px 1fr 110px 90px 110px 80px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}.cart-row:last-of-type{border-bottom:0}.cart-product-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 30px rgba(0,231,255,.15)}.cart-product-main h3{font-size:18px}.cart-product-main span{color:var(--muted);font-size:13px}.cart-price,.cart-subtotal{font-weight:900}.remove-btn{background:transparent;border:0;color:#ff7d95;font-weight:900;cursor:pointer}.cart-summary{position:sticky;top:110px;height:max-content}.cart-summary h3{font-size:24px;margin-bottom:18px}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#dbe3f3}.summary-line.total{font-size:22px}.cart-summary .btn{width:100%;margin-top:14px}.form-grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:grid;gap:8px;font-weight:850;color:#dbe3f3}.checkout-card h3{font-size:24px;margin:0 0 16px}.checkout-card h3:not(:first-child){margin-top:28px}.payment-placeholder{padding:22px;border-radius:20px;border:1px dashed rgba(0,231,255,.34);background:rgba(0,231,255,.06);color:#cfefff;font-weight:850}
@media(max-width:1100px){.store-product-grid{grid-template-columns:repeat(2,1fr)}.product-detail-grid,.product-detail-sections,.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary{position:static}.store-filter-bar{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.store-product-grid,.store-filter-bar,.form-grid.two{grid-template-columns:1fr}.product-bottom,.add-cart-box{grid-template-columns:1fr;display:grid}.cart-row{grid-template-columns:58px 1fr;gap:12px}.cart-price,.cart-subtotal,.cart-row .qty-input,.remove-btn{grid-column:2}.product-showcase{min-height:360px}.showcase-device{height:220px}.store-page,.product-detail-page,.cart-page,.checkout-page{padding:64px 0}}

/*==================================================
  SYSTEM MANAGER MODULE v1.1.1
==================================================*/
.system-page{padding:92px 0}.system-tabs{max-width:960px;margin:0 auto 28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.system-tab{padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);font-weight:900;color:#d9e3f6}.system-tab:hover{background:linear-gradient(135deg,rgba(0,231,255,.16),rgba(139,57,255,.18));border-color:rgba(0,231,255,.34);color:#fff}.system-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 auto 24px}.system-summary-grid.two{grid-template-columns:repeat(2,1fr);max-width:720px}.system-card,.system-table-card,.update-version-card{border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.24)}.system-card{padding:24px;text-align:center}.system-card span,.update-version-card span{display:block;color:var(--muted);font-weight:800;margin-bottom:8px}.system-card strong,.update-version-card strong{font-size:34px;line-height:1;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.system-table-card{padding:24px;margin-top:22px}.system-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.system-card-head h3{font-size:26px}.system-card-head p{color:var(--muted)}.system-card-head.with-action{align-items:center}.system-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-check,.system-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.system-check strong,.system-row strong{display:block}.system-check span,.system-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.system-check b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:950}.system-check.ok b{background:rgba(21,217,167,.14);color:#53ffd0;box-shadow:0 0 22px rgba(21,217,167,.18)}.system-check.bad b{background:rgba(255,77,109,.14);color:#ff8ba0;box-shadow:0 0 22px rgba(255,77,109,.18)}.system-list{display:grid;gap:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;font-weight:950;font-size:12px;border:1px solid rgba(255,255,255,.12)}.status-badge.executed,.status-badge.success{background:rgba(21,217,167,.10);color:#90ffe0;border-color:rgba(21,217,167,.28)}.status-badge.pending{background:rgba(255,156,50,.10);color:#ffc98a;border-color:rgba(255,156,50,.28)}.status-badge.failed{background:rgba(255,77,109,.10);color:#ff91a4;border-color:rgba(255,77,109,.28)}.alert.danger{border-color:rgba(255,77,109,.35);background:rgba(255,77,109,.08);color:#ffc2cc}.update-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;max-width:820px;margin:0 auto 24px}.update-version-card{padding:28px;text-align:center}.update-version-card.active{border-color:rgba(0,231,255,.34);box-shadow:0 28px 95px rgba(0,231,255,.08)}.update-arrow{font-size:42px;font-weight:950;color:#7fcfff;text-shadow:0 0 24px rgba(0,231,255,.45)}.footer-version{opacity:.75;font-size:12px;margin-left:10px}
@media(max-width:1000px){.system-summary-grid,.system-check-grid{grid-template-columns:repeat(2,1fr)}.update-panel{grid-template-columns:1fr}.update-arrow{text-align:center;transform:rotate(90deg)}}
@media(max-width:650px){.system-summary-grid,.system-summary-grid.two,.system-check-grid{grid-template-columns:1fr}.system-card-head.with-action{display:grid}.system-card-head.with-action .btn{width:100%}.system-row{align-items:flex-start}.system-page{padding:64px 0}}

/*==================================================
  COMPONENT LIBRARY
==================================================*/
.page-shell{padding:80px 0}.component-grid{display:grid;gap:18px}.component-grid-2{grid-template-columns:repeat(2,1fr)}.component-grid-3{grid-template-columns:repeat(3,1fr)}.component-grid-4{grid-template-columns:repeat(4,1fr)}.component-section{margin-top:28px;padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.24);overflow:hidden;position:relative}.component-section:before{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;background:radial-gradient(circle,rgba(0,231,255,.16),transparent 64%);pointer-events:none}.component-title{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.component-title h3{font-size:26px;letter-spacing:-.7px}.component-demo{position:relative;z-index:2}.flex-demo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.12)}.btn-ghost:hover{border-color:rgba(0,231,255,.34);box-shadow:0 0 28px rgba(0,231,255,.12)}.icon-btn{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.24s}.icon-btn:hover{transform:translateY(-3px);border-color:rgba(0,231,255,.38);box-shadow:0 0 30px rgba(0,231,255,.14)}
.metric-card{padding:24px;border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.036));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.2);transition:.25s}.metric-card:hover{transform:translateY(-6px);border-color:rgba(0,231,255,.32)}.metric-card .metric-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(111,77,255,.18);box-shadow:0 0 28px rgba(111,77,255,.22);font-size:24px;margin-bottom:16px}.metric-card strong{display:block;font-size:20px}.metric-card small{display:block;color:var(--muted);margin-top:5px}.form-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11)}.form-grid{display:grid;gap:16px}.form-grid.two-cols{grid-template-columns:repeat(2,1fr)}.form-group{display:grid;gap:9px;color:#dce4f5;font-weight:800}.form-group span{font-size:14px}.form-group.full{grid-column:1/-1}.form-control{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(12,16,35,.86);color:#f8fbff;border-radius:15px;padding:15px 16px;outline:none;transition:.22s}.form-control:focus{border-color:rgba(0,231,255,.48);box-shadow:0 0 0 4px rgba(0,231,255,.08),0 0 28px rgba(0,231,255,.13)}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#dfe8ff}.badge-primary,.badge-info{background:rgba(0,231,255,.12);border-color:rgba(0,231,255,.26);color:#8eefff}.badge-success{background:rgba(21,217,167,.13);border-color:rgba(21,217,167,.28);color:#6dffd7}.badge-warning{background:rgba(255,156,50,.13);border-color:rgba(255,156,50,.28);color:#ffd39a}.badge-danger{background:rgba(245,66,128,.13);border-color:rgba(245,66,128,.30);color:#ff9fbd}.product-preview-card{position:relative;overflow:hidden;padding:25px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.038));border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 70px rgba(0,0,0,.24);transition:.28s}.product-preview-card:hover{transform:translateY(-8px);border-color:rgba(0,231,255,.34);box-shadow:0 34px 90px rgba(0,0,0,.32),0 0 44px rgba(0,231,255,.10)}.product-preview-card:before{content:"";position:absolute;right:-70px;top:-80px;width:210px;height:210px;background:radial-gradient(circle,rgba(139,57,255,.23),transparent 65%)}.product-visual{height:150px;border-radius:20px;display:grid;place-items:center;margin-bottom:18px;font-size:54px;background:linear-gradient(135deg,rgba(0,231,255,.16),rgba(139,57,255,.16));border:1px solid rgba(255,255,255,.11)}.product-preview-card h3{font-size:23px;margin:14px 0 8px}.product-preview-card p{color:var(--muted);min-height:54px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.product-meta strong{font-size:25px;background:linear-gradient(90deg,#fff,#8fdfff,#8b39ff);-webkit-background-clip:text;color:transparent}.product-meta span{color:var(--muted);font-size:13px}.timeline{padding:8px 0}.timeline-item{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:0 0 24px}.timeline-item:before{content:"";position:absolute;left:20px;top:40px;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,231,255,.55),rgba(139,57,255,.15))}.timeline-item:last-child:before{display:none}.timeline-item>span{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 24px rgba(111,77,255,.18)}.timeline-item.done>span{background:linear-gradient(135deg,var(--green),#0f9878)}.timeline-item.active>span{background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 32px rgba(0,231,255,.28)}.timeline-item b{display:block;font-size:18px}.timeline-item small{display:block;color:var(--muted);margin-top:3px}.alert{border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.13);display:grid;gap:5px}.alert b{font-size:18px}.alert span{color:var(--muted)}.alert-success{background:rgba(21,217,167,.10);border-color:rgba(21,217,167,.28)}.alert-danger{background:rgba(245,66,128,.10);border-color:rgba(245,66,128,.28)}.empty-state{min-height:250px;border-radius:24px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.04);display:grid;place-items:center;text-align:center;align-content:center;gap:10px;padding:28px}.empty-state div{font-size:44px}.empty-state b{font-size:21px}.empty-state span{color:var(--muted)}.toast-demo{min-height:250px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;padding:22px}.toast-card{width:min(340px,100%);border-radius:18px;background:rgba(3,4,11,.86);border:1px solid rgba(0,231,255,.24);box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 34px rgba(0,231,255,.12);padding:18px}.toast-card b{display:block}.toast-card span{display:block;color:var(--muted);margin-top:4px}.code-block{margin-top:18px;padding:18px;border-radius:18px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.1);color:#b9f8ff;overflow:auto;font-size:13px}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.table-card th{color:#dfe8ff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.table-card td{color:#c9d2e6}.table-card tr:last-child td{border-bottom:0}
@media(max-width:900px){.component-grid-4,.component-grid-3,.component-grid-2,.form-grid.two-cols{grid-template-columns:1fr}.component-title{display:grid}.product-preview-card p{min-height:auto}}

/*==================================================
  ADMIN PRODUCTS v1.3.0
==================================================*/
.admin-page{padding:92px 0 86px}.admin-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;padding:30px;border-radius:28px;background:linear-gradient(135deg,rgba(139,57,255,.18),rgba(0,231,255,.07));border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 90px rgba(0,0,0,.25)}.admin-hero h1{font-size:clamp(34px,4vw,54px);line-height:1;margin:8px 0 8px;letter-spacing:-2px}.admin-hero p{color:var(--muted);max-width:720px}.admin-toolbar{display:grid;grid-template-columns:1fr 220px auto auto;gap:14px;margin-bottom:22px}.admin-table-card{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.038));border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.28)}.premium-table{width:100%;border-collapse:collapse}.premium-table th,.premium-table td{padding:18px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.premium-table th{font-size:12px;text-transform:uppercase;letter-spacing:.55px;color:#dce7ff}.premium-table td{color:#cbd5ea}.premium-table tr:last-child td{border-bottom:0}.table-product{display:flex;align-items:center;gap:14px}.table-product-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 26px rgba(0,231,255,.22);flex:0 0 46px}.table-product b{display:block;color:white}.table-product small{display:block;color:var(--muted);margin-top:2px}.table-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.btn-sm{padding:10px 13px;border-radius:13px;font-size:13px}.status-badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;text-transform:capitalize;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.status-active{background:rgba(21,217,167,.12);border-color:rgba(21,217,167,.28);color:#8cffdd}.status-draft{background:rgba(255,156,50,.12);border-color:rgba(255,156,50,.28);color:#ffd4a4}.status-archived{background:rgba(245,66,167,.12);border-color:rgba(245,66,167,.28);color:#ffabd2}.premium-form-grid{display:grid;grid-template-columns:1fr 360px;gap:18px}.premium-form-grid .form-card{display:grid;gap:12px}.premium-form-grid label{font-weight:900;color:#dfe8ff;font-size:14px}.main-form-card{grid-row:span 2}.form-actions-wide{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}.side-form-card{align-self:start}.form-card p{color:var(--muted);font-size:14px}
@media(max-width:980px){.admin-hero,.form-actions-wide{display:grid}.admin-toolbar,.premium-form-grid{grid-template-columns:1fr}.premium-table{min-width:860px}.admin-table-card{overflow:auto}}

/*==================================================
  ANUBIS DESIGN SYSTEM v2 - SURFACE LEVELS
  Objetivo: mantener el fondo premium, pero impedir que el degradado compita
  con formularios, tablas, cards y áreas administrativas.
==================================================*/
:root{
  --surface-0:#05070e;
  --surface-1:rgba(10,15,30,.92);
  --surface-2:rgba(14,21,38,.94);
  --surface-3:rgba(19,29,50,.96);
  --surface-4:rgba(25,38,64,.98);
  --surface-border:rgba(150,176,255,.14);
  --surface-border-strong:rgba(0,231,255,.24);
  --surface-shadow:0 28px 90px rgba(0,0,0,.34);
  --surface-inner:inset 0 1px 0 rgba(255,255,255,.055);
}

/* Section containers */
.admin-hero,
.component-section,
.system-table-card,
.update-version-card,
.auth-card,
.install-card,
.cart-items-card,
.checkout-card,
.cart-summary,
.detail-card,
.product-showcase,
.store-filter-bar,
.admin-table-card,
.table-card,
.form-card,
.system-card,
.metric-card,
.product-preview-card,
.store-product-card,
.testimonial,
.cta-box,
.empty-state{
  background:linear-gradient(180deg,var(--surface-2),rgba(10,15,30,.90)) !important;
  border:1px solid var(--surface-border) !important;
  box-shadow:var(--surface-shadow),var(--surface-inner) !important;
}

/* Keep premium identity, but remove bright blobs from inner admin surfaces */
.admin-hero:before,
.component-section:before,
.product-preview-card:before,
.auth-card:before,
.install-card:before,
.dash-card:before,
.cta-box:before{
  opacity:.38;
}

/* Admin / Store / System pages get clearer spacing and cleaner content layers */
.admin-page,
.system-page,
.page-shell,
.store-page,
.product-detail-page,
.cart-page,
.checkout-page,
.dashboard-page,
.auth-page,
.install-page{
  position:relative;
}

.admin-page > .container,
.system-page > .container,
.page-shell > .container,
.store-page > .container,
.product-detail-page > .container,
.cart-page > .container,
.checkout-page > .container,
.dashboard-page > .container{
  position:relative;
  z-index:2;
}

/* Forms */
.form-control,
.qty-input,
.store-search input,
.select-control{
  background:var(--surface-3) !important;
  border:1px solid rgba(180,200,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.form-control:hover,
.qty-input:hover,
.store-search input:hover,
.select-control:hover{
  border-color:rgba(0,231,255,.24) !important;
}
.form-control:focus,
.qty-input:focus,
.store-search input:focus,
.select-control:focus{
  background:var(--surface-4) !important;
  border-color:rgba(0,231,255,.52) !important;
  box-shadow:0 0 0 4px rgba(0,231,255,.08),0 0 26px rgba(0,231,255,.10) !important;
}

/* Tables */
.premium-table,
.table-card table{
  background:transparent;
}
.premium-table th,
.table-card th{
  background:rgba(255,255,255,.035);
  color:#e8eefc !important;
}
.premium-table td,
.table-card td{
  background:rgba(255,255,255,.012);
}
.premium-table tr:hover td,
.table-card tr:hover td{
  background:rgba(0,231,255,.035);
}
.premium-table th,
.premium-table td,
.table-card th,
.table-card td{
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}

/* Toolbars and filter areas */
.admin-toolbar,
.store-filter-bar{
  background:var(--surface-1);
  border:1px solid var(--surface-border);
  border-radius:24px;
  padding:16px;
  box-shadow:0 22px 70px rgba(0,0,0,.24),var(--surface-inner);
}
.category-pills{
  background:rgba(7,11,24,.68);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:12px;
}
.category-pill{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.category-pill.active,
.category-pill:hover{
  background:linear-gradient(135deg,rgba(0,231,255,.16),rgba(139,57,255,.18)) !important;
  border-color:rgba(0,231,255,.32) !important;
}

/* Product cards: cleaner premium product surfaces */
.store-product-card,
.product-preview-card,
.platform-card{
  background:linear-gradient(180deg,var(--surface-2),rgba(9,14,29,.92)) !important;
}
.product-visual,
.product-showcase,
.showcase-device,
.device-screen-mini{
  background:linear-gradient(135deg,rgba(7,15,34,.95),rgba(15,23,44,.92)) !important;
  border-color:rgba(180,200,255,.12) !important;
}
.product-body p,
.detail-card p,
.admin-hero p,
.system-card-head p,
.section-head p{
  color:#aeb9d2;
}

/* Buttons hierarchy: only primary glows hard */
.btn-outline,
.btn-ghost,
.btn-sm.btn-outline{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.btn-outline:hover,
.btn-ghost:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(0,231,255,.28) !important;
  box-shadow:0 0 24px rgba(0,231,255,.08) !important;
}
.btn-danger{
  background:rgba(245,66,128,.11) !important;
  border-color:rgba(245,66,128,.30) !important;
  color:#ff9fbd !important;
  box-shadow:none !important;
}
.btn-danger:hover{
  background:rgba(245,66,128,.18) !important;
}

/* System rows and smaller internal items */
.system-row,
.system-check,
.timeline-item>div,
.toast-demo,
.alert,
.payment-placeholder,
.install-step{
  background:var(--surface-3) !important;
  border-color:rgba(180,200,255,.11) !important;
}

/* Better air */
.admin-hero,
.component-section,
.system-table-card,
.auth-card,
.install-card,
.form-card,
.admin-table-card,
.table-card,
.cart-items-card,
.checkout-card,
.cart-summary,
.detail-card{
  padding:30px;
}
.admin-table-card,
.table-card{
  padding:0;
}

@media(max-width:650px){
  .admin-toolbar,
  .store-filter-bar,
  .category-pills{
    padding:12px;
    border-radius:20px;
  }
  .admin-hero,
  .component-section,
  .system-table-card,
  .auth-card,
  .install-card,
  .form-card,
  .cart-items-card,
  .checkout-card,
  .cart-summary,
  .detail-card{
    padding:22px;
  }
}

/* ===== Working Order Flow v1.6.1 ===== */
.form-stack{display:grid;gap:18px}.form-stack label{display:grid;gap:8px;color:#e8ecf8;font-weight:800}.form-stack small{color:var(--muted);font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,157,46,.14);border:1px solid rgba(255,157,46,.28);color:#ffd59a;font-weight:900;font-size:12px;text-transform:capitalize}.alert.success{border:1px solid rgba(21,217,167,.32);background:rgba(21,217,167,.10);color:#bdfced;border-radius:18px;padding:16px 18px;margin:16px 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:24px 0}.page-head h2{font-size:42px;line-height:1.08;margin:4px 0 8px}.page-head p{color:var(--muted)}.table-card h3,.checkout-card h3,.cart-summary h3{margin-bottom:16px}.cart-summary form label{display:grid;gap:8px;margin:10px 0;color:#e8ecf8;font-weight:800}

/* =====================================================
   ANUBISTV APP SHELL 1.6.5
   Layout profesional para Admin sin afectar Landing/Store
===================================================== */
body:has(.shell){ overflow-x:hidden; background:#050914; }
.shell{position:relative;z-index:3;min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:linear-gradient(135deg,rgba(0,220,255,.08),rgba(126,63,242,.08) 58%,rgba(0,0,0,.12));color:#f8fbff;font-family:Inter,system-ui,sans-serif;}
.shell *{box-sizing:border-box}
.shell-sidebar{height:100vh;position:sticky;top:0;border-right:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(7,15,31,.96),rgba(4,9,19,.98));padding:24px 18px;display:flex;flex-direction:column;gap:22px;overflow:hidden;}
.shell-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-.04em;margin-bottom:4px}.shell-brand span:last-child span{color:#4f7cff}.shell-brand .logo-a{width:48px;height:48px;flex:0 0 48px}.shell-nav{display:flex;flex-direction:column;gap:18px;overflow:auto;padding-right:2px;scrollbar-width:none}.shell-nav::-webkit-scrollbar{display:none}.shell-nav-title{display:block;color:#7f8ca8;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.12em;margin:0 0 10px 8px}.shell-nav-link{height:46px;border-radius:12px;padding:0 14px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#dce6f7;font-size:15px;font-weight:750;border:1px solid transparent;transition:180ms ease}.shell-nav-link span{width:24px;height:24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:rgba(255,255,255,.05);color:#b8c7e5}.shell-nav-link:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1);color:#fff}.shell-nav-link.active{background:linear-gradient(90deg,rgba(114,50,245,.95),rgba(86,36,188,.85));border-color:rgba(160,115,255,.55);box-shadow:0 16px 40px rgba(100,55,255,.22);color:#fff}.shell-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(148,163,184,.14);padding-top:18px;display:grid;gap:10px}.shell-site-link,.shell-logout{height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}.shell-logout{cursor:pointer;width:100%;font-family:inherit}.shell-main{min-width:0;display:flex;flex-direction:column}.shell-topbar{height:88px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(5,10,22,.72);backdrop-filter:blur(18px);display:flex;align-items:center;gap:22px;padding:0 28px;position:sticky;top:0;z-index:20}.shell-menu-btn{width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.shell-search{height:50px;max-width:620px;width:min(48vw,620px);border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.045);border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#7ddcff}.shell-search input{background:transparent;border:0;outline:0;color:#eaf2ff;width:100%;font:600 15px Inter}.shell-search input::placeholder{color:#8e9ab1}.shell-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.shell-icon{position:relative;width:46px;height:46px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);display:grid;place-items:center;text-decoration:none;color:#fff;font-size:18px}.shell-icon b{position:absolute;right:6px;top:4px;min-width:18px;height:18px;border-radius:9px;background:#7047ff;color:#fff;font-size:11px;display:grid;place-items:center}.shell-user{height:52px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:15px;padding:0 12px;display:flex;align-items:center;gap:11px}.shell-user .user-avatar{width:34px;height:34px;font-size:15px}.shell-user strong{display:block;font-size:15px;line-height:1;color:#fff}.shell-user small{display:block;font-size:12px;color:#9da9bf;margin-top:4px}.shell-content{padding:34px 32px 44px;min-width:0}.shell-panel{border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(9,18,36,.86),rgba(5,12,25,.88));border-radius:18px;padding:26px;box-shadow:0 22px 90px rgba(0,0,0,.18);max-width:1280px;margin:0 auto}.shell-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(148,163,184,.12);margin:-2px 0 28px}.shell-tabs a{position:relative;text-decoration:none;color:#aab5c8;font-weight:850;text-transform:uppercase;letter-spacing:.02em;padding:0 0 17px;display:flex;align-items:center;gap:9px;font-size:14px}.shell-tabs a.active{color:#fff}.shell-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#7b41ff;border-radius:999px;box-shadow:0 0 20px rgba(123,65,255,.75)}.shell-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.shell-page-head h1{margin:0 0 8px;font-size:31px;letter-spacing:-.045em;line-height:1}.shell-page-head p{margin:0;color:#a9b5cc;font-size:16px}.shell-primary{height:50px;padding:0 23px;border-radius:11px;background:linear-gradient(135deg,#7b38ff,#2569ff);color:#fff;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 15px 35px rgba(95,68,255,.24);white-space:nowrap}.shell-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.shell-stat{min-height:112px;border-radius:13px;border:1px solid rgba(148,163,184,.13);background:rgba(255,255,255,.035);display:flex;align-items:center;gap:18px;padding:18px}.shell-stat>span{width:66px;height:66px;border-radius:14px;display:grid;place-items:center;font-size:32px;flex:0 0 66px}.shell-stat.purple>span{background:linear-gradient(135deg,rgba(132,69,255,.55),rgba(91,43,188,.55))}.shell-stat.amber>span{background:rgba(245,158,11,.25);color:#f59e0b}.shell-stat.blue>span{background:rgba(14,165,233,.18);color:#16c7ff}.shell-stat.green>span{background:rgba(16,185,129,.18);color:#00e289}.shell-stat strong{display:block;font-size:30px;letter-spacing:-.04em;color:#fff;line-height:1}.shell-stat p{margin:7px 0 3px;color:#fff;font-size:16px;font-weight:700}.shell-stat small{color:#96a2ba;font-weight:600}.shell-filter{border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.025);border-radius:13px;padding:13px;display:grid;grid-template-columns:minmax(280px,1fr) 250px auto auto;gap:12px;margin-bottom:22px}.shell-input-wrap{height:50px;border-radius:10px;border:1px solid rgba(148,163,184,.13);background:rgba(3,10,24,.62);display:flex;align-items:center;gap:12px;padding:0 14px;color:#a5b4d4}.shell-input-wrap input,.shell-filter select{width:100%;height:50px;border:1px solid rgba(148,163,184,.13);background:rgba(3,10,24,.62);color:#fff;border-radius:10px;padding:0 14px;outline:0;font:700 14px Inter}.shell-input-wrap input{border:0;background:transparent;padding:0}.shell-filter-btn,.shell-clear-btn{height:50px;border-radius:10px;border:0;padding:0 22px;font:900 15px Inter;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.shell-filter-btn{background:linear-gradient(135deg,#7b38ff,#2569ff);color:#fff}.shell-clear-btn{border:1px solid rgba(148,163,184,.13);background:rgba(3,10,24,.62);color:#fff}.shell-table-card{border:1px solid rgba(148,163,184,.12);border-radius:13px;overflow:hidden;background:rgba(4,12,25,.68)}.shell-table{width:100%;border-collapse:collapse;table-layout:fixed}.shell-table th{height:54px;background:rgba(255,255,255,.035);color:#cfd8ec;text-align:left;padding:0 18px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.shell-table td{height:86px;border-top:1px solid rgba(148,163,184,.09);padding:0 18px;color:#eaf1ff;font-size:15px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.shell-table td strong{font-size:15px;color:#fff;display:block;line-height:1.3}.shell-table td small{display:block;color:#9da9bf;font-size:13px;margin-top:6px}.shell-table tbody tr{background:transparent}.shell-table tbody tr:hover{background:rgba(255,255,255,.025)}.shell-order-code strong{font-weight:850;word-break:break-word}.shell-money{font-weight:800;color:#fff}.shell-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:11px;font-size:12px;font-weight:900;white-space:nowrap}.status-waiting_info,.status-queued{background:rgba(245,158,11,.12);color:#ffb72b;border:1px solid rgba(245,158,11,.3)}.status-in_production,.status-qa,.status-ready_to_deliver{background:rgba(14,165,233,.12);color:#16c7ff;border:1px solid rgba(14,165,233,.28)}.status-delivered,.status-completed{background:rgba(16,185,129,.12);color:#00e289;border:1px solid rgba(16,185,129,.25)}.status-cancelled{background:rgba(244,63,94,.12);color:#ff6681;border:1px solid rgba(244,63,94,.25)}.shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.shell-action-view,.shell-action-danger{width:54px;height:42px;border-radius:10px;border:1px solid rgba(148,163,184,.13);background:rgba(255,255,255,.035);color:#fff;text-decoration:none;font:850 14px Inter;display:inline-flex;align-items:center;justify-content:center}.shell-action-danger{width:46px;background:rgba(244,63,94,.15);border-color:rgba(244,63,94,.35);color:#ff5d78;cursor:pointer}.shell-empty-row{color:#9da9bf!important}.shell-table-foot{height:64px;border-top:1px solid rgba(148,163,184,.09);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#aab5c8}.shell-pagination{display:flex;gap:10px}.shell-pagination button{width:42px;height:42px;border-radius:10px;border:1px solid rgba(148,163,184,.13);background:rgba(255,255,255,.03);color:#fff;font-weight:900}.shell-pagination button.active{background:#6e38ff;box-shadow:0 12px 25px rgba(110,56,255,.28)}

/* neutralizar tablas antiguas dentro del panel */
.shell .table-card,.shell table:not(.shell-table){background:transparent!important;box-shadow:none!important}.shell .table-card:before,.shell .table-card:after{display:none!important}.shell table:not(.shell-table) td,.shell table:not(.shell-table) th{background:transparent!important}

@media(max-width:1100px){.shell{grid-template-columns:1fr}.shell-sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:260px;transform:translateX(-105%);transition:.25s ease}.shell.sidebar-open .shell-sidebar{transform:translateX(0)}.shell-topbar{padding:0 18px}.shell-search{display:none}.shell-content{padding:22px 16px}.shell-stats{grid-template-columns:repeat(2,1fr)}.shell-filter{grid-template-columns:1fr}.shell-table-card{overflow:auto}.shell-table{min-width:980px}}@media(max-width:640px){.shell-stats{grid-template-columns:1fr}.shell-page-head{display:block}.shell-primary{margin-top:16px;width:100%}.shell-user div{display:none}}


/*==================================================
  APP SHELL EXACT POLISH 1.6.6
  Reference-matched admin layout for AnubisTV
==================================================*/
body:has(.shell){
  background:#050a14!important;
  overflow-x:hidden!important;
}
body:has(.shell) .site-bg{
  background:
    radial-gradient(circle at 74% 18%, rgba(91,50,255,.12), transparent 28%),
    radial-gradient(circle at 12% 42%, rgba(0,180,255,.08), transparent 26%),
    linear-gradient(180deg,#060b14 0%,#060b14 100%)!important;
}
body:has(.shell) .site-bg:before{opacity:.22!important;background-size:74px 74px!important;}
body:has(.shell) .site-bg:after,
body:has(.shell) .aurora{display:none!important;}

.shell{
  --sb:268px;
  display:block!important;
  min-height:100vh;
  background:transparent!important;
  color:#f8fbff;
}
.shell-sidebar{
  position:fixed!important;
  left:0;top:0;bottom:0;
  width:var(--sb)!important;
  height:100vh!important;
  padding:22px 18px!important;
  background:linear-gradient(180deg,rgba(8,15,29,.98),rgba(4,9,18,.985))!important;
  border-right:1px solid rgba(148,163,184,.14)!important;
  gap:18px!important;
  overflow:hidden!important;
  z-index:40!important;
}
.shell-brand{
  height:54px!important;
  margin:0 0 14px!important;
  font-size:28px!important;
  letter-spacing:-.05em!important;
  gap:14px!important;
}
.shell-brand .logo-a{width:54px!important;height:54px!important;flex:0 0 54px!important;}
.shell-nav{
  gap:22px!important;
  overflow:visible!important;
  padding:0!important;
}
.shell-nav-title{
  margin:0 0 9px 8px!important;
  color:#8b97ad!important;
  font-size:12px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.shell-nav-group{display:grid!important;gap:8px!important;}
.shell-nav-link{
  height:46px!important;
  border-radius:10px!important;
  padding:0 13px!important;
  gap:13px!important;
  font-size:16px!important;
  font-weight:800!important;
  color:#dce4f6!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
.shell-nav-link span{
  width:24px!important;height:24px!important;
  background:transparent!important;
  color:#c3cff0!important;
  font-size:18px!important;
  filter:grayscale(.1)!important;
}
.shell-nav-link:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(148,163,184,.12)!important;
}
.shell-nav-link.active{
  background:linear-gradient(90deg,rgba(124,58,237,.95),rgba(91,35,190,.88))!important;
  border-color:rgba(159,122,255,.45)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 18px 44px rgba(95,47,220,.22)!important;
}
.shell-sidebar-bottom{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:0!important;
  gap:12px!important;
}
.shell-site-link,.shell-logout{
  height:52px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  font-size:16px!important;
  font-weight:800!important;
}

.shell-main{margin-left:var(--sb)!important;min-height:100vh!important;display:block!important;}
.shell-topbar{
  position:fixed!important;
  top:0!important;left:var(--sb)!important;right:0!important;
  height:88px!important;
  padding:0 32px!important;
  background:rgba(5,10,20,.86)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  z-index:35!important;
  display:flex!important;align-items:center!important;
  gap:26px!important;
}
.shell-menu-btn{width:34px!important;height:34px!important;font-size:25px!important;color:#e7edfb!important;}
.shell-search{
  width:620px!important;max-width:48vw!important;height:50px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  padding:0 16px!important;
}
.shell-search input{font-size:16px!important;font-weight:600!important;}
.shell-top-actions{gap:14px!important;}
.shell-icon{width:52px!important;height:52px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;}
.shell-icon b{background:#6f42ff!important;right:5px!important;top:3px!important;}
.shell-user{height:56px!important;border-radius:15px!important;padding:0 13px!important;background:rgba(255,255,255,.045)!important;}
.shell-user .user-avatar{width:40px!important;height:40px!important;}
.shell-user strong{font-size:16px!important;}.shell-user small{font-size:13px!important;}
.shell-content{
  padding:118px 30px 30px!important;
  min-height:100vh!important;
}
.shell-panel{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 148px)!important;
  margin:0!important;
  padding:24px 26px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(8,18,35,.86),rgba(5,13,27,.88))!important;
  border:1px solid rgba(148,163,184,.13)!important;
  box-shadow:0 28px 110px rgba(0,0,0,.24)!important;
}
.shell-tabs{
  margin:0 0 26px!important;
  gap:36px!important;
  height:44px!important;
  align-items:flex-start!important;
}
.shell-tabs a{
  font-size:15px!important;
  letter-spacing:.01em!important;
  padding-bottom:15px!important;
}
.shell-tabs a.active:after{height:4px!important;background:#803cff!important;}
.shell-page-head{margin-bottom:26px!important;align-items:center!important;}
.shell-page-head h1{font-size:32px!important;letter-spacing:-.04em!important;margin-bottom:6px!important;}
.shell-page-head p{font-size:16px!important;color:#aab6cb!important;}
.shell-primary{height:54px!important;border-radius:10px!important;padding:0 28px!important;font-size:16px!important;}
.shell-stats{grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin-bottom:24px!important;}
.shell-stat{
  min-height:116px!important;
  border-radius:12px!important;
  padding:18px!important;
  gap:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.shell-stat>span{width:66px!important;height:66px!important;border-radius:12px!important;font-size:31px!important;}
.shell-stat strong{font-size:32px!important;line-height:1!important;}
.shell-stat p{font-size:17px!important;margin:8px 0 2px!important;line-height:1.1!important;}
.shell-stat small{font-size:14px!important;color:#9eabc2!important;}
.shell-filter{
  grid-template-columns:minmax(360px,1fr) 280px 118px 128px!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:12px!important;
  margin-bottom:22px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(148,163,184,.11)!important;
}
.shell-input-wrap,.shell-filter select,.shell-filter-btn,.shell-clear-btn{
  height:50px!important;border-radius:9px!important;
}
.shell-filter-btn,.shell-clear-btn{font-size:15px!important;padding:0 18px!important;}
.shell-table-card{
  border-radius:12px!important;
  background:rgba(3,11,23,.72)!important;
  border:1px solid rgba(148,163,184,.115)!important;
  overflow:hidden!important;
}
.shell-table{table-layout:auto!important;}
.shell-table th{
  height:54px!important;
  padding:0 18px!important;
  font-size:12px!important;
  color:#cbd6ea!important;
  background:rgba(255,255,255,.025)!important;
}
.shell-table td{
  height:80px!important;
  padding:0 18px!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.shell-table td strong{font-size:15px!important;font-weight:700!important;white-space:nowrap!important;}
.shell-table td small{font-size:13px!important;margin-top:5px!important;}
.shell-table th:nth-child(1),.shell-table td:nth-child(1){width:240px!important;}
.shell-table th:nth-child(2),.shell-table td:nth-child(2){width:230px!important;}
.shell-table th:nth-child(3),.shell-table td:nth-child(3){width:230px!important;}
.shell-table th:nth-child(4),.shell-table td:nth-child(4){width:160px!important;}
.shell-table th:nth-child(5),.shell-table td:nth-child(5){width:110px!important;}
.shell-table th:nth-child(6),.shell-table td:nth-child(6){width:145px!important;}
.shell-table th:nth-child(7),.shell-table td:nth-child(7){width:150px!important;text-align:right!important;}
.shell-order-code strong{word-break:normal!important;white-space:nowrap!important;}
.shell-status{min-height:32px!important;border-radius:10px!important;font-size:12px!important;padding:0 12px!important;}
.shell-actions{gap:10px!important;justify-content:flex-end!important;}
.shell-action-view{width:54px!important;height:42px!important;border-radius:9px!important;}
.shell-action-danger{width:46px!important;height:42px!important;border-radius:9px!important;font-size:0!important;}
.shell-action-danger:before{content:'🗑';font-size:18px;}
.shell-table-foot{height:64px!important;padding:0 18px!important;font-size:15px!important;}
.shell-pagination button{width:42px!important;height:42px!important;border-radius:9px!important;}

/* Remove accidental old page styles inside admin shell */
.shell .container{width:100%!important;margin:0!important;}
.shell .section-head,.shell .hero,.shell .store-page{padding:0!important;}

@media(max-width:1200px){
  .shell-stats{grid-template-columns:repeat(2,1fr)!important;}
  .shell-filter{grid-template-columns:1fr 240px auto auto!important;}
  .shell-table-card{overflow:auto!important;}
  .shell-table{min-width:1060px!important;}
}
@media(max-width:900px){
  .shell-main{margin-left:0!important;}
  .shell-topbar{left:0!important;}
  .shell-sidebar{transform:translateX(-105%)!important;transition:.25s ease!important;}
  .shell.sidebar-open .shell-sidebar{transform:translateX(0)!important;}
  .shell-content{padding:108px 16px 24px!important;}
  .shell-filter{grid-template-columns:1fr!important;}
}


/* =========================================================
   v1.6.7 - Orders table width + user dropdown fix
   ========================================================= */
.shell{--sb:264px!important;}
.shell-main{margin-left:var(--sb)!important;min-width:0!important;overflow-x:hidden!important;}
.shell-sidebar{width:var(--sb)!important;}
.shell-content{padding:110px 28px 34px!important;overflow-x:hidden!important;}
.shell-panel{width:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:hidden!important;}

.shell-user-menu{position:relative;display:flex;align-items:center;}
.shell-user{border:1px solid rgba(255,255,255,.13);cursor:pointer;font-family:Inter,system-ui,sans-serif;color:#fff;}
.shell-user:hover,.shell-user-menu.open .shell-user{border-color:rgba(125,76,255,.55)!important;background:rgba(255,255,255,.07)!important;box-shadow:0 0 34px rgba(117,72,255,.16)!important;}
.shell-user-caret{font-size:13px;color:#aeb9cc;margin-left:2px;}
.shell-user-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:225px;border-radius:14px;border:1px solid rgba(124,76,255,.35);background:rgba(6,12,25,.96);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 45px rgba(111,66,255,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:180ms ease;z-index:80;backdrop-filter:blur(18px);}
.shell-user-menu.open .shell-user-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.shell-user-dropdown a,.shell-user-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;background:transparent;border:0;color:#dce6f7;text-decoration:none;font:800 14px Inter,system-ui,sans-serif;text-align:left;cursor:pointer;}
.shell-user-dropdown a:hover,.shell-user-dropdown button:hover{background:rgba(255,255,255,.07);color:#fff;}
.shell-user-dropdown form{margin:7px 0 0;padding-top:7px;border-top:1px solid rgba(255,255,255,.10);}

.shell-table-card{width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.shell-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;}
.shell-table th,.shell-table td{box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.shell-table th{padding:0 14px!important;}
.shell-table td{height:78px!important;padding:0 14px!important;}
.shell-table th:nth-child(1),.shell-table td:nth-child(1){width:21%!important;}
.shell-table th:nth-child(2),.shell-table td:nth-child(2){width:18%!important;}
.shell-table th:nth-child(3),.shell-table td:nth-child(3){width:18%!important;}
.shell-table th:nth-child(4),.shell-table td:nth-child(4){width:17%!important;}
.shell-table th:nth-child(5),.shell-table td:nth-child(5){width:9%!important;}
.shell-table th:nth-child(6),.shell-table td:nth-child(6){width:11%!important;}
.shell-table th:nth-child(7),.shell-table td:nth-child(7){width:12%!important;text-align:right!important;}
.shell-table td:nth-child(6){white-space:normal!important;line-height:1.25!important;}
.shell-table td:nth-child(7){overflow:visible!important;}
.shell-table td strong{white-space:normal!important;}
.shell-order-code strong{white-space:normal!important;word-break:break-word!important;}
.shell-status{max-width:100%!important;white-space:nowrap!important;font-size:11px!important;padding:0 10px!important;}
.shell-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;}
.shell-actions form{margin:0!important;display:flex!important;}
.shell-action-view{width:48px!important;height:38px!important;font-size:13px!important;}
.shell-action-danger{width:40px!important;height:38px!important;flex:0 0 40px!important;}
.shell-table-foot{box-sizing:border-box!important;width:100%!important;}

@media(max-width:1200px){
  .shell-table th,.shell-table td{padding:0 10px!important;font-size:14px!important;}
  .shell-table th:nth-child(1),.shell-table td:nth-child(1){width:22%!important;}
  .shell-table th:nth-child(2),.shell-table td:nth-child(2){width:18%!important;}
  .shell-table th:nth-child(3),.shell-table td:nth-child(3){width:17%!important;}
  .shell-table th:nth-child(4),.shell-table td:nth-child(4){width:17%!important;}
  .shell-table th:nth-child(5),.shell-table td:nth-child(5){width:9%!important;}
  .shell-table th:nth-child(6),.shell-table td:nth-child(6){width:10%!important;}
  .shell-table th:nth-child(7),.shell-table td:nth-child(7){width:11%!important;}
}
@media(max-width:980px){
  .shell-table-card{overflow-x:auto!important;}
  .shell-table{min-width:980px!important;}
}


/* =========================================================
   v1.6.8 - Final orders table fit fix
   Fix: columns were wider than 100%, causing Fecha/Acciones overlap.
   ========================================================= */
.shell-content{
  padding:108px 24px 30px!important;
  overflow-x:hidden!important;
}
.shell-panel{
  padding:24px!important;
  overflow:hidden!important;
}
.shell-table-card{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.shell-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.shell-table th,
.shell-table td{
  padding-left:12px!important;
  padding-right:12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
.shell-table th{
  height:52px!important;
  font-size:11px!important;
  line-height:1!important;
}
.shell-table td{
  height:74px!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.shell-table td strong{
  font-size:14px!important;
  line-height:1.22!important;
  white-space:normal!important;
}
.shell-table td small{
  font-size:12px!important;
  line-height:1.25!important;
  margin-top:4px!important;
}
/* Total = 100%. Do not exceed or table will clip right side. */
.shell-table th:nth-child(1),.shell-table td:nth-child(1){width:19%!important;}
.shell-table th:nth-child(2),.shell-table td:nth-child(2){width:17%!important;}
.shell-table th:nth-child(3),.shell-table td:nth-child(3){width:18%!important;}
.shell-table th:nth-child(4),.shell-table td:nth-child(4){width:17%!important;}
.shell-table th:nth-child(5),.shell-table td:nth-child(5){width:8%!important;}
.shell-table th:nth-child(6),.shell-table td:nth-child(6){width:11%!important;}
.shell-table th:nth-child(7),.shell-table td:nth-child(7){width:10%!important;text-align:right!important;}
.shell-table td:nth-child(6){white-space:normal!important;}
.shell-table th:nth-child(7),
.shell-table td:nth-child(7){overflow:visible!important;}
.shell-status{
  max-width:100%!important;
  min-height:30px!important;
  padding:0 9px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
.shell-money{
  white-space:nowrap!important;
  font-size:14px!important;
}
.shell-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:84px!important;
}
.shell-actions form{margin:0!important;display:flex!important;}
.shell-action-view{width:42px!important;height:36px!important;font-size:12px!important;border-radius:9px!important;}
.shell-action-danger{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:9px!important;}
.shell-table-foot{height:58px!important;padding:0 14px!important;}
.shell-pagination button{width:38px!important;height:38px!important;border-radius:9px!important;}
.shell-user{min-width:178px!important;max-width:220px!important;}
.shell-user div{min-width:0!important;}
.shell-user strong,
.shell-user small{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:1280px){
  .shell-content{padding-left:18px!important;padding-right:18px!important;}
  .shell-panel{padding:18px!important;}
  .shell-table th,.shell-table td{padding-left:9px!important;padding-right:9px!important;}
  .shell-table td{font-size:13px!important;}
  .shell-table td strong{font-size:13.5px!important;}
  .shell-status{font-size:10px!important;padding:0 7px!important;}
  .shell-action-view{width:38px!important;}
  .shell-action-danger{width:34px!important;flex-basis:34px!important;}
}
@media(max-width:1050px){
  .shell-table-card{overflow-x:auto!important;}
  .shell-table{min-width:980px!important;}
}

/* =========================================================
   v1.6.9 - Dashboard Premium Home
   Admin dashboard matching AnubisTV app shell reference.
========================================================= */
.dash-pro-page{max-width:1240px;margin:0 auto;color:#fff}.dash-pro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 20px}.dash-pro-head h1{font-size:24px;line-height:1.05;margin:0 0 6px;font-weight:950;letter-spacing:-.035em}.dash-pro-head p{margin:0;color:#a6b2c7;font-weight:600}.dash-date-filter{height:46px;border-radius:11px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);color:#eaf2ff;padding:0 14px;font:800 13px Inter;display:inline-flex;align-items:center;gap:10px}.dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.dash-kpi{min-height:104px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(13,27,50,.74),rgba(5,13,27,.72));border-radius:12px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:16px;padding:16px;box-shadow:0 22px 70px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03)}.dash-kpi:hover{border-color:rgba(124,76,255,.34);transform:translateY(-1px);box-shadow:0 24px 76px rgba(0,0,0,.20),0 0 36px rgba(124,76,255,.08)}.dash-kpi-icon{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;font-size:31px;flex:0 0 60px}.dash-kpi-icon.purple{background:linear-gradient(135deg,rgba(123,56,255,.52),rgba(82,37,176,.62));color:#fff}.dash-kpi-icon.amber{background:rgba(245,158,11,.23);color:#f59e0b}.dash-kpi-icon.blue{background:rgba(14,165,233,.19);color:#19c2ff}.dash-kpi-icon.green{background:rgba(16,185,129,.18);color:#19e28d}.dash-kpi-icon.pink{background:rgba(236,72,153,.18);color:#ff4fa0}.dash-kpi strong{display:block;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.04em}.dash-kpi p{font-size:14px;margin:8px 0 5px;color:#fff;font-weight:800}.dash-kpi small{color:#a95cff;font-size:12px;font-weight:800}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:16px;margin-bottom:16px}.dash-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px}.dash-widget{border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(11,25,45,.76),rgba(5,13,27,.78));border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.15);overflow:hidden}.dash-widget-head{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid rgba(148,163,184,.08)}.dash-widget-head h2{font-size:16px;margin:0;font-weight:900;letter-spacing:-.02em}.dash-widget-head a{color:#a95cff;text-decoration:none;font-size:13px;font-weight:850}.dash-widget-head button{height:34px;border-radius:8px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);color:#fff;padding:0 12px;font:800 12px Inter}.dash-chart-wrap{position:relative;height:220px;padding:18px 20px 0 42px}.dash-chart-wrap svg{width:100%;height:170px;overflow:visible}.dash-grid-lines line{stroke:rgba(148,163,184,.12);stroke-width:1}.dash-chart-y{position:absolute;left:14px;top:20px;bottom:45px;display:flex;flex-direction:column;justify-content:space-between;color:#aab7cc;font-size:11px}.dash-chart-x{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:2px;color:#aab7cc;font-size:11px;text-align:center}.dash-sales-totals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(148,163,184,.08)}.dash-sales-totals div{padding:14px 16px;border-right:1px solid rgba(148,163,184,.08);position:relative}.dash-sales-totals div:last-child{border-right:0}.dash-sales-totals strong{display:block;font-size:18px;font-weight:950}.dash-sales-totals span{display:block;color:#aab7cc;font-size:12px;margin-top:4px}.dash-sales-totals em{position:absolute;right:14px;bottom:15px;font-style:normal;font-size:11px;font-weight:900;color:#b78bff;background:rgba(123,56,255,.15);padding:3px 8px;border-radius:999px}.dash-sales-totals em.green{color:#20e59a;background:rgba(16,185,129,.12)}.dash-list{display:grid}.dash-order-row{min-height:61px;display:grid;grid-template-columns:40px minmax(0,1fr) 150px 90px;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.08);text-decoration:none;color:#fff}.dash-order-row:last-child{border-bottom:0}.dash-order-row:hover{background:rgba(255,255,255,.026)}.dash-row-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:16px;flex:0 0 34px}.dash-row-icon.purple{background:rgba(123,56,255,.22);color:#b78bff}.dash-row-icon.green{background:rgba(16,185,129,.18);color:#20e59a}.dash-row-icon.amber{background:rgba(245,158,11,.20);color:#f59e0b}.dash-order-row strong,.dash-product-row strong,.dash-customer-row strong,.dash-activity-row strong{display:block;color:#fff;font-size:13px;font-weight:900;line-height:1.25}.dash-order-row small,.dash-product-row small,.dash-customer-row small,.dash-activity-row small{display:block;color:#aab7cc;font-size:12px;margin-top:4px}.dash-row-money{text-align:right}.dash-row-money strong{font-size:13px}.dash-row-money small{font-size:11px}.dash-product-list,.dash-customer-list,.dash-activity-list{display:grid;padding:8px 14px 12px}.dash-product-row{min-height:48px;display:grid;grid-template-columns:18px 38px minmax(0,1fr) 86px 28px;gap:10px;align-items:center;border-bottom:1px solid rgba(148,163,184,.08);padding:7px 0}.dash-product-row:last-child,.dash-customer-row:last-child,.dash-activity-row:last-child{border-bottom:0}.dash-product-row>span{color:#95a2b8;font-size:12px}.dash-product-row>b{width:34px;height:34px;border-radius:8px;background:rgba(123,56,255,.23);display:grid;place-items:center;font-size:11px;color:#b78bff;overflow:hidden}.dash-product-row i{height:5px;border-radius:999px;background:rgba(148,163,184,.13);overflow:hidden}.dash-product-row i u{height:100%;display:block;border-radius:999px;background:#8b43ff}.dash-product-row em{font-style:normal;font-size:12px;font-weight:850;color:#fff;text-align:right}.dash-customer-row{min-height:54px;display:grid;grid-template-columns:40px minmax(0,1fr) 82px;gap:12px;align-items:center;border-bottom:1px solid rgba(148,163,184,.08);padding:7px 0}.dash-customer-row>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22c1ff,#7b38ff);font-size:14px;font-weight:950;color:#fff}.dash-customer-row time,.dash-activity-row time{color:#aab7cc;font-size:12px;text-align:right}.dash-activity-row{min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) 82px;gap:12px;align-items:center;border-bottom:1px solid rgba(148,163,184,.08);padding:8px 0}.dash-empty{padding:22px 16px;color:#aab7cc;font-weight:700}.shell .dash-pro-page .shell-status{min-height:28px!important;font-size:11px!important;padding:0 10px!important;border-radius:9px!important;white-space:nowrap!important}@media(max-width:1300px){.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-main-grid{grid-template-columns:1fr}.dash-bottom-grid{grid-template-columns:1fr 1fr}.dash-pro-page{max-width:none}}@media(max-width:860px){.dash-kpis,.dash-bottom-grid{grid-template-columns:1fr}.dash-pro-head{display:block}.dash-date-filter{margin-top:14px}.dash-order-row{grid-template-columns:40px minmax(0,1fr);}.dash-order-row .shell-status,.dash-row-money{grid-column:2}.dash-sales-totals{grid-template-columns:1fr 1fr}}


/* =========================================================
   v1.6.13 - Sidebar scroll fix
   ========================================================= */
body:has(.shell){
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.shell-sidebar{
  display:flex!important;
  flex-direction:column!important;
  height:100vh!important;
  overflow:hidden!important;
}
.shell-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(124,76,255,.55) rgba(255,255,255,.05)!important;
}
.shell-nav::-webkit-scrollbar{width:6px!important;}
.shell-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;border-radius:999px!important;}
.shell-nav::-webkit-scrollbar-thumb{background:rgba(124,76,255,.55)!important;border-radius:999px!important;}
.shell-sidebar-bottom{
  flex:0 0 auto!important;
  margin-top:16px!important;
}
.shell-main{
  min-height:100vh!important;
  overflow:visible!important;
}
.shell-content{
  overflow:visible!important;
}
@media(max-height:760px){
  .shell-brand{height:46px!important;margin-bottom:8px!important;font-size:24px!important;}
  .shell-brand .logo-a{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .shell-nav{gap:14px!important;}
  .shell-nav-link{height:40px!important;font-size:14px!important;}
  .shell-sidebar-bottom{gap:8px!important;margin-top:10px!important;}
  .shell-site-link,.shell-logout{height:44px!important;font-size:14px!important;}
}

/* =========================================================
   v1.6.14 - Admin modules professional shell polish
   Pedidos / Productos / Categorías / Clientes share the same UI
   ========================================================= */
.shell-alert{margin:0 0 18px;padding:14px 16px;border-radius:12px;font-weight:800;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);color:#eaf1ff}.shell-alert.success{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.09);color:#bbf7e5}.shell-alert.danger{border-color:rgba(244,63,94,.28);background:rgba(244,63,94,.09);color:#ffc2ce}.shell-empty-state{border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(3,11,23,.70);padding:34px;text-align:center}.shell-empty-state h3{margin:0 0 8px;font-size:22px}.shell-empty-state p{color:#9da9bf;margin:0 0 18px}.shell-product-cell{display:flex;align-items:center;gap:13px;min-width:0}.shell-product-icon{width:42px;height:42px;border-radius:12px;display:inline-block;flex:0 0 42px;background:linear-gradient(135deg,#18d3ff,#7c3cff);box-shadow:0 16px 34px rgba(74,91,255,.18)}.shell-actions form{margin:0;display:inline-flex}.shell-actions-wide{gap:8px!important}.shell-actions-wide .shell-action-view{width:auto!important;min-width:58px!important;padding:0 12px!important}.shell-table-products td,.shell-table-categories td,.shell-table-customers td{height:78px!important}.shell-table-products th:nth-child(1),.shell-table-products td:nth-child(1){width:29%!important}.shell-table-products th:nth-child(2),.shell-table-products td:nth-child(2){width:15%!important}.shell-table-products th:nth-child(3),.shell-table-products td:nth-child(3){width:12%!important}.shell-table-products th:nth-child(4),.shell-table-products td:nth-child(4){width:12%!important}.shell-table-products th:nth-child(5),.shell-table-products td:nth-child(5){width:13%!important}.shell-table-products th:nth-child(6),.shell-table-products td:nth-child(6){width:19%!important;text-align:right!important}.shell-table-categories th:nth-child(1),.shell-table-categories td:nth-child(1){width:30%!important}.shell-table-categories th:nth-child(2),.shell-table-categories td:nth-child(2){width:20%!important}.shell-table-categories th:nth-child(3),.shell-table-categories td:nth-child(3){width:15%!important}.shell-table-categories th:nth-child(4),.shell-table-categories td:nth-child(4){width:15%!important}.shell-table-categories th:nth-child(5),.shell-table-categories td:nth-child(5){width:20%!important;text-align:right!important}.shell-table-customers th:nth-child(1),.shell-table-customers td:nth-child(1){width:30%!important}.shell-table-customers th:nth-child(2),.shell-table-customers td:nth-child(2){width:14%!important}.shell-table-customers th:nth-child(3),.shell-table-customers td:nth-child(3){width:12%!important}.shell-table-customers th:nth-child(4),.shell-table-customers td:nth-child(4){width:16%!important}.shell-table-customers th:nth-child(5),.shell-table-customers td:nth-child(5){width:16%!important}.shell-table-customers th:nth-child(6),.shell-table-customers td:nth-child(6){width:12%!important;text-align:right!important}.status-active{background:rgba(16,185,129,.12)!important;color:#7cffd4!important;border:1px solid rgba(16,185,129,.28)!important}.status-inactive,.status-draft{background:rgba(245,158,11,.12)!important;color:#ffcb6b!important;border:1px solid rgba(245,158,11,.28)!important}.status-archived,.status-blocked{background:rgba(244,63,94,.12)!important;color:#ff7f96!important;border:1px solid rgba(244,63,94,.28)!important}.shell-panel.page-products,.shell-panel.page-categories,.shell-panel.page-customers{max-width:none!important;width:100%!important}.page-products .shell-stats,.page-categories .shell-stats,.page-customers .shell-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.page-products .shell-table-card,.page-categories .shell-table-card,.page-customers .shell-table-card{overflow:hidden!important}
@media(max-width:1250px){.page-products .shell-table-card,.page-categories .shell-table-card,.page-customers .shell-table-card{overflow:auto!important}.shell-table-products{min-width:1050px!important}.shell-table-categories{min-width:900px!important}.shell-table-customers{min-width:950px!important}}

/* =========================================================
   v1.6.16 - Unified app scrollbars
   Sidebar and main content now use the same internal scrollbar.
   Prevents the browser/body scrollbar from showing a different style.
========================================================= */
html:has(.shell),
body:has(.shell){
  height:100%!important;
  overflow:hidden!important;
}
body:has(.shell){
  margin:0!important;
}
.shell{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
}
.shell-sidebar{
  height:100vh!important;
  overflow:hidden!important;
}
.shell-main{
  height:100vh!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(124,76,255,.75) rgba(10,17,31,.72)!important;
}
.shell-main::-webkit-scrollbar,
.shell-nav::-webkit-scrollbar{
  width:7px!important;
  height:7px!important;
}
.shell-main::-webkit-scrollbar-track,
.shell-nav::-webkit-scrollbar-track{
  background:rgba(10,17,31,.72)!important;
  border-radius:999px!important;
}
.shell-main::-webkit-scrollbar-thumb,
.shell-nav::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#7b38ff,#2b6fff)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.shell-main::-webkit-scrollbar-thumb:hover,
.shell-nav::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#9a6bff,#38a4ff)!important;
}
.shell-content{
  min-height:calc(100vh - 72px)!important;
  overflow:visible!important;
}
/* Keep public/landing pages using normal page scroll */
body:not(:has(.shell)){
  overflow-x:hidden;
  overflow-y:auto;
}


/* Font Awesome icon system */
.shell-nav-link i,
.shell-site-link i,
.shell-icon i,
.shell-menu-btn i,
.shell-user-dropdown i {
    font-size: 15px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.shell-nav-link span i {
    width: 16px;
    height: 16px;
}

.shell-icon i {
    font-size: 17px;
}

.shell-menu-btn i {
    font-size: 22px;
}

.shell-user-caret i {
    font-size: 11px;
    color: #9da9bf;
}

.shell-user-dropdown a,
.shell-user-dropdown button {
    gap: 10px;
}

.shell-user-dropdown i {
    width: 16px;
    color: #8fb3ff;
}

/* =========================================================
   v1.7.0 - Cliente compacto sin espacio vacío
   ========================================================= */
.shell-customer .shell-content{
  padding:28px 24px 34px!important;
  min-height:auto!important;
}
.shell-customer .shell-topbar{
  height:78px!important;
}
.shell-customer .client-page{
  max-width:none;
  width:100%;
  margin:0 auto;
  color:#fff;
}
.shell-customer .client-page-head{
  margin:0 0 16px!important;
  text-align:left!important;
  max-width:none!important;
}
.shell-customer .client-page-head.compact{margin-bottom:18px!important;}
.shell-customer .client-page-head h1{
  margin:0 0 8px!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.shell-customer .client-page-head p{
  margin:0!important;
  color:#b7c2d7!important;
  font-size:15px!important;
  font-weight:650!important;
}
.client-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
}
.client-kpi-card{
  min-height:100px;
  border:1px solid rgba(148,163,184,.13);
  background:linear-gradient(180deg,rgba(13,27,50,.76),rgba(5,13,27,.78));
  border-radius:12px;
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
}
.client-kpi-card:hover{border-color:rgba(124,76,255,.35);box-shadow:0 20px 60px rgba(124,76,255,.08)}
.client-kpi-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex:0 0 54px}.client-kpi-icon.purple{background:rgba(123,56,255,.28);color:#b78bff}.client-kpi-icon.green{background:rgba(16,185,129,.18);color:#20e59a}.client-kpi-icon.amber{background:rgba(245,158,11,.20);color:#f59e0b}.client-kpi-icon.blue{background:rgba(14,165,233,.18);color:#19c2ff}
.client-kpi-card strong{display:block;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.04em}.client-kpi-card p{margin:7px 0 4px;color:#fff;font-weight:850}.client-kpi-card small{color:#a95cff;font-weight:850;font-size:12px}
.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:16px}.client-card{border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(11,25,45,.76),rgba(5,13,27,.78));border-radius:12px;overflow:hidden}.client-card-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(148,163,184,.08)}.client-card-head h2{font-size:16px;margin:0;font-weight:900}.client-card-head a{color:#a95cff;text-decoration:none;font-weight:850;font-size:13px}
.client-list-row{min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 88px;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.08);text-decoration:none;color:#fff}.client-list-row:last-child{border-bottom:0}.client-list-row:hover{background:rgba(255,255,255,.025)}.client-list-row strong{font-size:13px}.client-list-row small{display:block;color:#aab7cc;font-size:12px;margin-top:4px}.client-list-row b{text-align:right;font-size:13px}.client-list-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.client-list-icon.purple{background:rgba(123,56,255,.22);color:#b78bff}
.client-status-grid{display:grid;grid-template-columns:repeat(4,1fr);height:calc(100% - 54px);min-height:120px;align-items:center;text-align:center}.client-status-grid div{padding:16px;border-right:1px solid rgba(148,163,184,.08)}.client-status-grid div:last-child{border-right:0}.client-status-grid strong{display:block;font-size:30px;line-height:1;margin-top:10px}.status-color{font-size:12px;font-weight:900}.status-color.amber{color:#ffb72b}.status-color.blue{color:#16c7ff}.status-color.green{color:#20e59a}.status-color.purple{color:#b78bff}
.client-table-card{border:1px solid rgba(148,163,184,.13);border-radius:13px;overflow:hidden;background:rgba(4,12,25,.68);width:100%}.client-table{width:100%;border-collapse:collapse;table-layout:fixed}.client-table th{height:50px;background:rgba(255,255,255,.035);color:#d7e0f2;text-align:left;padding:0 16px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.client-table td{height:74px;border-top:1px solid rgba(148,163,184,.09);padding:0 16px;color:#eaf1ff;font-size:14px;vertical-align:middle}.client-table td strong{display:block;color:#fff;font-size:14px}.client-table td small{display:block;color:#9da9bf;font-size:12px;margin-top:5px}.client-table th:last-child,.client-table td:last-child{text-align:right}.client-action{height:38px;min-width:58px;border-radius:10px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.client-action.primary{background:linear-gradient(135deg,#7b38ff,#2569ff);border:0}.client-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#aab7cc;font-weight:750}.client-empty i{font-size:28px;color:#b8c7e5}.client-empty strong{color:#fff;font-size:14px}.client-empty span{font-size:13px;color:#aab7cc}
.shell-customer .dashboard-page,.shell-customer .store-page,.shell-customer section{padding:0!important;min-height:auto!important}.shell-customer .section-head{display:none!important}.shell-customer .container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
@media(max-width:1100px){.client-kpi-grid,.client-dashboard-grid{grid-template-columns:1fr 1fr}.client-status-grid{grid-template-columns:1fr 1fr}.client-table-card{overflow:auto}.client-table{min-width:880px}}
@media(max-width:700px){.client-kpi-grid,.client-dashboard-grid{grid-template-columns:1fr}.shell-customer .shell-content{padding:20px 14px 26px!important}.client-status-grid{grid-template-columns:1fr 1fr}}

/* =========================================================
   v1.7.1 - Cliente: Mi perfil + Tickets
   ========================================================= */
.client-page-head-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.client-profile-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.profile-summary-card{padding:22px;text-align:center;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-avatar-lg{width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,#22c1ff,#7b38ff);display:grid;place-items:center;font-size:42px;font-weight:950;margin:0 auto 16px;box-shadow:0 20px 60px rgba(37,105,255,.22)}.profile-summary-card h2{font-size:22px;margin:0 0 6px;letter-spacing:-.03em}.profile-summary-card p{margin:0 0 14px;color:#aab7cc;font-weight:650}.profile-mini-stats{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.profile-mini-stats div{border:1px solid rgba(148,163,184,.10);background:rgba(255,255,255,.03);border-radius:12px;padding:12px}.profile-mini-stats strong{display:block;font-size:14px;color:#fff}.profile-mini-stats span{display:block;font-size:12px;color:#9da9bf;margin-top:4px}.client-form-card{overflow:hidden}.client-form{display:grid;gap:14px;padding:18px}.client-form label{display:grid;gap:8px;color:#d7e0f2;font-size:13px;font-weight:850}.client-form input,.client-form select,.client-form textarea{width:100%;border:1px solid rgba(148,163,184,.14);background:rgba(5,13,27,.82);color:#fff;border-radius:12px;min-height:46px;padding:0 14px;font:700 14px Inter,system-ui;outline:none}.client-form textarea{padding:13px 14px;resize:vertical;line-height:1.5}.client-form input:focus,.client-form select:focus,.client-form textarea:focus{border-color:rgba(124,76,255,.55);box-shadow:0 0 0 4px rgba(124,76,255,.10)}.client-form-actions{display:flex;justify-content:flex-end;gap:10px}.client-ticket-form{grid-template-columns:1fr 220px 180px}.client-ticket-form .span-2{grid-column:1/-1}.ticket-create-card{margin-bottom:16px}.client-table-tickets th:nth-child(1),.client-table-tickets td:nth-child(1){width:30%}.client-table-tickets th:nth-child(2),.client-table-tickets td:nth-child(2){width:18%}.client-table-tickets th:nth-child(3),.client-table-tickets td:nth-child(3){width:13%}.client-table-tickets th:nth-child(4),.client-table-tickets td:nth-child(4){width:17%}.client-table-tickets th:nth-child(5),.client-table-tickets td:nth-child(5){width:13%}.client-table-tickets th:nth-child(6),.client-table-tickets td:nth-child(6){width:9%;text-align:right}.ticket-priority{height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;font-size:11px;font-weight:900;border:1px solid rgba(148,163,184,.12)}.priority-low{color:#aab7cc;background:rgba(148,163,184,.08)}.priority-normal{color:#16c7ff;background:rgba(14,165,233,.12)}.priority-high{color:#ffb72b;background:rgba(245,158,11,.12)}.priority-urgent{color:#ff7f96;background:rgba(244,63,94,.12)}.ticket-thread{padding:18px;display:grid;gap:14px;margin-bottom:16px}.ticket-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.ticket-message.mine{grid-template-columns:minmax(0,1fr) 42px}.ticket-message.mine .ticket-message-avatar{grid-column:2}.ticket-message.mine .ticket-message-bubble{grid-column:1;grid-row:1;background:linear-gradient(180deg,rgba(123,56,255,.22),rgba(37,105,255,.12));border-color:rgba(124,76,255,.22)}.ticket-message-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#22c1ff,#7b38ff);display:grid;place-items:center;font-weight:950;color:#fff}.ticket-message-bubble{border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.035);border-radius:16px;padding:13px 14px}.ticket-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.ticket-message-meta strong{font-size:13px}.ticket-message-meta span{font-size:12px;color:#9da9bf}.ticket-message-bubble p{margin:0;color:#d7e0f2;font-size:14px;line-height:1.55}.shell-alert{border-radius:12px;padding:13px 16px;margin:0 0 14px;font-weight:800}.shell-alert.success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.22);color:#7cffd4}.shell-alert.danger{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.22);color:#ff9caf}
@media(max-width:1000px){.client-profile-grid{grid-template-columns:1fr}.client-ticket-form{grid-template-columns:1fr}.client-page-head-row{align-items:flex-start!important;flex-direction:column!important}.client-table-tickets{min-width:900px}}


/* v1.7.3 Avatar upload/display fix */
.user-avatar{overflow:hidden!important;flex:0 0 auto!important}
.user-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
.profile-avatar-lg{overflow:hidden!important;position:relative!important;flex:0 0 96px!important;width:96px!important;height:96px!important}
.profile-avatar-lg img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
.profile-summary-card{overflow:hidden!important}
.avatar-upload-form{width:100%;display:grid;gap:8px;justify-items:center;margin-top:14px}
.avatar-upload-label{height:42px;max-width:210px;width:100%;border-radius:12px;background:linear-gradient(135deg,#7b38ff,#2569ff);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 14px 30px rgba(95,68,255,.22);position:relative;overflow:hidden}
.avatar-upload-label input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.avatar-upload-form small{color:#9da9bf;font-size:12px;font-weight:700}
.client-profile-grid.compact-profile-grid{align-items:start}
.client-profile-page .client-card{min-width:0}

/* =========================================================
   v1.7.4 - Customer tickets header/button fix
   ========================================================= */
.shell-customer .client-tickets-page{
  padding-top:0!important;
}
.client-module-header{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:0!important;
  min-height:64px!important;
}
.client-module-kicker{
  display:block!important;
  margin:0 0 6px!important;
  color:#00e7ff!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
}
.client-module-header h1{
  margin:0 0 8px!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
.client-module-header p{
  margin:0!important;
  color:#b7c2d7!important;
  font-size:15px!important;
  font-weight:650!important;
}
.client-module-header .client-action,
.client-new-ticket-btn{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  height:44px!important;
  min-width:142px!important;
  margin-top:4px!important;
}
.ticket-create-card[hidden]{display:none!important;}
.ticket-create-card{margin:0 0 18px!important;}
@media(max-width:760px){
  .client-module-header{flex-direction:column!important;align-items:stretch!important;}
  .client-new-ticket-btn{width:100%!important;margin-top:0!important;}
}


/* v1.7.5 - Customer tickets and mail settings polish */
.shell-customer .client-page,
.shell-customer .client-tickets-page{
    padding-top:0!important;
    margin-top:0!important;
}
.shell-customer .client-module-header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin:0 0 18px!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
}
.shell-customer .client-module-header h1{
    margin:0 0 6px!important;
    line-height:1.05!important;
    font-size:34px!important;
    letter-spacing:-.045em!important;
}
.shell-customer .client-module-header p{
    margin:0!important;
    color:#aab7cc!important;
}
.shell-customer .client-new-ticket-btn{
    position:static!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    min-width:160px!important;
    height:44px!important;
    flex:0 0 auto!important;
}
.ticket-create-card[hidden]{display:none!important;}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form .switch-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.03);border-radius:14px;padding:14px 16px}.settings-form .switch-row input{width:22px;height:22px;min-height:22px}.settings-help{padding:0 18px 18px;color:#aab7cc;font-size:13px;line-height:1.55}.settings-help code{color:#fff;background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-form{grid-template-columns:1fr}.shell-customer .client-module-header{flex-direction:column!important}.shell-customer .client-new-ticket-btn{width:100%!important}}

/* =========================================================
   v1.7.6 - Customer layout/tickets final fix
   Fixes client pages being hidden under the fixed topbar and
   restores the Tickets module header + button placement.
   ========================================================= */
.shell-customer .shell-content{
  padding:96px 24px 34px!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
}
.shell-customer .client-page,
.shell-customer .client-tickets-page,
.shell-customer .client-profile-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:auto!important;
}
.shell-customer .client-module-header,
.shell-customer .client-page-head,
.shell-customer .client-page-head-row{
  margin:0 0 18px!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  transform:none!important;
  z-index:1!important;
}
.shell-customer .client-module-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:0!important;
}
.shell-customer .client-module-header > div{
  min-width:0!important;
}
.shell-customer .client-module-kicker{
  display:block!important;
  margin:0 0 6px!important;
  color:#00e7ff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.shell-customer .client-module-header h1,
.shell-customer .client-page-head h1{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  overflow:visible!important;
  clip:auto!important;
}
.shell-customer .client-module-header p,
.shell-customer .client-page-head p{
  margin:0!important;
  color:#aebbd2!important;
  font-size:15px!important;
  font-weight:650!important;
}
.shell-customer .client-new-ticket-btn,
.shell-customer .client-module-header .client-action.primary{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:1!important;
  flex:0 0 auto!important;
  height:44px!important;
  min-width:156px!important;
  margin:2px 0 0!important;
  align-self:flex-start!important;
}
.shell-customer .client-table-card{
  margin-top:0!important;
}
.shell-customer .ticket-create-card{
  margin:0 0 18px!important;
}
.shell-customer .ticket-create-card[hidden]{
  display:none!important;
}
@media(max-width:760px){
  .shell-customer .shell-content{padding:92px 16px 26px!important;}
  .shell-customer .client-module-header{flex-direction:column!important;align-items:stretch!important;}
  .shell-customer .client-new-ticket-btn{width:100%!important;min-width:0!important;margin:0!important;}
}

/* =========================================================
   v1.8.0 - AnubisTV Unified Theme
   Landing atmosphere applied to Admin + Customer + Checkout.
   Reduces black flat areas, improves card separation, removes
   unnecessary empty-looking hero gaps, and unifies panels.
   ========================================================= */
:root{
  --shell-bg:#0b1424;
  --shell-bg-soft:#111d31;
  --shell-panel:#131f35;
  --shell-panel-2:#101a2c;
  --shell-border:rgba(148,163,184,.16);
  --shell-border-soft:rgba(255,255,255,.075);
  --shell-text:#f8fbff;
  --shell-muted:#b6c2d8;
}
body:has(.shell){
  background:
    radial-gradient(circle at 14% 52%, rgba(0,195,255,.16), transparent 29%),
    radial-gradient(circle at 76% 16%, rgba(124,58,237,.19), transparent 36%),
    radial-gradient(circle at 58% 92%, rgba(0,92,255,.10), transparent 38%),
    linear-gradient(180deg,#08111f 0%,#0d1728 100%)!important;
  color:var(--shell-text)!important;
}
body:has(.shell)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px)!important;
  background-size:72px 72px!important;
  opacity:.42!important;
  mask-image:linear-gradient(to bottom, transparent 0%, black 9%, black 88%, transparent 100%);
}
body:has(.shell)::after{
  content:"";
  position:fixed;
  left:250px;
  right:0;
  top:84px;
  height:260px;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 16% 65%, rgba(0,195,255,.15), transparent 34%),
    radial-gradient(circle at 70% 15%, rgba(124,58,237,.16), transparent 42%);
  filter:blur(5px);
  opacity:.88;
}
.shell{
  background:transparent!important;
}
.shell-sidebar{
  background:linear-gradient(180deg,rgba(13,23,39,.98),rgba(8,15,27,.98))!important;
  border-right:1px solid rgba(148,163,184,.15)!important;
  box-shadow:18px 0 60px rgba(0,0,0,.18)!important;
}
.shell-topbar,
.shell-customer .shell-topbar{
  background:rgba(9,16,29,.86)!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.10)!important;
}
.shell-content,
.shell-customer .shell-content{
  background:transparent!important;
}
.shell-panel,
.shell-card,
.shell-table-card,
.shell-filter-bar,
.dash-kpi,
.dash-widget,
.client-card,
.client-kpi,
.client-table-card,
.ticket-create-card,
.profile-summary-card,
.client-profile-page .client-card,
.settings-grid .client-card,
.payment-card,
.checkout-card,
.cart-items-card,
.cart-summary{
  background:linear-gradient(180deg,rgba(18,31,52,.86),rgba(9,18,32,.82))!important;
  border-color:rgba(148,163,184,.15)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.shell-card:hover,
.dash-kpi:hover,
.client-kpi:hover{
  border-color:rgba(0,231,255,.28)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22),0 0 38px rgba(0,180,255,.08)!important;
}
.shell-nav a,
.shell-sidebar a,
.shell-sidebar button{
  border-radius:12px!important;
}
.shell-nav a.active,
.shell-nav .active,
.shell-sidebar .active,
.shell-customer .shell-nav a.active{
  background:linear-gradient(135deg,rgba(0,195,255,.18),rgba(124,58,237,.72))!important;
  border-color:rgba(124,58,237,.58)!important;
  box-shadow:0 18px 44px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.shell-user,
.shell-icon-btn,
.user-menu-toggle,
.client-action,
.shell-btn,
.btn,
.client-new-ticket-btn{
  border-color:rgba(148,163,184,.18)!important;
}
.shell-btn.primary,
.client-action.primary,
.client-new-ticket-btn,
.btn-primary{
  background:linear-gradient(135deg,#18c7ff 0%,#286bff 46%,#8b39ff 100%)!important;
  box-shadow:0 16px 42px rgba(40,107,255,.26),0 0 38px rgba(139,57,255,.13)!important;
  color:#fff!important;
  border:0!important;
}
.shell-input,
.shell-select,
.form-control,
.client-form input,
.client-form select,
.client-form textarea,
input[type=text],input[type=email],input[type=password],textarea,select{
  background:rgba(8,17,31,.72)!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#f8fbff!important;
}
.shell-input:focus,
.shell-select:focus,
.form-control:focus,
.client-form input:focus,
.client-form textarea:focus{
  border-color:rgba(0,231,255,.48)!important;
  box-shadow:0 0 0 4px rgba(0,231,255,.08),0 0 28px rgba(0,180,255,.10)!important;
}
.shell-table,
.client-table{
  background:transparent!important;
}
.shell-table th,
.client-table th{
  background:rgba(13,24,42,.72)!important;
  color:#d8e2f5!important;
}
.shell-table td,
.client-table td{
  background:rgba(6,15,29,.34)!important;
  border-bottom-color:rgba(148,163,184,.09)!important;
}
.shell-table tr:nth-child(even) td,
.client-table tr:nth-child(even) td{
  background:rgba(10,23,40,.42)!important;
}
.shell-table tr:hover td,
.client-table tr:hover td{
  background:rgba(0,195,255,.045)!important;
}
.shell-status,
.badge,
.status-badge{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
/* Customer panel compact rhythm */
.shell-customer .shell-content{
  padding:88px 24px 34px!important;
}
.shell-customer .client-page,
.shell-customer .client-tickets-page,
.shell-customer .client-profile-page{
  max-width:1180px!important;
  margin:0 auto!important;
}
.shell-customer .client-page-head,
.shell-customer .client-module-header,
.shell-customer .client-page-head-row{
  margin-bottom:18px!important;
}
.shell-customer .client-page-head h1,
.shell-customer .client-module-header h1{
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.shell-customer .client-page-head p,
.shell-customer .client-module-header p{
  color:#c0cadc!important;
}
.client-kpi-grid{
  gap:14px!important;
}
.client-kpi{
  min-height:118px!important;
}
.client-dashboard-grid{
  gap:14px!important;
}
.client-card-head{
  background:rgba(15,28,48,.62)!important;
}
.client-empty{
  background:rgba(5,14,28,.32)!important;
}
/* Admin dashboard rhythm */
.dash-pro-page{
  max-width:1240px!important;
}
.dash-widget-head{
  background:rgba(15,28,48,.52)!important;
}
/* Scrollbars */
.shell *{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(124,76,255,.65) rgba(9,18,32,.70)!important;
}
.shell *::-webkit-scrollbar{width:8px!important;height:8px!important}
.shell *::-webkit-scrollbar-track{background:rgba(9,18,32,.70)!important;border-radius:999px!important}
.shell *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22c1ff,#7b38ff)!important;border-radius:999px!important}
.shell *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4dd4ff,#9567ff)!important}
@media(max-width:760px){
  body:has(.shell)::after{left:0;top:78px;height:220px}
  .shell-customer .shell-content{padding:86px 14px 24px!important}
}

/* v1.8.1 Admin Projects Workspace */
.page-projects .shell-page-head h1{letter-spacing:-.04em}.project-workspace{padding-bottom:40px}.project-head{align-items:center}.project-head-actions{display:flex;align-items:center;gap:12px}.project-delete{width:38px;height:38px;border-radius:14px}.project-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.project-tabs{display:flex;gap:8px;align-items:center;margin:4px 0 18px;padding:8px;background:rgba(10,18,33,.72);border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:auto}.project-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;color:rgba(238,245,255,.72);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.project-tabs a.active,.project-tabs a:hover{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(0,195,255,.13));color:#fff;border:1px solid rgba(255,255,255,.08)}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.project-main{display:grid;gap:18px}.project-card{background:linear-gradient(180deg,rgba(19,29,49,.94),rgba(12,19,35,.92));border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 60px rgba(0,0,0,.22);border-radius:26px;padding:22px}.project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.project-card-head h3{margin:0;color:#fff;font-size:18px;letter-spacing:-.02em}.project-card-head span{font-size:12px;color:rgba(238,245,255,.52);font-weight:800}.project-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.project-info-grid>div,.builder-field-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:15px}.project-info-grid small,.builder-field-card small{display:block;color:rgba(238,245,255,.48);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.project-info-grid strong,.builder-field-card strong{display:block;color:#fff;font-size:14px}.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.builder-field-card p{margin:10px 0 0;color:rgba(238,245,255,.74);font-size:13px;line-height:1.55}.project-status-form{display:flex;gap:12px;margin-bottom:18px}.project-status-form select{flex:1}.project-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.project-timeline-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:rgba(238,245,255,.6);font-weight:800;font-size:12px}.project-timeline-item span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.22);box-shadow:0 0 0 4px rgba(255,255,255,.04)}.project-timeline-item.active{color:#fff;border-color:rgba(0,195,255,.24);background:rgba(0,195,255,.08)}.project-timeline-item.active span{background:#00c3ff;box-shadow:0 0 0 4px rgba(0,195,255,.15)}.delivery-form{display:grid;grid-template-columns:1fr 160px;gap:12px;margin-bottom:18px}.delivery-form textarea,.delivery-form button{grid-column:1/-1}.activity-list{display:grid;gap:10px}.activity-item{display:flex;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.activity-item>span{color:#00c3ff;font-size:9px;padding-top:5px}.activity-item strong{display:block;color:#fff;font-size:13px}.activity-item small{display:block;color:rgba(238,245,255,.48);font-size:12px;margin-top:4px}.project-side{position:sticky;top:90px}.side-card form{display:grid;gap:10px;margin-top:12px}.shell-action-danger.full{width:100%;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:1180px){.project-layout{grid-template-columns:1fr}.project-side{position:static}.project-kpis,.project-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.project-kpis,.project-info-grid,.builder-grid{grid-template-columns:1fr}.project-status-form,.delivery-form{grid-template-columns:1fr}.project-card{padding:18px;border-radius:22px}}

/* ==================================================
   v1.8.3 - Admin module cleanup
   Pedidos usa la misma lógica visual compacta del área cliente.
================================================== */
.clean-orders-page{
  padding:0 !important;
}
.clean-orders-page .shell-tabs{
  display:none !important;
}
.admin-module-head{
  align-items:center !important;
  margin-bottom:22px !important;
}
.admin-module-head .eyebrow-mini{
  display:inline-flex;
  align-items:center;
  margin-bottom:8px;
  color:#22d3ee;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:950;
}
.admin-module-head h1{
  font-size:40px !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  margin:0 0 8px !important;
}
.admin-module-head p{
  font-size:15px !important;
  color:#aeb9d2 !important;
}
.module-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-bottom:24px !important;
}
.module-stat-grid .shell-stat{
  min-height:124px !important;
  text-decoration:none !important;
  align-items:center !important;
  padding:20px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(20,32,54,.86),rgba(11,20,37,.80)) !important;
}
.module-stat-grid .shell-stat:hover{
  transform:translateY(-2px);
  border-color:rgba(124,58,237,.35) !important;
}
.module-stat-grid .shell-stat>span{
  width:58px !important;
  height:58px !important;
  border-radius:14px !important;
  font-size:24px !important;
}
.module-stat-grid .shell-stat strong{
  font-size:30px !important;
}
.module-stat-grid .shell-stat p{
  font-size:17px !important;
  font-weight:950 !important;
  margin:6px 0 3px !important;
}
.module-filter-bar{
  grid-template-columns:minmax(300px,1fr) 280px auto auto !important;
  gap:14px !important;
  padding:14px !important;
  margin-bottom:24px !important;
  border-radius:16px !important;
  background:rgba(16,27,47,.72) !important;
}
.module-filter-bar .shell-input-wrap,
.module-filter-bar select,
.module-filter-bar .shell-filter-btn,
.module-filter-bar .shell-clear-btn{
  height:48px !important;
  border-radius:12px !important;
}
.module-table-card{
  border-radius:16px !important;
  overflow:hidden !important;
  background:rgba(6,15,30,.76) !important;
}
.shell-table-orders{
  table-layout:fixed !important;
}
.shell-table-orders th:nth-child(1),.shell-table-orders td:nth-child(1){width:20% !important;}
.shell-table-orders th:nth-child(2),.shell-table-orders td:nth-child(2){width:18% !important;}
.shell-table-orders th:nth-child(3),.shell-table-orders td:nth-child(3){width:19% !important;}
.shell-table-orders th:nth-child(4),.shell-table-orders td:nth-child(4){width:16% !important;}
.shell-table-orders th:nth-child(5),.shell-table-orders td:nth-child(5){width:10% !important;}
.shell-table-orders th:nth-child(6),.shell-table-orders td:nth-child(6){width:10% !important;}
.shell-table-orders th:nth-child(7),.shell-table-orders td:nth-child(7){width:7% !important;text-align:right !important;}
.shell-table-orders td{
  height:78px !important;
}
.shell-date-cell strong{
  font-size:13px !important;
  white-space:nowrap !important;
}
.shell-date-cell small{
  font-size:12px !important;
}
.shell-table-orders .shell-actions{
  justify-content:flex-end !important;
  gap:8px !important;
}
.shell-table-orders .shell-action-view{
  width:42px !important;
  height:38px !important;
  border-radius:10px !important;
}
.shell-table-orders .shell-action-view span{
  display:none !important;
}
.shell-table-orders .shell-action-danger{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
}
@media(max-width:1250px){
  .module-filter-bar{grid-template-columns:1fr 220px auto auto !important;}
  .module-table-card{overflow:auto !important;}
  .shell-table-orders{min-width:1050px !important;}
}
@media(max-width:760px){
  .admin-module-head{display:block !important;}
  .admin-module-head .shell-primary{margin-top:16px !important;}
  .module-stat-grid{grid-template-columns:1fr !important;}
  .module-filter-bar{grid-template-columns:1fr !important;}
}

/* =========================================================
   v1.8.4 - Admin Dashboard Real Data
   ========================================================= */
.admin-dashboard-real .dash-widget-note{
  color:#aab7cc;
  font-size:12px;
  font-weight:850;
}
.admin-dashboard-real .dash-sales-totals div{
  min-height:70px;
}
.admin-dashboard-real .dash-sales-totals em{
  display:none!important;
}
.admin-dashboard-real .dash-customer-row>span{
  overflow:hidden;
}
.admin-dashboard-real .dash-customer-row>span img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}
.admin-dashboard-bottom-grid{
  grid-template-columns:1fr 1fr 1.35fr;
}
.admin-dashboard-wide-widget{
  grid-column:1 / -1;
}
.admin-dashboard-real .dash-activity-row time{
  min-width:110px;
}
.admin-dashboard-real .dash-kpi-icon i,
.admin-dashboard-real .dash-row-icon i{
  font-size:inherit;
}
.admin-dashboard-real .dash-date-filter{
  cursor:default;
}
@media(max-width:1300px){
  .admin-dashboard-bottom-grid{grid-template-columns:1fr 1fr;}
  .admin-dashboard-wide-widget{grid-column:1 / -1;}
}
@media(max-width:860px){
  .admin-dashboard-bottom-grid{grid-template-columns:1fr;}
}


/* =========================================================
   v1.8.5 - Admin dashboard date filter + layout fix
   Removes the excessive top gap and makes dashboard lists fit.
========================================================= */
.shell-admin .shell-content{
  padding-top:96px!important;
}
.shell-admin .admin-dashboard-real{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding-top:0!important;
}
.admin-dashboard-real .dash-pro-head{
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.admin-dashboard-real .dash-pro-head h1{
  font-size:28px!important;
}
.admin-dashboard-real .dash-date-form{
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:rgba(7,16,31,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
.admin-dashboard-real .dash-date-form label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#dbe7fb!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.admin-dashboard-real .dash-date-form input{
  height:34px!important;
  width:134px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(3,10,24,.82)!important;
  color:#fff!important;
  padding:0 10px!important;
  font:800 12px Inter,system-ui!important;
  color-scheme:dark!important;
}
.admin-dashboard-real .dash-date-form button{
  height:34px!important;
  border:0!important;
  border-radius:10px!important;
  padding:0 14px!important;
  background:linear-gradient(135deg,#7b38ff,#2569ff)!important;
  color:#fff!important;
  font:900 12px Inter,system-ui!important;
  cursor:pointer!important;
}
.admin-dashboard-real .dash-widget,
.admin-dashboard-real .dash-kpi{
  min-width:0!important;
}
.admin-dashboard-real .dash-bottom-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(340px,1.35fr)!important;
}
.admin-dashboard-real .admin-dashboard-wide-widget{
  grid-column:1 / -1!important;
}
.admin-dashboard-real .dash-activity-row{
  grid-template-columns:40px minmax(0,1fr) 132px!important;
  gap:12px!important;
}
.admin-dashboard-real .dash-activity-row>div{
  min-width:0!important;
}
.admin-dashboard-real .dash-activity-row strong,
.admin-dashboard-real .dash-activity-row small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-dashboard-real .dash-activity-row time{
  min-width:0!important;
  width:132px!important;
  max-width:132px!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:hidden!important;
  color:#aab7cc!important;
  font-size:12px!important;
}
.admin-dashboard-real .dash-activity-row time span,
.admin-dashboard-real .dash-activity-row time strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-dashboard-real .dash-activity-row time strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.admin-dashboard-real .dash-order-row{
  grid-template-columns:40px minmax(0,1fr) 130px 92px!important;
}
.admin-dashboard-real .dash-row-money{
  min-width:0!important;
}
@media(max-width:1300px){
  .admin-dashboard-real .dash-bottom-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:900px){
  .shell-admin .shell-content{padding-top:88px!important;}
  .admin-dashboard-real .dash-pro-head{align-items:flex-start!important;flex-direction:column!important;}
  .admin-dashboard-real .dash-date-form{width:100%!important;flex-wrap:wrap!important;}
  .admin-dashboard-real .dash-bottom-grid{grid-template-columns:1fr!important;}
  .admin-dashboard-real .dash-activity-row{grid-template-columns:40px minmax(0,1fr)!important;}
  .admin-dashboard-real .dash-activity-row time{grid-column:2!important;width:auto!important;max-width:none!important;align-items:flex-start!important;text-align:left!important;}
}

/* =========================================================
   v1.8.6 - Dashboard Space + Ticket Alerts
   ========================================================= */
.shell-admin .shell-content{
  padding:22px 24px 34px!important;
}
.shell-admin .admin-dashboard-real{
  padding-top:0!important;
}
.admin-dashboard-real .dash-pro-head{
  margin-top:0!important;
}
.admin-dashboard-real .dash-bottom-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.admin-dashboard-real .admin-dashboard-wide-widget{
  grid-column:1 / -1!important;
}
.admin-dashboard-real .admin-dashboard-tickets-widget .dash-activity-row,
.admin-dashboard-real .dash-activity-row{
  grid-template-columns:40px minmax(0,1fr) 124px!important;
}
.admin-dashboard-real .dash-ticket-row time .shell-status{
  min-height:24px!important;
  font-size:10px!important;
  padding:0 8px!important;
  border-radius:8px!important;
}
.admin-dashboard-real .dash-ticket-row time strong{
  color:#aab7cc!important;
  font-size:11px!important;
  font-weight:800!important;
}
@media(max-width:1400px){
  .admin-dashboard-real .dash-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-dashboard-real .admin-dashboard-wide-widget{grid-column:1 / -1!important;}
}
@media(max-width:860px){
  .shell-admin .shell-content{padding:18px 14px 24px!important;}
  .admin-dashboard-real .dash-bottom-grid{grid-template-columns:1fr!important;}
}


/* v1.8.7 - Tickets notifications sync */
.admin-tickets-page .shell-table-tickets th:nth-child(1),.admin-tickets-page .shell-table-tickets td:nth-child(1){width:24%}
.admin-tickets-page .shell-table-tickets th:nth-child(2),.admin-tickets-page .shell-table-tickets td:nth-child(2){width:20%}
.admin-tickets-page .shell-table-tickets th:nth-child(3),.admin-tickets-page .shell-table-tickets td:nth-child(3){width:15%}
.admin-tickets-page .shell-table-tickets th:nth-child(4),.admin-tickets-page .shell-table-tickets td:nth-child(4){width:12%}
.admin-tickets-page .shell-table-tickets th:nth-child(5),.admin-tickets-page .shell-table-tickets td:nth-child(5){width:13%}
.admin-tickets-page .shell-table-tickets th:nth-child(6),.admin-tickets-page .shell-table-tickets td:nth-child(6){width:12%}
.admin-tickets-page .shell-table-tickets th:nth-child(7),.admin-tickets-page .shell-table-tickets td:nth-child(7){width:10%;text-align:right}
.ticket-unread-row td{background:linear-gradient(90deg,rgba(124,76,255,.10),rgba(14,165,233,.035))!important}
.ticket-unread-row td:first-child strong:after{content:' ';display:inline-block;width:8px;height:8px;border-radius:50%;background:#8b5cf6;margin-left:8px;box-shadow:0 0 18px rgba(139,92,246,.8)}
.admin-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;margin-bottom:16px}.admin-ticket-thread{min-height:360px}.admin-ticket-side{overflow:hidden}.ticket-side-list{display:grid;gap:12px;padding:16px}.ticket-side-list div{border:1px solid rgba(148,163,184,.10);background:rgba(255,255,255,.025);border-radius:14px;padding:12px;display:grid;gap:5px}.ticket-side-list span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#93a4bd;font-weight:900}.ticket-side-list strong{font-size:14px;color:#fff}.ticket-side-list small{color:#9da9bf;font-weight:700}.ticket-admin-actions{padding:0 16px 16px}.ticket-admin-actions form{display:grid}.admin-ticket-reply-card{margin-top:16px}@media(max-width:1000px){.admin-ticket-layout{grid-template-columns:1fr}.admin-tickets-page .shell-table-tickets{min-width:980px}}


/* v1.8.9 - Admin Sidebar Restore + Clean Modules */
.admin-module-page.clean-orders-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.admin-module-page.clean-orders-page .shell-page-head{
  margin-top:0 !important;
}
.admin-module-page.clean-orders-page .eyebrow-mini{
  display:none !important;
}
.page-products.clean-orders-page,
.page-categories.clean-orders-page,
.page-customers.clean-orders-page{
  padding:0 !important;
}

/* =========================================================
   v1.9.0 - Admin Tables + Cursor Fix
   Fixes clipped action columns across admin tables and adds
   consistent pointer cursors for interactive controls.
========================================================= */
button,
.btn,
a.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
label[for],
select,
summary,
.dropdown-toggle,
.sidebar-menu a,
.sidebar-link,
.nav-link,
.pagination a,
.pagination button,
.table-actions a,
.table-actions button,
.action-buttons a,
.action-buttons button,
.shell-actions a,
.shell-actions button,
.card-action,
.icon-btn,
.avatar-upload,
.modal-close,
.close,
[data-action],
[data-toggle],
[data-bs-toggle]{
  cursor:pointer!important;
}
button:disabled,
.btn:disabled,
input:disabled,
select:disabled,
textarea:disabled,
.disabled,
[aria-disabled="true"]{
  cursor:not-allowed!important;
  opacity:.6;
}

/* Let table actions breathe instead of being clipped */
.admin-table-card,
.module-table-card,
.data-table-card,
.table-card,
.shell-table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.shell-table,
.premium-table,
.admin-table{
  width:100%!important;
  border-collapse:collapse!important;
}
.shell-table th,
.shell-table td,
.premium-table th,
.premium-table td,
.admin-table th,
.admin-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
.shell-table th:last-child,
.shell-table td:last-child,
.premium-table th:last-child,
.premium-table td:last-child,
.admin-table th:last-child,
.admin-table td:last-child{
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  text-align:right!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.shell-actions,
.table-actions,
.action-buttons{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
.shell-actions .btn,
.shell-actions a,
.shell-actions button,
.table-actions .btn,
.table-actions a,
.table-actions button,
.action-buttons .btn,
.action-buttons a,
.action-buttons button,
.shell-action-view,
.shell-action-danger,
.shell-action-edit,
.shell-action-pause{
  flex:0 0 auto!important;
  min-width:38px!important;
  height:38px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  line-height:1!important;
}
.shell-action-danger,
.shell-actions .danger,
.table-actions .danger,
.action-buttons .danger{
  width:38px!important;
  min-width:38px!important;
  padding:0!important;
}

/* Specific admin modules: keep action column visible */
.shell-table-orders,
.page-products .premium-table,
.page-categories .premium-table,
.page-customers .premium-table,
.page-products .shell-table,
.page-categories .shell-table,
.page-customers .shell-table{
  table-layout:auto!important;
  min-width:980px!important;
}
.shell-table-orders th:last-child,
.shell-table-orders td:last-child,
.page-products table th:last-child,
.page-products table td:last-child,
.page-categories table th:last-child,
.page-categories table td:last-child,
.page-customers table th:last-child,
.page-customers table td:last-child{
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  padding-right:18px!important;
}

/* Keep row content from pushing actions off-screen */
.shell-table-orders td,
.page-products table td,
.page-categories table td,
.page-customers table td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.shell-table-orders td:last-child,
.page-products table td:last-child,
.page-categories table td:last-child,
.page-customers table td:last-child{
  overflow:visible!important;
  text-overflow:clip!important;
}

/* =========================================================
   v1.9.1 - Admin Products/Categories/Customers action column fix
   Prevents Entrega/Acciones overlap and clipped action buttons.
========================================================= */
.page-products .shell-table-card,
.page-categories .shell-table-card,
.page-customers .shell-table-card{
  overflow-x:auto!important;
  overflow-y:visible!important;
}

.page-products .shell-table,
.page-categories .shell-table,
.page-customers .shell-table{
  table-layout:fixed!important;
  width:100%!important;
}

/* Products: 4 action buttons need real width */
.page-products .shell-table-products{
  min-width:1180px!important;
}
.page-products .shell-table-products th:nth-child(1),
.page-products .shell-table-products td:nth-child(1){width:290px!important;}
.page-products .shell-table-products th:nth-child(2),
.page-products .shell-table-products td:nth-child(2){width:135px!important;}
.page-products .shell-table-products th:nth-child(3),
.page-products .shell-table-products td:nth-child(3){width:110px!important;}
.page-products .shell-table-products th:nth-child(4),
.page-products .shell-table-products td:nth-child(4){width:120px!important;}
.page-products .shell-table-products th:nth-child(5),
.page-products .shell-table-products td:nth-child(5){width:150px!important;white-space:nowrap!important;}
.page-products .shell-table-products th:nth-child(6),
.page-products .shell-table-products td:nth-child(6){width:275px!important;min-width:275px!important;max-width:275px!important;text-align:right!important;}

/* Categories */
.page-categories .shell-table-categories{
  min-width:980px!important;
}
.page-categories .shell-table-categories th:nth-child(1),
.page-categories .shell-table-categories td:nth-child(1){width:285px!important;}
.page-categories .shell-table-categories th:nth-child(2),
.page-categories .shell-table-categories td:nth-child(2){width:210px!important;}
.page-categories .shell-table-categories th:nth-child(3),
.page-categories .shell-table-categories td:nth-child(3){width:140px!important;}
.page-categories .shell-table-categories th:nth-child(4),
.page-categories .shell-table-categories td:nth-child(4){width:130px!important;}
.page-categories .shell-table-categories th:nth-child(5),
.page-categories .shell-table-categories td:nth-child(5){width:215px!important;min-width:215px!important;max-width:215px!important;text-align:right!important;}

/* Customers */
.page-customers .shell-table-customers{
  min-width:1040px!important;
}
.page-customers .shell-table-customers th:nth-child(1),
.page-customers .shell-table-customers td:nth-child(1){width:310px!important;}
.page-customers .shell-table-customers th:nth-child(2),
.page-customers .shell-table-customers td:nth-child(2){width:130px!important;}
.page-customers .shell-table-customers th:nth-child(3),
.page-customers .shell-table-customers td:nth-child(3){width:130px!important;}
.page-customers .shell-table-customers th:nth-child(4),
.page-customers .shell-table-customers td:nth-child(4){width:165px!important;}
.page-customers .shell-table-customers th:nth-child(5),
.page-customers .shell-table-customers td:nth-child(5){width:155px!important;}
.page-customers .shell-table-customers th:nth-child(6),
.page-customers .shell-table-customers td:nth-child(6){width:150px!important;min-width:150px!important;max-width:150px!important;text-align:right!important;}

.page-products .shell-actions,
.page-categories .shell-actions,
.page-customers .shell-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  overflow:visible!important;
}

.page-products .shell-actions form,
.page-categories .shell-actions form,
.page-customers .shell-actions form{
  display:inline-flex!important;
  margin:0!important;
  flex:0 0 auto!important;
}

.page-products .shell-action-view,
.page-categories .shell-action-view,
.page-customers .shell-action-view{
  width:auto!important;
  min-width:58px!important;
  height:38px!important;
  padding:0 12px!important;
  flex:0 0 auto!important;
}

.page-products .shell-action-danger,
.page-categories .shell-action-danger,
.page-customers .shell-action-danger{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  flex:0 0 38px!important;
}

.page-products .shell-table td:last-child,
.page-categories .shell-table td:last-child,
.page-customers .shell-table td:last-child{
  overflow:visible!important;
  padding-right:18px!important;
}

/* =====================================================
   v1.9.2 Customer Notifications
===================================================== */
.notifications-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:start}.notification-form-card textarea{resize:vertical}.check-row{display:flex!important;align-items:center;gap:10px;margin-top:8px}.check-row input{width:auto!important}.notification-admin-list,.client-notice-list{display:grid;gap:12px}.notification-admin-row,.client-notice-row{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(7,13,25,.38);text-decoration:none;color:inherit}.notification-admin-row.unread,.client-notice-row.unread{border-color:rgba(124,58,237,.28);background:rgba(124,58,237,.09)}.notice-dot{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 42px;background:rgba(35,120,255,.16);color:#38bdf8}.notice-dot.success{background:rgba(16,185,129,.16);color:#34d399}.notice-dot.warning{background:rgba(245,158,11,.16);color:#fbbf24}.notice-dot.danger,.notice-dot.important{background:rgba(244,63,94,.16);color:#fb7185}.notification-admin-row div,.client-notice-row div{min-width:0;flex:1}.notification-admin-row strong,.client-notice-row strong{display:block;color:#fff}.notification-admin-row small,.client-notice-row small{display:block;color:var(--muted,#aeb8ca);margin-top:3px}.notification-admin-row p,.client-notice-row p{margin:8px 0 0;color:#c7d2e5;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.notification-admin-row time{color:#9aa7bd;font-size:13px;white-space:nowrap}.client-notice-row em{align-self:center;font-style:normal;color:#a855f7;font-weight:800;font-size:12px}.link-button{border:0;background:transparent;color:#b56cff;font-weight:800;cursor:pointer}.link-button:hover{text-decoration:underline}@media(max-width:900px){.notifications-grid{grid-template-columns:1fr}.notification-admin-row,.client-notice-row{align-items:flex-start}.notification-admin-row time{display:none}}

/* =====================================================
   v1.9.3 - Admin Notifications UI polish
===================================================== */
.notifications-admin-page{
  padding:0!important;
}
.notifications-admin-page .shell-page-head{
  margin-bottom:18px!important;
}
.notifications-admin-page .shell-page-head h1{
  font-size:clamp(36px,4vw,58px)!important;
  line-height:.95!important;
  margin:0 0 8px!important;
}
.notifications-stats{
  margin-bottom:18px!important;
}
.notifications-layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:18px;
  align-items:start;
}
.shell-card.notification-compose-card,
.shell-card.notification-history-card{
  background:linear-gradient(180deg,rgba(20,31,50,.92),rgba(12,19,33,.90));
  border:1px solid rgba(148,163,184,.14);
  border-radius:20px;
  box-shadow:0 20px 55px rgba(0,0,0,.18);
  padding:18px;
  overflow:hidden;
}
.card-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding-bottom:14px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.card-section-head h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.1!important;
  color:#fff!important;
}
.card-section-head p{
  margin:5px 0 0!important;
  color:#aeb8ca!important;
  font-size:14px!important;
}
.mini-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(124,58,237,.14);
  color:#c9b4ff;
  border:1px solid rgba(124,58,237,.28);
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
}
.shell-form-grid.two,
.notification-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.notification-compose-card label{
  display:grid;
  gap:8px;
  color:#d9e2f3;
  font-weight:800;
  font-size:13px;
  margin-bottom:14px;
}
.notification-compose-card input,
.notification-compose-card select,
.notification-compose-card textarea{
  width:100%;
  min-height:46px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:14px;
  background:rgba(5,12,24,.72);
  color:#fff;
  padding:0 14px;
  outline:none;
  font-weight:700;
}
.notification-compose-card textarea{
  min-height:130px;
  padding:14px;
  resize:vertical;
  line-height:1.45;
}
.notification-compose-card input::placeholder,
.notification-compose-card textarea::placeholder{
  color:rgba(174,184,202,.66);
}
.notification-compose-card input:focus,
.notification-compose-card select:focus,
.notification-compose-card textarea:focus{
  border-color:rgba(91,141,255,.7);
  box-shadow:0 0 0 4px rgba(91,141,255,.12);
}
.notification-check{
  display:flex!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:10px!important;
  margin:2px 0 16px!important;
}
.notification-check input{
  width:18px!important;
  min-height:18px!important;
  height:18px!important;
  accent-color:#7c3aed;
}
.notification-actions{
  display:flex;
  justify-content:flex-end;
}
.notification-admin-list{
  display:grid;
  gap:12px;
  max-height:620px;
  overflow:auto;
  padding-right:4px;
}
.notification-admin-row{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:14px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(7,13,25,.42);
  color:inherit;
}
.notification-admin-row.unread{
  border-color:rgba(124,58,237,.34);
  background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(7,13,25,.42));
}
.notification-admin-row time{
  font-size:12px!important;
  color:#97a5bb!important;
  white-space:nowrap;
  padding-top:3px;
}
.notification-empty-state{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:36px 18px!important;
  background:rgba(7,13,25,.36)!important;
  border:1px dashed rgba(148,163,184,.16)!important;
}
.notification-empty-state i{
  font-size:34px;
  color:#a78bfa;
  margin-bottom:10px;
}
.notification-empty-state h3{
  margin:0 0 6px!important;
}
.notification-empty-state p{
  margin:0!important;
  color:#aeb8ca!important;
}
[data-customer-select].is-hidden{
  opacity:.45;
}
@media(max-width:1100px){
  .notifications-layout-grid{grid-template-columns:1fr;}
  .notification-admin-list{max-height:none;}
}
@media(max-width:720px){
  .shell-form-grid.two,.notification-form-grid{grid-template-columns:1fr;}
  .notification-admin-row{grid-template-columns:42px minmax(0,1fr);}
  .notification-admin-row time{grid-column:2;}
}

/* ==========================================
   v1.9.4 ORDER WORKSPACE CLEANUP
========================================== */
.order-workspace-page.clean-orders-page,
.admin-page.clean-orders-page {
    padding: 0 !important;
}
.order-workspace-head {
    margin-bottom: 18px !important;
}
.order-workspace-head h1 {
    margin: 0 0 6px !important;
}
.order-workspace-grid {
    align-items: flex-start;
    gap: 22px;
}
.order-tabs {
    margin: 18px 0 22px;
    padding: 8px;
    border-radius: 18px;
    background: rgba(8, 14, 28, .72);
    border: 1px solid rgba(255,255,255,.07);
    overflow-x: auto;
}
.order-tabs a {
    white-space: nowrap;
}
.delivery-form-grid {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(100px, 160px) minmax(220px, 1.4fr);
    gap: 12px;
}
.order-deliveries-table .shell-table th:last-child,
.order-deliveries-table .shell-table td:last-child {
    min-width: 230px;
    width: 230px;
    text-align: right;
}
.order-deliveries-table .shell-actions {
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
}
.sticky-side-card {
    position: sticky;
    top: 18px;
}
.sticky-side-card form {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}
.shell-action-danger.full {
    width: 100%;
    justify-content: center;
}
@media (max-width: 980px) {
    .delivery-form-grid {
        grid-template-columns: 1fr;
    }
    .sticky-side-card {
        position: static;
    }
}

/* v1.9.5 protected delivery controls */
.delivery-visible-toggle{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:var(--text-muted,#aeb8d0);
    font-size:.9rem;
    white-space:nowrap;
}
.delivery-visible-toggle input{accent-color:#7c5cff;cursor:pointer;}
.order-deliveries-table td small{display:block;margin-top:4px;color:var(--text-muted,#93a4c2);font-size:.78rem;line-height:1.25;}
.order-deliveries-table .shell-actions{min-width:220px;}

/* ==========================================
   v1.9.6 ORDER WORKSPACE PAYMENT PANEL FIX
========================================== */
.order-workspace-full,
.project-layout.order-workspace-full {
    display: block !important;
    grid-template-columns: 1fr !important;
}
.order-workspace-full .project-main {
    width: 100% !important;
    max-width: none !important;
}
.order-workspace-full .project-side,
.order-workspace-page .project-side,
.order-workspace-page .sticky-side-card {
    display: none !important;
}
.order-payment-panel {
    width: 100%;
}
.payment-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.payment-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.payment-actions-grid form {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
}
.payment-actions-grid .shell-primary,
.payment-actions-grid .shell-action-danger.full {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.order-deliveries-table .shell-table {
    table-layout: auto !important;
}
.order-deliveries-table .shell-table th:last-child,
.order-deliveries-table .shell-table td:last-child {
    width: 260px !important;
    min-width: 260px !important;
}
@media (max-width: 980px) {
    .payment-info-grid,
    .payment-actions-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================
   v1.9.7 ORDER WORKSPACE POLISH FINAL
========================================== */
.order-workspace-page .shell-stat strong{
    font-size: clamp(22px, 1.8vw, 31px);
    line-height: 1.05;
    word-break: normal;
}
.order-workspace-page .shell-stat p,
.order-workspace-page .shell-stat small{
    line-height: 1.25;
}
.order-workspace-page .project-kpis .shell-stat{
    overflow: hidden;
}
.order-workspace-page .project-kpis .shell-stat strong{
    max-width: 100%;
    overflow-wrap: anywhere;
}
.order-workspace .btn,
.order-workspace-page button,
.order-workspace-page .shell-primary,
.order-workspace-page .shell-action-view,
.order-workspace-page .shell-action-danger{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}
.order-workspace-page .builder-field-card .shell-action-view{
    width: auto !important;
    min-width: 118px !important;
    height: 40px !important;
    margin-top: 12px;
    padding: 0 14px !important;
    border-radius: 13px !important;
}
.order-workspace-page .payment-actions-grid .shell-primary{
    min-height: 52px !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
}
.order-workspace-page .payment-actions-grid .cancel-order-btn{
    width: 100% !important;
    min-width: 100% !important;
    height: 52px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    background: rgba(244,63,94,.16) !important;
    border: 1px solid rgba(244,63,94,.38) !important;
    color: #ff7b93 !important;
    font-weight: 900 !important;
}
.order-workspace-page .project-delete,
.order-workspace-page .order-deliveries-table .shell-action-danger{
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    padding: 0 !important;
}
.order-workspace-page .order-deliveries-table .shell-action-danger span{
    display: none !important;
}
.order-workspace-page .order-deliveries-table .shell-action-view{
    width: auto !important;
    min-width: 112px !important;
    height: 42px !important;
    padding: 0 14px !important;
}
.order-workspace-page .order-deliveries-table .shell-actions{
    min-width: 190px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
}
.order-workspace-page .order-deliveries-table .shell-actions form{
    display: inline-flex !important;
    margin: 0 !important;
}
.order-workspace-page .status-available{
    background: rgba(16,185,129,.12) !important;
    color: #54f7bc !important;
    border: 1px solid rgba(16,185,129,.28) !important;
}
.order-workspace-page .payment-info-grid strong,
.order-workspace-page .project-info-grid strong{
    overflow-wrap: anywhere;
}

/* ==========================================
   v1.9.8 - System Control Center + cleanup
========================================== */
.system-control-page{
    padding:0!important;
}
.system-control-header{
    margin:0 0 18px!important;
}
.system-control-header h1{
    margin:0;
}
.system-control-tabs{
    margin:0 0 22px!important;
    overflow-x:auto;
    white-space:nowrap;
}
.system-control-tabs .workspace-tab{
    min-width:max-content;
}
.compact-system-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:0 0 18px;
}
.clean-system-card{
    margin-top:18px;
}
.system-service-grid{
    margin-top:18px;
}
.system-tab-panel{
    margin-top:0!important;
}
.email-template-list{
    display:grid;
    gap:12px;
}
.email-template-row{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(10,17,31,.58);
}
.email-template-row i{
    color:#9d6cff;
}
.email-template-row .badge{
    margin-left:auto;
}
.system-action-form{
    display:flex;
    justify-content:flex-start;
    margin:18px 0;
}
.system-links{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:16px;
}
.system-results{
    display:grid;
    gap:10px;
    margin-top:18px;
}
.system-result{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:13px 16px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}
.system-result.success{border-color:rgba(16,185,129,.25)}
.system-result.failed{border-color:rgba(244,63,94,.35)}
.notifications-form .form-actions,
.notification-form .form-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    padding:18px 0 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.notifications-form .btn,
.notification-form .btn{
    border:0!important;
    box-shadow:0 14px 35px rgba(110,72,255,.28)!important;
}
.order-payment-panel .payment-info-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
@media(max-width:900px){
    .compact-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
    .compact-system-grid{grid-template-columns:1fr;}
}


/* ==========================================
   v1.9.9 - System Control navigation cleanup
========================================== */
.system-control-page{
    padding:0!important;
    max-width:1280px;
    margin:0 auto;
}
.system-control-header{
    margin:0 0 18px!important;
}
.system-control-header h1{
    font-size:clamp(42px,5vw,68px)!important;
    line-height:.92!important;
    letter-spacing:-.07em!important;
}
.system-control-header p{
    max-width:980px;
}
.system-control-tabs{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(11,21,42,.72),rgba(6,13,28,.72))!important;
    box-shadow:0 18px 60px rgba(0,0,0,.14)!important;
    margin:0 0 22px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
}
.system-control-tabs .workspace-tab{
    min-width:max-content!important;
    height:44px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#aebbd2!important;
    font-size:14px!important;
    font-weight:900!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    transition:180ms ease!important;
}
.system-control-tabs .workspace-tab:hover{
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.10)!important;
}
.system-control-tabs .workspace-tab.active{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(105,64,255,.85),rgba(29,121,255,.55))!important;
    border-color:rgba(125,103,255,.55)!important;
    box-shadow:0 14px 32px rgba(94,64,255,.22)!important;
}
.system-control-tabs .workspace-tab.active:after{
    display:none!important;
}
.system-control-tabs::-webkit-scrollbar{
    height:6px;
}
.system-control-tabs::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#6d4aff,#2ea7ff);
    border-radius:999px;
}
.system-control-tabs::-webkit-scrollbar-track{
    background:rgba(255,255,255,.04);
    border-radius:999px;
}

/* Sidebar final architecture: payments/mail live inside Centro de Control */
.shell-nav-title{
    letter-spacing:.13em!important;
}
.shell-nav-link[href*="/admin/system"] span{
    background:rgba(114,50,245,.18)!important;
    color:#d8ccff!important;
}

@media (max-width: 900px){
    .system-control-header h1{font-size:42px!important;}
    .system-control-tabs{border-radius:15px!important;padding:8px!important;}
    .system-control-tabs .workspace-tab{height:40px!important;padding:0 12px!important;font-size:13px!important;}
}

/* ==========================================
   v2.0.0 - Payments UI Match
========================================== */
.system-tab-header.compact-tab-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.system-tab-header.compact-tab-header h2 {
    margin: 0 0 6px;
    font-size: 28px;
    line-height: 1.05;
}
.system-tab-header.compact-tab-header p {
    margin: 0;
    color: var(--text-muted, #aab6ca);
}
.system-payments-form .payments-control-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.system-payments-form .payment-method-card {
    min-height: 100%;
}
.system-payments-form .payment-method-card h2 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.system-payments-form .payment-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}
.system-payments-form .payment-form-grid .span-2,
.system-payments-form .system-save-actions {
    grid-column: 1 / -1;
}
.system-payments-form .payment-method-disabled {
    opacity: .78;
}
.system-payments-form .payment-method-disabled input,
.system-payments-form .payment-method-disabled select,
.system-payments-form .payment-method-disabled textarea {
    cursor: not-allowed;
}
.system-payments-form .system-save-actions {
    justify-content: flex-end;
    margin-top: 20px;
}
.system-payments-form .client-action.primary,
.system-payments-form .btn.btn-primary {
    min-width: 190px;
    justify-content: center;
}
@media (max-width: 1100px) {
    .system-payments-form .payments-control-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .system-tab-header.compact-tab-header,
    .system-payments-form .payment-form-grid {
        display: block;
    }
    .system-tab-header.compact-tab-header .btn,
    .system-payments-form .payment-form-grid label {
        margin-top: 12px;
    }
}

/* ==========================================
   v2.0.1 System Control + Admin Cleanup
========================================== */
.clean-admin-page,
.admin-module-page.admin-tickets-page,
.admin-ticket-detail-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.admin-module-page .page-header,
.admin-ticket-detail-page .page-header{
    margin-bottom:24px!important;
}

.system-control-tabs{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    padding:12px!important;
    margin:0 0 26px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:18px!important;
    background:rgba(15,27,48,.72)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.16)!important;
}

.system-control-tabs .workspace-tab{
    height:42px!important;
    padding:0 15px!important;
    border-radius:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#b6c2d8!important;
    text-decoration:none!important;
    font-weight:900!important;
    border:1px solid transparent!important;
    background:transparent!important;
    white-space:nowrap!important;
}

.system-control-tabs .workspace-tab.active,
.system-control-tabs .workspace-tab:hover{
    color:#fff!important;
    border-color:rgba(124,92,255,.45)!important;
    background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(37,99,235,.35))!important;
    box-shadow:0 12px 28px rgba(95,68,255,.20)!important;
}

.system-general-form,
.system-payments-form,
.system-tab-panel{
    width:100%!important;
}

.general-control-grid{
    display:grid!important;
    grid-template-columns:2fr 1fr 1fr!important;
    gap:18px!important;
}

.general-control-grid .span-2,
.system-general-grid .span-2{
    grid-column:span 2!important;
}

.system-general-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
}

.system-setting-card{
    min-height:100%!important;
}

.system-brand-preview{
    min-height:150px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:16px;
    background:rgba(3,10,24,.42);
    display:grid;
    place-items:center;
    margin:14px 0;
    overflow:hidden;
}

.system-brand-preview img{
    max-width:150px;
    max-height:110px;
    object-fit:contain;
}

.system-brand-preview i{
    font-size:42px;
    color:#7ddcff;
    opacity:.75;
}

.system-brand-preview.small-preview{
    min-height:110px;
}

.system-brand-preview.small-preview img{
    max-width:72px;
    max-height:72px;
}

.file-control{
    display:grid!important;
    gap:9px!important;
    color:#dce6f7!important;
    font-weight:850!important;
}

.file-control input[type=file]{
    width:100%;
    padding:13px;
    border-radius:14px;
    color:#aab5c8;
    border:1px solid rgba(148,163,184,.14);
    background:rgba(3,10,24,.56);
}

.file-control small,
.settings-help{
    color:#95a3bb!important;
    font-size:13px!important;
}

.system-log-table th:nth-child(1),
.system-log-table td:nth-child(1){width:45%!important;}
.system-log-table th:nth-child(2),
.system-log-table td:nth-child(2){width:18%!important;}
.system-log-table th:nth-child(3),
.system-log-table td:nth-child(3){width:25%!important;}
.system-log-table th:nth-child(4),
.system-log-table td:nth-child(4){width:12%!important;}

@media (max-width:1100px){
  .general-control-grid{grid-template-columns:1fr!important;}
  .general-control-grid .span-2,
  .system-general-grid .span-2{grid-column:auto!important;}
  .system-general-grid{grid-template-columns:1fr!important;}
}

/* v2.0.2 - Dynamic branding */
.brand-img,
.shell-brand-img{
    width:38px;
    height:38px;
    object-fit:contain;
    border-radius:12px;
    display:inline-flex;
    flex:0 0 auto;
}
.shell-brand-img{
    width:42px;
    height:42px;
}
.system-general-form .system-brand-preview{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.035);
    overflow:hidden;
    margin-bottom:16px;
}
.system-general-form .system-brand-preview img{
    max-width:80%;
    max-height:92px;
    object-fit:contain;
}
.system-general-form .system-brand-preview.small-preview{
    min-height:90px;
}
.system-general-form .system-brand-preview.small-preview img{
    max-width:58px;
    max-height:58px;
}
.system-general-form .file-control{
    display:grid;
    gap:9px;
    color:var(--text-muted);
    font-weight:700;
}
.system-general-form .file-control input{
    cursor:pointer;
}
.system-general-form .file-control small{
    color:var(--text-muted);
    font-size:12px;
}


/* ==========================================
   v2.0.3 - System Tabs Restore
   Keep Centro de Control tabs in one horizontal row
========================================== */
.system-control-tabs.workspace-tabs{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    max-width:100%!important;
    width:100%!important;
    padding:10px!important;
    margin:0 0 22px!important;
    border-radius:18px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    background:linear-gradient(180deg,rgba(11,21,42,.72),rgba(6,13,28,.72))!important;
    box-shadow:0 18px 60px rgba(0,0,0,.14)!important;
    scrollbar-width:thin;
    scrollbar-color:#6d4aff rgba(255,255,255,.04);
}
.system-control-tabs.workspace-tabs .workspace-tab{
    flex:0 0 auto!important;
    min-width:max-content!important;
    height:44px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
}
.system-control-tabs.workspace-tabs::-webkit-scrollbar{height:6px!important;}
.system-control-tabs.workspace-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;border-radius:999px!important;}
.system-control-tabs.workspace-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6d4aff,#2ea7ff)!important;border-radius:999px!important;}
.system-control-tabs.workspace-tabs .workspace-tab.active:after{display:none!important;}

/* v2.0.4 - Global hardcoded cleanup */

/* ==========================================
   EMAIL TEMPLATES MANAGER v2.0.7
========================================== */
.email-template-workspace{
    display:grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap:20px;
    align-items:start;
}
.email-template-sidebar{
    padding:16px;
    position:sticky;
    top:86px;
}
.template-search-box{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    margin-bottom:12px;
}
.template-search-box input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:var(--text, #fff);
}
.template-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:620px;
    overflow:auto;
    padding-right:4px;
}
.template-list-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 12px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    color:inherit;
    text-decoration:none;
    background:rgba(255,255,255,.025);
}
.template-list-item:hover,
.template-list-item.active{
    background:linear-gradient(135deg, rgba(116,83,255,.22), rgba(0,195,255,.10));
    border-color:rgba(127,98,255,.35);
}
.template-list-item span{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    font-weight:800;
}
.email-template-editor{padding:20px;}
.template-editor-head{margin-bottom:14px;}
.compact-switch{display:flex!important; width:auto!important; min-width:130px;}
.email-template-form textarea{
    min-height:340px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    line-height:1.55;
}
.template-actions{justify-content:flex-end;}
.template-tools-grid{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:18px;
    margin-top:18px;
}
.template-tools-grid .client-card{padding:18px;}
.variables-grid{display:grid; gap:14px;}
.variable-group{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.variable-group strong{width:100%; color:var(--text, #fff);}
.variable-group code{
    padding:7px 10px;
    border-radius:10px;
    background:rgba(0,195,255,.09);
    border:1px solid rgba(0,195,255,.16);
    color:#bcefff;
    font-size:.82rem;
}
.template-preview-subject{
    padding:12px 14px;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    font-weight:900;
    margin-bottom:12px;
}
.template-preview-body{
    white-space:pre-wrap;
    word-break:break-word;
    min-height:180px;
    max-height:360px;
    overflow:auto;
    padding:14px;
    border-radius:14px;
    background:rgba(5,10,20,.45);
    border:1px solid rgba(255,255,255,.08);
    color:var(--text, #fff);
    font-family:inherit;
}
@media (max-width: 1100px){
    .email-template-workspace{grid-template-columns:1fr;}
    .email-template-sidebar{position:static;}
    .template-tools-grid{grid-template-columns:1fr;}
}

/* AnubisCommerce v2.1 - System: security, backups and logs */
.security-control-grid,
.backup-actions-grid,
.logs-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:18px 0;
}
.security-check-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.security-check-grid div{
    padding:16px;
    border-radius:16px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    gap:6px;
}
.security-check-grid i{font-size:20px;color:#35d49b;}
.security-check-grid strong{color:var(--text,#fff);}
.security-check-grid span{color:var(--muted,#9aa4b2);font-size:.9rem;line-height:1.45;}
.backup-action-card{padding:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.system-backup-table th:nth-child(1),
.system-backup-table td:nth-child(1){width:34%!important;}
.system-backup-table th:nth-child(5),
.system-backup-table td:nth-child(5){width:130px!important;}
.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.table-actions form{margin:0;display:inline-flex;}
.btn.btn-sm{padding:8px 10px!important;border-radius:10px!important;min-height:36px!important;}
.btn.btn-danger{background:rgba(244,63,94,.14)!important;border:1px solid rgba(244,63,94,.30)!important;color:#ffb4c2!important;}
.log-view-card{padding:18px;min-width:0;}
.log-view-card .client-card-head{align-items:flex-start;gap:12px;}
.log-view-card h2{word-break:break-word;}
.log-preview{
    margin:14px 0 0;
    max-height:360px;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    padding:14px;
    border-radius:14px;
    background:rgba(5,10,20,.58);
    border:1px solid rgba(255,255,255,.08);
    color:#dbeafe;
    font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}
@media (max-width:1100px){
    .security-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .security-control-grid,.backup-actions-grid,.logs-grid{grid-template-columns:1fr;}
}
@media (max-width:700px){
    .security-check-grid{grid-template-columns:1fr;}
    .table-actions{justify-content:flex-start;}
}