/* Existing styles combined in their original cascade order. */
a.chip{color:inherit;text-decoration:none}a.chip:focus-visible,.seo-service-index a:focus-visible{outline:3px solid #b79bff;outline-offset:3px}.section>h1{font-size:1.5em;margin-block:.83em;font-weight:700}.seo-service-index{margin-top:18px;border:1px solid #ecebff;border-radius:14px;background:#fff;padding:12px 16px;font-size:13px}.seo-service-index summary{cursor:pointer;color:#5a31b0;font-weight:700}.seo-service-index nav{display:flex;gap:8px 14px;flex-wrap:wrap;margin:12px 0}.seo-service-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;padding-left:20px}.seo-service-index a{color:#5a31b0;text-decoration:none;overflow-wrap:anywhere}.seo-service-index a:hover{text-decoration:underline}.seo-service-index p{color:#667085;margin:10px 0}.seo-category-intro{font-size:14px;color:#667085}@media(max-width:700px){.seo-service-index ul{grid-template-columns:1fr}}

.seo-catalog-intro{margin:12px 0 18px;padding:14px 16px;border:1px solid #ecebff;border-radius:14px;background:#fff}.seo-catalog-intro h1{font-size:1.35rem;margin:8px 0;color:#241b3b}.seo-catalog-intro p{font-size:14px;line-height:1.6;color:#667085;max-width:80ch;margin:8px 0}.seo-catalog-intro .seo-order-note{font-size:12px;margin-bottom:0}.seo-breadcrumb{font-size:12px;line-height:1.65;margin:0 0 14px;overflow-wrap:anywhere;color:#667085}.seo-breadcrumb a,.seo-public-links a{color:#6331b5;text-decoration:none}.seo-breadcrumb a:hover,.seo-public-links a:hover{text-decoration:underline}.seo-public-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 6px;font-size:13px}.seo-breadcrumb a:focus-visible,.seo-public-links a:focus-visible{outline:3px solid #b79bff;outline-offset:3px}

/* Exact dashboard stylesheet; generated without visual changes. */

    :root{
      --bg:#f7f7fb;
      --paper:#fff;
      --ink:#0b1020;
      --muted:#667085;
      --brand:#6b3dfc;
      --radius:16px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      background:var(--bg);
      font:500 15px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
      color:var(--ink);
    }
    .container{max-width:min(1200px,94vw);margin:18px auto}

    .logo{
      font-weight:800;
      font-size:24px;
      background:linear-gradient(90deg,#7b47ff,#ff3aa6);
      -webkit-background-clip:text;
      color:transparent;
      position:relative;
      display:inline-flex;
align-items:center;
gap:10px;
      padding-bottom:4px;
      cursor:pointer;
    }
    .logo::after{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      bottom:-2px;
      width:60%;
      height:3px;
      border-radius:999px;
      background:#7b47ff;
    }
.logo::before{
  content:"";
  width:28px;
  height:28px;
  border-radius:10px;
  background:url("/icon-192.png") center/cover no-repeat;
  box-shadow:0 0 0 6px rgba(107,61,252,.12);
  flex:0 0 auto;
}
/* ✅ logo hover polish */
.logo{ transition:transform .15s ease; }
.logo::before{ transition:transform .15s ease, box-shadow .15s ease; }

.logo:hover{
  transform: translateY(-1px);
}
.logo:hover::before{
  transform: scale(1.06);
  box-shadow: 0 0 0 6px rgba(107,61,252,.12), 0 10px 22px rgba(107,61,252,.22);
}

    .navbar{
      position:sticky;top:0;z-index:10;
      background:rgba(247,247,251,.8);
      backdrop-filter:blur(8px);
      padding:8px 0 12px;
      margin-bottom:12px;
    }
    .tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .tab{
      border:1px solid #ecebff;
      background:#fff;
      border-radius:999px;
      padding:8px 14px;
      font-weight:800;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .tab.active{
      background:linear-gradient(180deg,#7b47ff,#5a31ff);
      color:#fff;
      border-color:transparent;
    }
    .logout{margin-left:auto}

    .section{display:none}
    .section.active{display:block}

    .card{
      background:#fff;
      border-radius:16px;
      box-shadow:0 8px 28px rgba(18,5,60,.08);
    }
    .row{display:grid;gap:12px}
    .row.c2{grid-template-columns:1fr 1fr}
    .row.c3{grid-template-columns:1fr 1fr 1fr}
    @media(max-width:980px){
      .row.c3,.row.c2{grid-template-columns:1fr}
    }
    .kpi{padding:14px}

    .kpi-link{
      cursor:pointer;
      transition:transform .18s ease, box-shadow .18s ease;
    }
    .kpi-link:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 30px rgba(18,5,60,.12);
    }

    .btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:12px;
      border:1px solid #ecebff;
      background:#fff;
      font-weight:700;
      cursor:pointer;
      text-decoration:none;
      color:inherit;
    }
    .btn.primary{
      background:linear-gradient(180deg,#7b47ff,#5a31ff);
      color:#fff;
      border-color:transparent;
    }

    .btn.magic{position:relative;overflow:hidden;isolation:isolate;}
    .btn.magic::before{
      content:"";position:absolute;inset:-2px;border-radius:inherit;
      background:linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));
      transform:translateX(-120%);
      animation:magicShine 2.2s linear infinite;
      mix-blend-mode:overlay;
      pointer-events:none;
    }
    .btn.magic::after{
      content:"";position:absolute;inset:0;border-radius:inherit;
      box-shadow:0 0 0 rgba(107,61,252,0);
      animation:magicPulse 2.6s ease-in-out infinite;
      pointer-events:none;
    }
    .btn.magic:active{transform:translateY(0) scale(.98);}
    @keyframes magicShine{ to{ transform:translateX(120%); } }
    @keyframes magicPulse{
      0%,100%{ box-shadow:0 0 0 rgba(107,61,252,0); }
      50%{ box-shadow:0 0 18px rgba(107,61,252,.35); }
    }

    .btn,.tab,.chip,.gcard{
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .btn:hover,.tab:hover,.chip:hover,.gcard:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 22px rgba(15,23,42,.10);
    }
    .tab.active:hover{transform:translateY(-1px) scale(1.01);}

    .platforms{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
      gap:10px;
    }
    .chip{
      display:flex;align-items:center;gap:10px;
      border:1px solid #ecebff;border-radius:14px;padding:10px;
      background:#fff;cursor:pointer;
    }
    .chip img{width:22px;height:22px;display:block}

    .ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
    @media(max-width:980px){.ggrid{grid-template-columns:1fr}}
    .gcard{padding:10px}
    .gcard img{
      width:100%;max-height:180px;object-fit:contain;
      border-radius:12px;background:#f0f0f6;
    }
    .gtitle{font-weight:800;margin-top:8px}
    .gmeta{margin-top:4px;font-size:12px;color:#667085;display:flex;justify-content:space-between;align-items:center}

    .gmedia{position:relative;border-radius:12px;overflow:hidden;background:#f0f0f6;}
    .gmedia-track{display:flex;transition:transform .3s ease;}
    .gslide{min-width:100%;}
    .gmedia-nav{
      position:absolute;top:50%;transform:translateY(-50%);
      width:28px;height:28px;border-radius:999px;border:none;
      background:rgba(15,23,42,.60);color:#fff;
      display:flex;align-items:center;justify-content:center;
      font-size:18px;cursor:pointer;
    }
    .gmedia-nav.gprev{left:6px}
    .gmedia-nav.gnext{right:6px}
    .gmedia-nav:hover{background:rgba(15,23,42,.85);}

    .fav-toggle{
      position:absolute;top:8px;right:8px;
      width:30px;height:30px;border-radius:999px;border:none;
      background:rgba(255,255,255,0.92);color:#e11d48;
      display:flex;align-items:center;justify-content:center;
      font-size:18px;cursor:pointer;
      box-shadow:0 4px 14px rgba(15,23,42,.16);
    }
    .fav-toggle.active{background:#e11d48;color:#fff;}

    .table{width:100%;border-collapse:separate;border-spacing:0 10px;}
    .table th{font-size:12px;color:var(--muted);text-align:left;padding:0 10px;}
    .table td{
      background:#fff;padding:12px 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;
    }
    .table tr td:first-child{border-radius:12px 0 0 12px}
    .table tr td:last-child{border-radius:0 12px 12px 0}

    .badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;display:inline-block;}
    .badge.ok{background:#e8fff5;color:#0f7b4a}
    .badge.warn{background:#fff6df;color:#8a6a00}
    .badge.info{background:#efeaff;color:#5b2ffc}

    .profile{display:grid;grid-template-columns:150px 1fr;gap:14px;}
    @media(max-width:760px){.profile{grid-template-columns:1fr}}
    .avatar{
      display:grid;place-items:center;background:#faf7ff;
      border:1px dashed #e8e8ff;border-radius:14px;padding:10px;
    }
    .avatar img{width:110px;height:110px;border-radius:50%;object-fit:cover;}

    .input{display:flex;flex-direction:column;gap:4px}
    .input label{font-size:12px;color:var(--muted)}
    .input input,.input textarea,.input select{
      padding:10px 12px;border-radius:10px;border:1px solid #e7e7f7;
      background:#fff;font-family:inherit;font-size:14px;resize:vertical;
    }

    .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    @media(max-width:760px){.grid2{grid-template-columns:1fr}}

    .modal{
      position:fixed;inset:0;background:rgba(0,0,0,.35);
      display:none;align-items:center;justify-content:center;z-index:80;
    }
    .modal.show{display:flex}
    .modal .box{
      width:min(560px,92vw);background:#fff;border-radius:16px;
      box-shadow:0 20px 60px rgba(0,0,0,.25);padding:16px;
    }

    #bal,#walletBalance{display:inline-block;transition:background .4s,transform .4s;border-radius:10px;}
    .bal-flash{background:rgba(107,61,252,.14);transform:scale(1.04);}

    .method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;}
    @media(max-width:980px){.method-grid{grid-template-columns:1fr}}
    .method-tile{
      border-radius:14px;border:1px solid #ecebff;background:#faf7ff;
      padding:12px;display:flex;flex-direction:column;gap:6px;
    }
    .method-tile h4{margin:0;font-size:15px}
    .method-tile p{margin:0;font-size:13px;color:#667085}

    .fund-panel{margin-top:6px;}
    .po-status{margin-top:8px;font-size:13px;color:#667085;min-height:18px;opacity:0;transform:translateY(4px);transition:opacity .2s ease, transform .2s ease, color .15s ease;}
    .po-status.active{opacity:1;transform:translateY(0);}
    .btn.magic-loading{position:relative;pointer-events:none;}
    .btn.magic-loading::after{
      content:"";position:absolute;inset:0;border-radius:inherit;
      background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,0),rgba(255,255,255,.28));
      background-size:200% 100%;animation:poShimmer 1s linear infinite;mix-blend-mode:soft-light;
    }
    .btn-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:poSpin .7s linear infinite;}
    .btn.magic-success{background:linear-gradient(180deg,#22c55e,#16a34a);}
    @keyframes poSpin{to{transform:rotate(360deg);} }
    @keyframes poShimmer{ 0%{background-position:0% 0;} 100%{background-position:200% 0;} }

    .bn-stepper{display:flex;align-items:center;gap:10px;margin:10px 0 12px;}
    .bn-dot{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:13px;background:#e5e7eb;color:#111827;}
    .bn-dot.active{ background:var(--brand); color:#fff; }
    .bn-line{flex:1;height:3px;border-radius:999px;background:#e5e7eb;}
    .bn-line.active{ background:rgba(107,61,252,.55); }
    .bn-step-labels{display:flex;justify-content:space-between;margin-top:-6px;color:#667085;font-size:12px;}
    .bn-hero{font-size:36px;font-weight:900;margin:6px 0 8px;letter-spacing:.2px;}
    .bn-qr{width:160px;height:160px;border-radius:12px;border:1px dashed #e5e7eb;display:grid;place-items:center;background:#fafafa;overflow:hidden;}
    .bn-qr img{width:100%;height:100%;object-fit:cover;display:block;}
    .bn-note{font-size:13px;color:#667085;margin:8px 0 0;}
    .bn-status{margin-top:10px;font-size:13px;color:#667085;min-height:18px;}

    .mini-dot{
      display:inline-flex;align-items:center;justify-content:center;
      min-width:18px;height:18px;padding:0 6px;border-radius:999px;
      background:#ef4444;color:#fff;font-weight:900;font-size:11px;line-height:1;
    }
  
    /* ===== Notifications dropdown ===== */
    .notif-wrap{position:relative}
    .notif-panel{
      position:absolute;
      top:54px; right:0;
      width:min(420px, 92vw);
      background:#fff;
      border:1px solid #e7e9f3;
      border-radius:16px;
      box-shadow:0 20px 60px rgba(16,24,40,.18);
      overflow:hidden;
      display:none;
      z-index:9999;
    }
    .notif-panel.open{display:block}
    .notif-head{
      display:flex;align-items:center;justify-content:space-between;
      padding:12px 14px;
      background:linear-gradient(135deg, rgba(107,61,252,.10), rgba(141,107,255,.10));
      border-bottom:1px solid #eef0fb;
      font-weight:900;
    }
    .notif-actions{display:flex;gap:8px;align-items:center}
    .notif-btn{
      border:1px solid #e7e9f3;
      background:#fff;
      padding:8px 10px;
      border-radius:12px;
      font-weight:800;
      cursor:pointer;
      color:#111827;
    }
    .notif-btn:hover{border-color:rgba(107,61,252,.45);box-shadow:0 0 0 4px rgba(107,61,252,.10)}
    .notif-list{max-height:360px;overflow:auto}
    .notif-item{
      display:flex;gap:10px;
      padding:12px 14px;
      border-bottom:1px solid #f1f2f8;
      cursor:pointer;
    }
    .notif-item:hover{background:#fafafe}
    .notif-dot{
      width:10px;height:10px;border-radius:999px;margin-top:6px;
      background:#6b3dfc;flex:0 0 auto;
      box-shadow:0 0 0 4px rgba(107,61,252,.12);
    }
    .notif-item.read .notif-dot{background:#c7cbe1;box-shadow:none}
    .notif-title{font-weight:900}
    .notif-msg{color:#667085;font-size:13px;margin-top:2px;line-height:1.35}
    .notif-time{color:#98a2b3;font-size:12px;margin-top:6px}
    .notif-empty{padding:16px 14px;color:#667085;font-weight:800}
    @media (max-width:720px){
      .notif-panel{right:auto;left:0;top:54px}
    }

  
  /* Platforms: Popular badge */
  .chip{ position:relative; }
  .badge-popular{
    margin-left:10px;
    padding:2px 8px;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    color:#fff;
    background: var(--brand, #6b3dfc);
    border-radius:999px;
    box-shadow:0 6px 18px rgba(107,61,252,.25);
  }


  /* ===== Orders: Search + Status Filters ===== */
  .orders-toolbar{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    margin:10px 0 14px;
  }
  .orders-toolbar .orders-search{
    flex:1;
    min-width:220px;
  }
  .orders-toolbar input[type="search"]{
    width:100%;
    padding:11px 12px;
    border:1px solid #e6e8f0;
    border-radius:12px;
    outline:none;
    background:#fff;
    font:inherit;
  }
  .orders-filters{display:flex;gap:8px;flex-wrap:wrap}
  .of-btn{
    padding:9px 12px;
    border-radius:999px;
    border:1px solid #e6e8f0;
    background:#fff;
    cursor:pointer;
    font-weight:800;
    font-size:13px;
    line-height:1;
  }
  .of-btn:hover{border-color:rgba(107,61,252,.45);box-shadow:0 0 0 4px rgba(107,61,252,.10)}
  .of-btn.is-active{background:linear-gradient(180deg,#7b47ff,#5a31ff);color:#fff;border-color:transparent}

/* Keep wide order tables inside their own scroll region on small screens. */
    .table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;}
    .table-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:3px;}
    #ordersTbl{min-width:780px;}
    #recentOrdersTbl{min-width:580px;}
    
/* Only new entry points; existing login/dashboard styles remain untouched. */
.public-nav{display:flex;align-items:center;gap:4px;margin-right:auto;white-space:nowrap}
.public-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(14px,2.4vw,28px) 24px}
#publicPlatforms{scroll-margin-top:20px}
.public-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:24px 12px;font-size:14px;color:#5631b6}
.public-footer a{text-decoration:none}.public-footer a:hover{text-decoration:underline}
.catalog-embedded{background:transparent}
.catalog-embedded>.container{max-width:100%;margin:18px 0}
.catalog-embedded>.container>div:first-child{display:none!important}
@media(max-width:1100px){.nav:has(.public-nav){flex-wrap:wrap}.public-nav{margin-left:auto;margin-right:0}.nav:has(.public-nav) .nav-right{width:100%;justify-content:flex-end;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}


.chip img{object-fit:contain}.seo-breadcrumb a,.seo-public-links a,.seo-service-index li a{text-decoration:underline;text-underline-offset:2px}