@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{
  --primary:#0b61d8;--primary2:#1f8bff;--primary3:#064ab2;--ink:#1f2937;--muted:#64748b;--bg:#eef5ff;--card:#ffffff;--line:#dbe7f6;--green:#159b6c;--orange:#e8790a;--purple:#6d3ccf;--shadow:0 18px 55px rgba(15,23,42,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,#f8fbff 0,#eef5ff 42%,#f7fbff 100%);color:var(--ink)}
a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 18px}.page-shell{margin:16px auto 28px;background:rgba(255,255,255,.86);border:1px solid rgba(203,213,225,.75);border-radius:18px;box-shadow:var(--shadow);padding:22px 28px 28px;backdrop-filter:blur(14px)}
.topbar{background:transparent;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 22px}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand b{font-size:28px;letter-spacing:-1px;color:#0a4fb7}.brand b span{color:#6b7280;font-weight:700}.brand small{margin-top:7px;color:#636b7a;font-weight:500}.navlinks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.navlinks a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border-radius:10px;background:#fff;border:1px solid #d8e2f0;color:#3f4654;font-weight:700;box-shadow:0 3px 14px rgba(15,23,42,.04)}.navlinks a:hover,.navlinks a.active{background:#eef6ff;color:#0756c5;border-color:#b9d5fb}.navlinks .btnlink{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;border:0}.navlinks .btnlink:hover{color:white}
.hero-modern{position:relative;overflow:hidden;background:linear-gradient(135deg,#074cb8 0%,#0965df 55%,#238dfb 100%);border-radius:14px;padding:48px 46px;min-height:390px;box-shadow:0 12px 26px rgba(9,88,210,.25);color:white}.hero-modern:before,.hero-modern:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.10);pointer-events:none}.hero-modern:before{width:260px;height:260px;right:70px;top:-80px}.hero-modern:after{width:310px;height:310px;right:-88px;bottom:-120px}.dot-pattern{position:absolute;right:72px;top:76px;width:74px;height:74px;opacity:.38;background-image:radial-gradient(rgba(255,255,255,.7) 2px,transparent 2px);background-size:14px 14px}.hero-inner{position:relative;z-index:2;max-width:780px}.badge{display:inline-flex;gap:9px;align-items:center;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.18);padding:11px 19px;border-radius:999px;font-weight:800;font-size:14px}.badge.light{background:#eef6ff;color:#0b61d8;border-color:#c7defc}.hero-modern h1{font-size:46px;line-height:1.14;letter-spacing:-1.5px;margin:24px 0 16px;color:#fff}.hero-modern p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.93);max-width:760px}.benefit-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 28px}.benefit{display:flex;align-items:center;gap:12px;font-weight:800;color:#fff}.benefit .ico{width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.divider{width:1px;height:44px;background:rgba(255,255,255,.28)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;font-weight:900;border:0;cursor:pointer;box-shadow:0 9px 24px rgba(13,110,253,.2);font:inherit}.btn:hover{filter:brightness(.97)}.btn.secondary{background:#fff;color:#0756c5;border:1px solid #d8e7ff}.btn.ghost{background:#eef6ff;color:#0756c5;box-shadow:none}.btn.danger{background:#ef4444}.btn.small{padding:10px 14px;border-radius:9px;font-size:14px;box-shadow:none}.btn.full{width:100%}
h1{font-size:38px;line-height:1.1;margin:0 0 16px;letter-spacing:-.8px}h2{font-size:26px;margin:0 0 14px;letter-spacing:-.4px}h3{margin:0 0 8px}p{line-height:1.7;color:#516070}.section-title{margin:34px 0 16px;font-size:18px;font-weight:900;letter-spacing:.2px;color:#202938;text-transform:uppercase}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.soft{background:linear-gradient(180deg,#fff,#f8fbff)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.stat-card{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 26px;min-height:132px;box-shadow:0 8px 26px rgba(15,23,42,.05)}.stat-card .iconbox{width:88px;height:88px;border-radius:13px;display:grid;place-items:center;font-size:38px;flex:0 0 auto}.stat-card .line{width:1px;align-self:stretch;background:var(--line)}.stat-card .label{font-weight:800;margin-bottom:7px}.stat-card strong{display:block;font-size:44px;line-height:1;letter-spacing:-1px}.green{border-color:#91dbc4}.green .iconbox{background:#e8f8f2;color:var(--green)}.green strong,.green .label{color:var(--green)}.orange{border-color:#f8bf78}.orange .iconbox{background:#fff1df;color:var(--orange)}.orange strong,.orange .label{color:var(--orange)}.blue{border-color:#bdd7ff}.blue .iconbox{background:#eaf3ff;color:var(--primary)}.blue strong,.blue .label{color:var(--primary)}.purple{border-color:#d5c2fa}.purple .iconbox{background:#f0e9ff;color:var(--purple)}.purple strong,.purple .label{color:var(--purple)}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.stat strong{display:block;font-size:28px;margin-bottom:4px;color:#0b61d8}.muted{color:var(--muted)}.kicker{font-size:13px;font-weight:900;text-transform:uppercase;color:#0b61d8;letter-spacing:.7px}.form{display:grid;gap:14px}input,select,textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:white;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#8fc2ff;box-shadow:0 0 0 4px #eaf4ff}label{font-weight:800;font-size:14px;color:#334155}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}.table th{background:#f4f8fe;color:#334155;font-weight:900}.table tr:last-child td{border-bottom:0}.alert{background:#ecfeff;border:1px solid #67e8f9;color:#155e75;padding:14px;border-radius:12px;margin:18px 0;font-weight:700}.notice{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.sidebar-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;padding:0}.sidebar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;height:max-content;position:sticky;top:95px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.sidebar a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;color:#334155;font-weight:800}.sidebar a:hover{background:#eef6ff;color:#0756c5}.copybox{display:flex;gap:10px}.copybox input{font-weight:800;color:#075985}.footer{padding:24px 0 4px;color:#64748b;text-align:center;font-size:14px}.mini-list{display:grid;gap:10px;margin:14px 0}.mini-list div{display:flex;gap:10px;align-items:flex-start}.check{width:22px;height:22px;border-radius:999px;background:#e7f8ef;color:#0f9f6e;display:grid;place-items:center;font-size:14px;flex:none;font-weight:900}.pill{display:inline-flex;align-items:center;gap:7px;background:#f2f7ff;border:1px solid #d8e7ff;color:#0756c5;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:800}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auth-box{max-width:760px;margin:24px auto}.auth-box.narrow{max-width:520px}.invoice-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
@media(max-width:960px){.page-shell{padding:18px}.hero-modern{padding:34px 24px}.hero-modern h1{font-size:34px}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.sidebar-layout{grid-template-columns:1fr}.sidebar{position:static}.nav{align-items:flex-start;flex-direction:column}.stat-card{align-items:flex-start}.divider,.stat-card .line{display:none}}
@media(max-width:560px){.navlinks a{width:100%;justify-content:center}.navlinks{width:100%}.benefit-row{gap:14px}.copybox{flex-direction:column}.stat-card{flex-direction:column}.hero-modern h1{font-size:30px}.hero-modern p{font-size:16px}}
@media print{body{background:#fff}.topbar,.sidebar,.footer,.no-print{display:none!important}.page-shell{box-shadow:none;border:0;margin:0;padding:0}.container{max-width:none}.invoice-box{box-shadow:none;border:0}}

/* Split Login: Admin Kiosweb & Reseller */
.login-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 22px;padding:26px 28px;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #d9e8fb}
.login-hero h1{margin:14px 0 8px;color:#172033}.login-hero p{max-width:780px;margin:0}.login-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.login-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 14px 36px rgba(15,23,42,.08)}.login-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:999px;right:-75px;top:-90px;background:linear-gradient(135deg,rgba(11,97,216,.12),rgba(31,139,255,.05))}.login-card h2{font-size:30px;margin:14px 0 8px;color:#172033}.login-card p{margin:0 0 22px;min-height:58px}.login-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;margin-bottom:16px}.login-icon.blue{background:#eaf3ff;color:#0b61d8}.login-icon.dark{background:#eff6ff;color:#0f172a}.admin-login{border-color:#b9d5fb;background:linear-gradient(180deg,#fff,#f8fbff)}.admin-login:before{background:linear-gradient(135deg,rgba(15,23,42,.12),rgba(11,97,216,.05))}.admin-pill{background:#f1f5f9;border-color:#dbe4ef;color:#1e293b}.admin-btn{background:linear-gradient(135deg,#0f172a,#0b61d8)}.login-card.is-focus{box-shadow:0 18px 48px rgba(11,97,216,.18);border-color:#8fc2ff}.login-note{margin-top:8px;background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:820px){.login-split{grid-template-columns:1fr}.login-card p{min-height:auto}.login-hero{padding:22px;align-items:flex-start}}


/* Mobile navigation + UI refinements */
.mobile-menu-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1px solid #d8e2f0;background:#fff;align-items:center;justify-content:center;gap:5px;flex-direction:column;box-shadow:0 6px 20px rgba(15,23,42,.06);cursor:pointer}
.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#0b61d8;transition:transform .2s ease,opacity .2s ease}
.mobile-menu-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle.is-active span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav-overlay{display:none}
body.menu-open{overflow:hidden}

@media(max-width:960px){
  .container{padding:0 12px}
  .page-shell{margin:0 auto 18px;padding:14px 14px 22px;border-radius:0 0 18px 18px}
  .topbar{position:sticky;top:0;z-index:50;padding-top:6px;background:linear-gradient(180deg,rgba(248,251,255,.95),rgba(248,251,255,.82));backdrop-filter:blur(12px)}
  .nav{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:6px 0 12px}
  .brand{max-width:calc(100% - 64px)}
  .brand b{font-size:24px}
  .brand small{margin-top:5px;font-size:12px;line-height:1.35}
  .mobile-menu-toggle{display:flex;flex:0 0 auto}
  .navlinks{position:fixed;left:12px;right:12px;top:74px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid #dbe7f6;box-shadow:0 22px 48px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:all .22s ease;z-index:60;flex-wrap:nowrap}
  .navlinks.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .navlinks a{width:100%;justify-content:flex-start;min-height:48px;padding:0 16px;border-radius:12px;font-size:15px}
  .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.35);opacity:0;visibility:hidden;pointer-events:none;transition:all .22s ease;z-index:55}
  body.menu-open .mobile-nav-overlay{opacity:1;visibility:visible;pointer-events:auto}

  .hero-modern{padding:26px 18px 24px;min-height:auto;border-radius:18px}
  .hero-modern:before{width:160px;height:160px;right:24px;top:-45px}
  .hero-modern:after{width:190px;height:190px;right:-52px;bottom:-72px}
  .dot-pattern{right:20px;top:18px;width:52px;height:52px;background-size:11px 11px;opacity:.28}
  .hero-modern h1{font-size:28px;line-height:1.18;margin:16px 0 12px;letter-spacing:-1px}
  .hero-modern p{font-size:15px;line-height:1.6}
  .badge{padding:9px 14px;font-size:12px;font-weight:800}
  .benefit-row{gap:12px;margin:18px 0 20px;align-items:stretch}
  .benefit{width:100%;background:rgba(255,255,255,.09);padding:10px 12px;border-radius:14px;font-size:14px}
  .benefit .ico{width:40px;height:40px;font-size:18px}
  .divider{display:none}
  .hero-modern .btn.secondary{width:100%;min-height:48px}

  .section-title{margin:24px 0 14px;font-size:16px}
  .card,.panel,.invoice-box{padding:18px;border-radius:16px}
  h2{font-size:22px}
  p{font-size:15px}
  .grid,.grid.two,.grid.four{gap:14px}
  .stat-card{min-height:auto;padding:18px;gap:14px;align-items:center;border-radius:16px}
  .stat-card .iconbox{width:64px;height:64px;font-size:28px;border-radius:14px}
  .stat-card strong{font-size:30px}
  .stat-card .label{font-size:14px;line-height:1.4}
  .mini-list{gap:12px}
  .mini-list div{gap:12px}
  .check{width:24px;height:24px}
  .actions{flex-direction:column;align-items:stretch}
  .actions .btn{width:100%}
  .auth-box,.auth-box.narrow{max-width:none;margin:18px auto}
  .login-hero{padding:18px;border-radius:16px;margin-top:2px}
  .login-hero h1{font-size:24px}
  .login-split{gap:16px;margin:18px 0}
  .login-card{padding:20px;border-radius:16px}
  .login-card h2{font-size:24px}
  .login-icon{width:56px;height:56px;font-size:26px;border-radius:16px;margin-bottom:14px}

  .sidebar-layout{gap:14px}
  .sidebar{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px;position:sticky;top:76px;z-index:16;border-radius:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);scrollbar-width:none}
  .sidebar::-webkit-scrollbar{display:none}
  .sidebar a{flex:0 0 auto;background:#f8fbff;border:1px solid #dbe7f6;padding:11px 14px;border-radius:12px;font-size:14px}

  .table-wrap{border-radius:16px}
  .table th,.table td{padding:12px 10px;font-size:13px}
  input,select,textarea{padding:12px 13px;font-size:15px}
  .copybox{gap:10px}
  .copybox .btn{width:100%}
}

@media(max-width:560px){
  .page-shell{padding:12px 12px 20px}
  .brand b{font-size:22px}
  .hero-modern h1{font-size:26px}
  .hero-modern p{font-size:14px}
  .benefit{font-size:13px}
  .stat-card{flex-direction:row}
  .stat-card strong{font-size:28px}
  .login-card p{min-height:auto}
}


/* Mobile Dashboard App-Like Refinement */
@media(max-width:960px){
  body{background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 48%,#ffffff 100%)}
  main{padding-top:2px}

  /* dashboard content feels like app cards */
  .sidebar-layout{display:block;padding-bottom:10px}
  .sidebar + *{margin-top:14px}
  .sidebar{margin:0 -2px 14px;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.08)}
  .sidebar a{box-shadow:0 5px 14px rgba(15,23,42,.04);background:linear-gradient(180deg,#fff,#f7fbff)}
  .sidebar a:hover{background:#eef6ff}

  /* app-style section panels */
  .card,.panel,.stat,.invoice-box,.login-card,.login-hero{box-shadow:0 12px 30px rgba(15,23,42,.075);border-color:#e1ebf8}
  .card.soft,.panel.soft{background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)}

  /* mobile stat cards in dashboard pages */
  .stat{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#ffffff,#f7fbff)}
  .stat strong{font-size:25px;margin-bottom:2px;letter-spacing:-.6px}
  .stat .muted,.stat p{font-size:13px;margin:0;line-height:1.45}
  .grid .stat:nth-child(1){border-left:5px solid #0b61d8}
  .grid .stat:nth-child(2){border-left:5px solid #159b6c}
  .grid .stat:nth-child(3){border-left:5px solid #e8790a}
  .grid .stat:nth-child(4){border-left:5px solid #6d3ccf}

  /* premium dashboard headings */
  .sidebar-layout h1,
  main > h1{font-size:26px;line-height:1.16;margin:8px 0 14px;letter-spacing:-.8px}
  .sidebar-layout h2,
  main > h2{font-size:22px;line-height:1.2;margin-bottom:12px}
  .kicker{font-size:12px;background:#eef6ff;border:1px solid #d6e8ff;padding:6px 10px;border-radius:999px;display:inline-flex;margin-bottom:8px}

  /* mobile tables: cleaner app style */
  .table-wrap{box-shadow:0 12px 30px rgba(15,23,42,.06);border-radius:18px;background:#fff}
  .table{min-width:680px}
  .table th{position:sticky;top:0;background:#f3f8ff;z-index:1;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
  .table td{background:#fff}

  /* forms like mobile app inputs */
  .form{gap:12px}
  label{font-size:13px;color:#253348}
  input,select,textarea{border-radius:14px;background:#fbfdff;border-color:#dfeaf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
  input:focus,select:focus,textarea:focus{background:#fff}
  .btn{border-radius:14px;min-height:46px}
  .btn.small{min-height:38px;border-radius:12px}

  /* dashboard copy referral box */
  .copybox{background:#f7fbff;border:1px dashed #b9d5fb;border-radius:16px;padding:10px;display:flex;flex-direction:column}
  .copybox input{background:#fff;border:1px solid #dbeafe;border-radius:12px;text-align:center;font-size:13px}

  /* login/register mobile refinement */
  .auth-box .card,.auth-box.narrow .card{border-radius:20px;padding:20px}
  .login-hero{background:linear-gradient(135deg,#ffffff,#edf6ff);margin-bottom:14px}
  .login-card{border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff)}

  /* wallet/order/status buttons better touch target */
  .actions .btn,.form .btn{min-height:48px}
  .pill{border-radius:999px;padding:8px 11px;font-size:12px}

  /* footer less noisy on mobile */
  .footer{font-size:12px;padding:20px 0 2px;color:#7b8798}
}

@media(max-width:560px){
  .grid.two,.grid.four,.grid{grid-template-columns:1fr!important}
  .stat{min-height:86px;padding:15px}
  .stat strong{font-size:24px}
  .card,.panel{padding:17px}
  .sidebar{top:72px}
  .sidebar a{font-size:13px;padding:10px 12px}
  .hero-modern{box-shadow:0 16px 40px rgba(9,88,210,.22)}
  .section-title{font-size:15px;letter-spacing:.4px}
}


/* Registration payment-flow refinement */
.register-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin:10px 0 22px;align-items:stretch}
.register-intro h1{margin:14px 0 10px;color:#172033}.register-intro p{margin-top:0}.register-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.register-steps div{background:#fff;border:1px solid #dbe7f6;border-radius:14px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.register-steps span{width:32px;height:32px;border-radius:999px;background:#eaf3ff;color:#0b61d8;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.register-steps b{display:block;font-size:14px;color:#172033}.register-steps small{display:block;color:#64748b;margin-top:5px;line-height:1.4}.payment-box{background:linear-gradient(180deg,#fff,#f8fbff)}.payment-amount{margin:15px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#074cb8,#238dfb);color:#fff}.payment-amount small{display:block;opacity:.85;font-weight:700}.payment-amount strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:4px}.bank-list{display:grid;gap:12px;margin:14px 0}.bank-card{border:1px solid #dbe7f6;background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.bank-name{display:inline-flex;background:#eef6ff;color:#0756c5;border:1px solid #cfe3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:10px}.bank-card strong{display:block;font-size:26px;letter-spacing:.4px;color:#0f172a}.bank-card small{display:block;color:#334155;font-weight:800;margin-top:4px}.bank-card em{display:block;color:#e8790a;font-style:normal;font-size:12px;margin-top:8px}.notice-box{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:13px 14px;font-size:14px;line-height:1.55}.register-form-card{max-width:760px}.upload-proof-box{background:#f8fbff;border:1px dashed #b9d5fb;border-radius:16px;padding:16px}.upload-proof-box p{margin:4px 0 10px;font-size:14px}.upload-proof-box small{color:#64748b;font-size:12px}
@media(max-width:960px){.register-layout{grid-template-columns:1fr;gap:14px}.register-steps{grid-template-columns:repeat(2,1fr)}.payment-amount strong{font-size:30px}.register-form-card{max-width:none}.bank-card strong{font-size:24px}}
@media(max-width:560px){.register-steps{grid-template-columns:1fr}.register-steps div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.register-steps span{grid-row:span 2;margin-bottom:0}.register-steps small{margin-top:2px}.payment-box,.register-intro,.register-form-card{border-radius:18px}.payment-amount{padding:14px}.payment-amount strong{font-size:28px}.bank-card{padding:14px}.bank-card strong{font-size:22px}.upload-proof-box{padding:14px}}


/* Desktop sticky white header */
@media(min-width:961px){
  .topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border:1px solid rgba(219,231,246,.9);border-radius:16px;margin:-8px -10px 22px;padding:10px 14px 0;box-shadow:0 12px 30px rgba(15,23,42,.08);backdrop-filter:blur(14px)}
  .nav{padding:0 0 10px}
  .page-shell{overflow:visible}
  .sidebar{top:96px}
  .admin-stats-grid .stat-card strong{font-size:34px}
  .compact-stats{grid-template-columns:repeat(4,1fr)}
  .compact-stats .stat strong{font-size:24px;line-height:1.15;word-break:break-word}
  .compact-stats .stat span{display:block;color:var(--muted);font-weight:700;font-size:13px}
}

@media(max-width:960px){
  .admin-stats-grid .stat-card strong{font-size:26px;line-height:1.15;word-break:break-word}
  .compact-stats .stat strong{font-size:22px;line-height:1.2;word-break:break-word}
  .compact-stats .stat span{display:block;color:var(--muted);font-weight:700;font-size:13px}
}

/* Clickable admin dashboard cards */
.dashboard-link-card,
.stat-link{
  text-decoration:none!important;
  color:inherit!important;
  position:relative;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.dashboard-link-card:hover,
.stat-link:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
  border-color:#b9d5fb;
}
.dashboard-link-card:active,
.stat-link:active{transform:translateY(-1px)}
.dashboard-link-card .go-arrow{
  margin-left:auto;
  width:32px;
  height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#eef6ff;
  color:#0b61d8;
  font-size:26px;
  font-weight:900;
  line-height:1;
}
.clickable-summary-grid .stat-link{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  min-height:92px;
}
.clickable-summary-grid .stat-link:after{
  content:'Lihat detail';
  color:#0b61d8;
  font-size:11px;
  font-weight:900;
  opacity:0;
  transform:translateY(4px);
  transition:.18s ease;
}
.clickable-summary-grid .stat-link:hover:after{opacity:1;transform:none}
.card-head-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.card-head-row h1,
.card-head-row h2{margin-bottom:4px}
.mini-link{
  text-decoration:none;
  color:#0b61d8;
  font-weight:900;
  background:#eef6ff;
  border:1px solid #cfe3ff;
  padding:8px 12px;
  border-radius:999px;
  white-space:nowrap;
}
.clickable-row{cursor:pointer;transition:background .15s ease}
.clickable-row:hover td{background:#f8fbff}
.filter-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 16px;
}
.filter-tabs a{
  text-decoration:none;
  color:#334155;
  font-weight:900;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #dbe7f6;
  background:#fff;
  transition:.18s ease;
}
.filter-tabs a:hover,
.filter-tabs a.active{
  background:#0b61d8;
  color:#fff;
  border-color:#0b61d8;
  box-shadow:0 10px 24px rgba(11,97,216,.18);
}
.order-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}
@media(max-width:960px){
  .dashboard-link-card .go-arrow{width:28px;height:28px;font-size:22px}
  .card-head-row{flex-direction:column;align-items:stretch}
  .card-head-row .btn.secondary,.mini-link{width:100%;text-align:center}
  .filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .filter-tabs::-webkit-scrollbar{display:none}
  .filter-tabs a{flex:0 0 auto}
  .clickable-summary-grid .stat-link:after{display:none}
}

/* Final reseller order flow fix */
.flow-note{margin:0 0 16px;padding:13px 15px;border-radius:16px;background:#eff6ff;border:1px solid #cfe3ff;color:#334155;font-size:14px;line-height:1.55}
.order-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.btn:disabled{opacity:.72;cursor:not-allowed;filter:none;box-shadow:none}
.btn-process{background:linear-gradient(135deg,#0b61d8,#238dfb)!important;color:#fff!important}
.btn-process.is-active,.btn-process:disabled{background:#f59e0b!important;color:#fff!important}
.btn-complete{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}
.btn-complete.is-active,.btn-complete:disabled{background:#16a34a!important;color:#fff!important}
.btn-cancel{background:#ef4444!important;color:#fff!important}
.btn-cancel.is-active,.btn-cancel:disabled{background:#991b1b!important;color:#fff!important}
.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.status-pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.status-processing{background:#eff6ff;color:#0756c5;border-color:#bfdbfe}
.status-completed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.status-cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.order-completed td{background:#fbfffd}.order-cancelled td{background:#fffafa;color:#64748b}.order-processing td{background:#fcfdff}
.order-admin-table td{vertical-align:middle}.admin-stats-grid .stat-card p{margin:0;line-height:1.55}.compact-stats{align-items:stretch}.compact-stats .stat{min-height:92px}
@media(max-width:960px){.order-actions{gap:8px}.order-actions .btn.small{min-width:92px}.status-badge{padding:8px 11px}.admin-stats-grid .stat-card{min-height:118px}}

/* FINAL clean settings system UI */
.settings-page .muted{line-height:1.6}.setting-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 18px}.setting-stat-card{display:flex;align-items:center;gap:15px;min-height:96px;padding:18px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:1px solid #dbe7f6;border-radius:20px;box-shadow:0 14px 35px rgba(15,23,42,.06);text-decoration:none;color:inherit}.setting-stat-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#eaf3ff;color:#0b61d8;font-size:22px;flex:0 0 auto}.setting-stat-icon.green-icon{background:#e8f8f2;color:#159b6c}.setting-stat-icon.purple-icon{background:#f0e9ff;color:#6d3ccf}.setting-stat-card strong{display:block;color:#0b61d8;font-size:30px;line-height:1;letter-spacing:-.8px;margin-bottom:6px}.setting-stat-card small{display:block;color:#64748b;font-weight:800;line-height:1.35}.clean-settings-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:18px;align-items:start;margin-top:18px}.settings-card{border-radius:22px;padding:0!important;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.07)}.settings-card-head{padding:24px 24px 18px;border-bottom:1px solid #edf3fb;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}.settings-card-head h2{margin:8px 0 6px;font-size:24px;line-height:1.2}.settings-card-head p{margin:0;line-height:1.55}.settings-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#0b61d8;background:#eef6ff;border:1px solid #cfe3ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.clean-form{padding:22px 24px 24px!important;display:grid!important;gap:16px!important}.field-group{display:grid;gap:7px;min-width:0}.field-group label{font-size:13px;color:#334155;line-height:1.25;font-weight:900}.field-group input,.field-group textarea,.field-group select{width:100%;min-height:48px;border-radius:14px;background:#fbfdff;border:1px solid #dce8f6;padding:12px 14px;font:inherit;color:#0f172a;box-sizing:border-box}.field-group textarea{resize:vertical;line-height:1.55}.setting-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.setting-bank-card{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:18px;border:1px solid #dbe7f6;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 10px 28px rgba(15,23,42,.045);margin-bottom:16px}.setting-bank-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:2px}.setting-bank-title span{font-weight:900;color:#0f172a;font-size:16px}.setting-bank-title small{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:5px 9px;font-weight:900;font-size:11px}.bank-settings-form .btn,.clean-form .btn{width:100%;margin-top:2px}.setting-guide{border-radius:22px;margin-top:20px}.setting-guide .mini-list p{margin:0;line-height:1.55}.settings-page .compact-stats{margin-top:18px}@media(max-width:1040px){.clean-settings-layout{grid-template-columns:1fr}.setting-summary-cards{grid-template-columns:1fr}}@media(max-width:620px){.setting-two-col{grid-template-columns:1fr}.settings-card-head,.clean-form{padding-left:18px!important;padding-right:18px!important}.setting-stat-card strong{font-size:26px}}

/* ===== FINAL POLISH: Admin Dashboard & Order Page ===== */
.admin-dashboard-page section,
.admin-order-page section{min-width:0}.dashboard-hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 24px;padding:24px;border:1px solid #dbe7f6;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 16px 42px rgba(15,23,42,.065)}.dashboard-hero-card h1{margin:10px 0 8px}.dashboard-hero-card p{margin:0;color:#64748b}.section-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0 14px}.section-row .section-title{margin:0}.dashboard-sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sales-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 34px;align-items:center;gap:18px;min-height:126px;padding:20px 22px;border:1px solid #dbe7f6;border-radius:22px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 14px 36px rgba(15,23,42,.055);transition:.18s ease}.sales-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(15,23,42,.10);border-color:#b9d5fb}.sales-card .sales-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-size:32px}.sales-card small{display:block;font-weight:900;margin-bottom:8px}.sales-card strong{display:block;font-size:32px;line-height:1;color:#0b61d8;letter-spacing:-.8px}.sales-card em{display:block;margin-top:7px;color:#64748b;font-style:normal;font-size:14px;line-height:1.35}.sales-card>b{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#eef6ff;color:#0b61d8;font-size:24px}.sales-green{border-color:#b8ead8}.sales-green .sales-icon{background:#e8f8f2}.sales-green small,.sales-green strong{color:#159b6c}.sales-blue{border-color:#c9ddff}.sales-blue .sales-icon{background:#eaf3ff}.sales-blue small,.sales-blue strong{color:#0b61d8}.sales-orange{border-color:#fed7aa}.sales-orange .sales-icon{background:#fff7ed}.sales-orange small,.sales-orange strong{color:#e8790a}.sales-purple{border-color:#ddd1ff}.sales-purple .sales-icon{background:#f0e9ff}.sales-purple small,.sales-purple strong{color:#6d3ccf}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-card{display:flex;flex-direction:column;justify-content:center;min-height:94px;padding:18px;border:1px solid #dbe7f6;border-radius:20px;background:linear-gradient(180deg,#fff,#f9fcff);text-decoration:none;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.045);transition:.18s ease}.summary-card:hover{transform:translateY(-2px);border-color:#b9d5fb;box-shadow:0 18px 36px rgba(15,23,42,.08)}.summary-card strong{font-size:24px;line-height:1.15;color:#0b61d8;word-break:break-word}.summary-card span{margin-top:8px;color:#64748b;font-size:13px;font-weight:900;line-height:1.35}.dashboard-bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:22px}.dashboard-panel{border-radius:22px}.clean-mini-table th,.clean-mini-table td{padding:13px 14px}.pill-completed{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}.pill-processing{background:#eff6ff!important;color:#0756c5!important;border-color:#bfdbfe!important}.pill-cancelled{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}.pill-pending{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}.dashboard-checklist{gap:20px}.dashboard-checklist p{margin:0;color:#64748b}

.order-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding:22px 24px;border:1px solid #dbe7f6;border-radius:24px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 14px 38px rgba(15,23,42,.06)}.order-page-head h1{margin:10px 0 8px}.order-page-head p{margin:0;color:#64748b}.order-flow-card{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid #cfe3ff;border-radius:18px;background:#eff6ff;color:#334155;line-height:1.55}.order-filter-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.order-filter-tabs a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#334155;font-weight:900;padding:11px 14px;border-radius:999px;border:1px solid #dbe7f6;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.035);transition:.18s ease}.order-filter-tabs a span{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:12px}.order-filter-tabs a:hover,.order-filter-tabs a.active{background:#0b61d8;color:#fff;border-color:#0b61d8;box-shadow:0 14px 28px rgba(11,97,216,.18)}.order-filter-tabs a.active span,.order-filter-tabs a:hover span{background:rgba(255,255,255,.18);color:#fff}.admin-order-table-wrap{border-radius:22px;box-shadow:0 16px 42px rgba(15,23,42,.06)}.clean-order-table th{padding:15px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.35px;color:#334155;background:#f3f8ff}.clean-order-table td{padding:17px 16px;vertical-align:middle}.clean-order-table tr.order-processing td{background:#fcfdff}.clean-order-table tr.order-completed td{background:#fbfffd}.clean-order-table tr.order-cancelled td{background:#fffafa;color:#64748b}.status-stack{display:grid;gap:6px;justify-items:start}.status-sub{display:block;color:#64748b;font-size:12px;font-weight:700}.clean-order-actions{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:8px;max-width:290px}.clean-order-actions .btn.small{min-height:42px;padding:10px 12px;border-radius:12px;font-size:13px}.btn-process:disabled:not(.is-active),.btn-complete:disabled:not(.is-active),.btn-cancel:disabled:not(.is-active){background:#f1f5f9!important;color:#94a3b8!important;border:1px solid #e2e8f0!important;opacity:1!important;filter:none!important}.btn-process.is-active{background:#f59e0b!important}.btn-complete.is-active{background:#22c55e!important}.btn-cancel.is-active{background:#b91c1c!important}.status-badge{line-height:1;min-height:32px}.status-pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.status-processing{background:#eff6ff;color:#0756c5;border-color:#bfdbfe}.status-completed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}

/* Make final settings page readable even after older CSS is cached/loaded */
.settings-page .settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.settings-page .setting-bank-card{display:block!important}.settings-page .setting-bank-card .setting-two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.settings-page .field-group{min-width:0}.settings-page .field-group input,.settings-page .field-group textarea{width:100%!important;min-width:0!important}.settings-page .setting-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:1100px){.dashboard-sales-grid,.dashboard-bottom-grid,.settings-page .settings-layout{grid-template-columns:1fr!important}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-card{grid-template-columns:64px minmax(0,1fr) 30px}.sales-card .sales-icon{width:64px;height:64px}.sales-card strong{font-size:28px}.clean-order-actions{grid-template-columns:1fr;max-width:150px}.settings-page .setting-bank-card .setting-two-col{grid-template-columns:1fr!important}}
@media(max-width:700px){.dashboard-hero-card,.order-page-head{flex-direction:column}.dashboard-sales-grid,.dashboard-summary-grid{grid-template-columns:1fr}.sales-card{grid-template-columns:54px minmax(0,1fr);padding:16px}.sales-card>b{display:none}.sales-card .sales-icon{width:54px;height:54px;font-size:24px}.sales-card strong{font-size:24px}.order-filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.order-filter-tabs::-webkit-scrollbar{display:none}.order-filter-tabs a{flex:0 0 auto}.clean-order-table{min-width:760px}.settings-page .setting-summary-cards{grid-template-columns:1fr!important}}

/* Final product/pricelist editor */
.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.page-title-row h1{margin-bottom:6px}.page-title-row p{margin:0;line-height:1.55}
.product-summary-cards{margin-bottom:18px}.products-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start}.product-help-card{border-radius:22px;min-height:100%}.product-help-card h2{margin-top:0}.table-card{margin-top:18px;border-radius:22px;overflow:hidden}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.filter-tab{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#334155;font-weight:900;border:1px solid #dbe7f6;background:#fff;border-radius:999px;padding:9px 12px;transition:.18s ease}.filter-tab span{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;background:#eef6ff;color:#0b61d8;border-radius:999px;font-size:12px}.filter-tab:hover,.filter-tab.active{background:#0b61d8;color:#fff;border-color:#0b61d8}.filter-tab:hover span,.filter-tab.active span{background:rgba(255,255,255,.22);color:#fff}.modern-table td{vertical-align:top}.modern-table small{font-size:12px;display:block;margin-top:6px;line-height:1.45}.action-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.form-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.secondary{background:#fff;color:#0b61d8;border:1px solid #cfe3ff;box-shadow:none}.btn.secondary:hover{background:#eef6ff}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid transparent}.status-completed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}@media(max-width:960px){.page-title-row{flex-direction:column}.products-layout{grid-template-columns:1fr}.filter-tabs{justify-content:flex-start}.action-cell{min-width:210px}}

/* Update alur pendaftaran reseller 2 tahap */
.register-layout-single{grid-template-columns:1fr;margin-bottom:18px}.register-layout-single .register-intro{max-width:980px;margin:0 auto;width:100%}
.fee-check-card{display:flex!important;gap:12px;align-items:flex-start;border:1px solid #bfdbfe;background:#f8fbff;border-radius:16px;padding:15px;cursor:pointer;margin-top:8px}.fee-check-card input{width:20px;height:20px;margin-top:2px;accent-color:#1479ee}.fee-check-card span{display:block}.fee-check-card b{display:block;color:#172033;font-size:15px;line-height:1.4}.fee-check-card small{display:block;color:#64748b;margin-top:4px;line-height:1.45}.payment-summary-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.payment-summary-mini div{border:1px solid #dbe7f6;background:#f8fbff;border-radius:14px;padding:12px}.payment-summary-mini small{display:block;color:#64748b;font-weight:700;margin-bottom:4px}.payment-summary-mini b{display:block;color:#172033;word-break:break-word}
@media(max-width:760px){.payment-summary-mini{grid-template-columns:1fr}.fee-check-card{padding:14px}.register-layout-single .register-intro{max-width:none}}

/* === Homepage polish + editable content blocks === */
.home-section{margin-top:22px}
.section-head{margin-bottom:18px}
.section-head.center{text-align:center;max-width:760px;margin:0 auto 22px}
.section-head h2{font-size:30px;line-height:1.18;margin:6px 0 8px;color:#172033;letter-spacing:-.04em}
.section-head p{margin:0;color:#64748b;font-size:15px;line-height:1.7}
.income-section{padding:8px 0 2px}
.income-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.income-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.055);min-height:210px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}
.income-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,23,42,.085)}
.income-card:before{content:"";position:absolute;inset:auto -40px -55px auto;width:140px;height:140px;border-radius:999px;background:rgba(37,99,235,.07)}
.income-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;background:#eef6ff;margin-bottom:18px}
.income-content span{display:block;font-weight:800;font-size:14px;line-height:1.35;color:#0f172a;margin-bottom:8px}
.income-content strong{display:block;font-size:38px;line-height:1;letter-spacing:-.06em;color:#1064d8;margin-bottom:10px}
.income-content p{margin:0;color:#64748b;line-height:1.55;font-size:14px}
.income-card.green{border-color:#bbf7d0}.income-card.green .income-icon{background:#dcfce7;color:#059669}.income-card.green .income-content strong,.income-card.green .income-content span{color:#059669}
.income-card.orange{border-color:#fed7aa}.income-card.orange .income-icon{background:#ffedd5;color:#ea580c}.income-card.orange .income-content strong,.income-card.orange .income-content span{color:#ea580c}
.income-card.blue{border-color:#bfdbfe}.income-card.blue .income-icon{background:#dbeafe;color:#2563eb}.income-card.blue .income-content strong,.income-card.blue .income-content span{color:#2563eb}
.income-card.purple{border-color:#ddd6fe}.income-card.purple .income-icon{background:#ede9fe;color:#7c3aed}.income-card.purple .income-content strong,.income-card.purple .income-content span{color:#7c3aed}
.info-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.info-card{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:26px;box-shadow:0 14px 38px rgba(15,23,42,.055)}
.work-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.upgrade-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.timeline-list{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:14px;border:1px solid #e8eef8;border-radius:18px;background:#fff}
.timeline-num{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eaf3ff;color:#0b65d8;font-weight:900}
.timeline-item b,.feature-clean-item b{display:block;color:#1e293b;margin-bottom:4px}
.timeline-item p,.feature-clean-item p{margin:0;color:#64748b;line-height:1.65;font-size:14.5px}
.feature-list-clean{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.feature-clean-item{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start;padding:13px 14px;border:1px solid #e8eef8;border-radius:17px;background:#fff}
.feature-clean-item span{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#059669;font-weight:900}
.home-editor-box{margin-top:22px;padding-top:20px;border-top:1px solid #e5eefb}
.compact-head{margin-bottom:16px!important}
.home-card-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.home-card-editor{border:1px solid #e5eefb;border-radius:18px;padding:14px;background:#f8fbff}
.home-card-editor strong{display:block;color:#0f172a;margin-bottom:10px}
.home-card-editor label{display:block;font-size:12px;font-weight:800;color:#475569;margin:10px 0 6px}
.form-hint{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.5}
@media(max-width:980px){.income-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-two-col{grid-template-columns:1fr}}
@media(max-width:640px){.income-grid,.home-card-editor-grid{grid-template-columns:1fr}.income-card{min-height:auto}.section-head h2{font-size:24px}.info-card{padding:20px}.timeline-item{grid-template-columns:36px 1fr}.timeline-num{width:36px;height:36px}}


/* Update admin reseller deactivate + delete all orders */
.reseller-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn.warning{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}.status-inactive{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.danger-zone-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px;border:1px solid #fecaca;border-radius:18px;background:linear-gradient(135deg,#fffafa,#fff7f7);box-shadow:0 10px 28px rgba(185,28,28,.06)}.danger-zone-card b{color:#991b1b}.danger-zone-card p{margin:5px 0 0;color:#64748b;line-height:1.45}.delete-all-orders-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.delete-all-orders-form input{max-width:140px;border:1px solid #fecaca;border-radius:12px;padding:10px 12px}.clean-order-actions{grid-template-columns:repeat(4,minmax(76px,1fr));max-width:390px}.btn-delete-order{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}@media(max-width:800px){.danger-zone-card{align-items:stretch;flex-direction:column}.delete-all-orders-form input{max-width:none;width:100%}.delete-all-orders-form .btn{width:100%}.clean-order-actions{grid-template-columns:1fr 1fr;max-width:none}}

/* === Admin UI refinement: consistent desktop + mobile layout === */
.admin-sidebar a.active{
  background:linear-gradient(135deg,#0b61d8,#238dfb);
  color:#fff;
  box-shadow:0 12px 28px rgba(11,97,216,.18);
  border:1px solid transparent;
}
.admin-sidebar .sidebar-ico{
  width:22px;
  display:inline-flex;
  justify-content:center;
  flex:0 0 22px;
}
.hero-chip-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
}
.compact-hero{padding:22px 24px!important}
.compact-hero h1{margin:8px 0 8px!important}
.product-summary-cards.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-summary-cards.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-generic-page .table-card{border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06)}
.admin-generic-page .table-card .card-head-row{margin-bottom:18px}
.stacked-mobile-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stacked-mobile-actions .btn.small{min-height:40px}
.admin-generic-page .table-wrap{border-radius:20px}
.admin-generic-page .modern-table td b{color:#0f172a}
.admin-generic-page .modern-table .muted{line-height:1.45}

@media(max-width:1100px){
  .product-summary-cards.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .hero-chip-stack{align-items:flex-start}
  .compact-hero{padding:18px!important}
  .compact-hero .pill{font-size:12px}
  .admin-sidebar a.active{box-shadow:0 8px 20px rgba(11,97,216,.14)}
  .stacked-mobile-actions{flex-direction:column;align-items:stretch}
  .stacked-mobile-actions .btn.small,.stacked-mobile-actions .mini-link{width:100%;justify-content:center;text-align:center}
}
@media(max-width:640px){
  .product-summary-cards.four-cols,
  .product-summary-cards.three-cols{grid-template-columns:1fr}
}

/* === Pricelist page UI polish === */
.polished-products-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:18px;
  align-items:start;
  margin-bottom:20px;
}
.product-helper-stack{
  display:grid;
  gap:18px;
}
.product-help-card{
  border-radius:22px;
}
.product-help-card h2{
  margin-top:0;
  margin-bottom:12px;
}
.compact-note-list{
  gap:12px;
}
.compact-note-list p{
  margin:0;
  line-height:1.6;
}
.product-table-card .action-cell .inline-form{
  margin:0;
}
.product-table-card .action-cell .btn.small,
.product-table-card .action-cell .inline-form .btn.small{
  min-width:108px;
  justify-content:center;
}
.product-table-card .modern-table td{
  vertical-align:middle;
}
.product-table-card .modern-table td:first-child{
  min-width:240px;
}
@media(max-width:1100px){
  .polished-products-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .product-table-card .action-cell{
    min-width:unset;
    flex-direction:column;
    align-items:stretch;
  }
  .product-table-card .action-cell .btn.small,
  .product-table-card .action-cell .inline-form,
  .product-table-card .action-cell .inline-form .btn.small{
    width:100%;
  }
}

/* === Settings page refinement === */
.enhanced-settings-grid{
  align-items:start;
}
.settings-main-stack,
.settings-side-stack{
  display:grid;
  gap:18px;
  min-width:0;
}
.settings-block{
  border:1px solid #e5eefb;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  padding:18px;
  display:grid;
  gap:14px;
}
.settings-block-home{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.settings-section-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:2px;
}
.settings-section-title-row h3{
  margin:6px 0 6px;
  font-size:20px;
  line-height:1.25;
  color:#172033;
}
.settings-section-title-row p{
  margin:0;
  line-height:1.55;
}
.settings-submit-row{
  display:flex;
  justify-content:flex-start;
  padding-top:4px;
}
.settings-submit-row .btn{
  width:auto!important;
  min-width:280px;
}
.compact-bank-card{
  padding:16px!important;
}
.quick-guide-card{
  border-radius:22px;
}
.quick-guide-card .mini-list p{
  margin:0;
  line-height:1.6;
}
@media(max-width:1040px){
  .settings-main-stack,
  .settings-side-stack{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .settings-block{
    padding:16px;
    border-radius:18px;
  }
  .settings-section-title-row h3{
    font-size:18px;
  }
  .settings-submit-row .btn{
    width:100%!important;
    min-width:0;
  }
}

/* === Orders page compact action refinement === */
.compact-danger-zone{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.compact-delete-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.compact-delete-form input{
  min-width:180px;
}
.no-horizontal-scroll{overflow-x:visible!important}
.refined-order-table{table-layout:fixed;width:100%}
.refined-order-table th:nth-child(1){width:22%}
.refined-order-table th:nth-child(2){width:18%}
.refined-order-table th:nth-child(3){width:13%}
.refined-order-table th:nth-child(4){width:16%}
.refined-order-table th:nth-child(5){width:31%}
.refined-order-table td{word-break:break-word}
.order-action-stack{display:grid;gap:10px}
.compact-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none}
.compact-order-actions .btn.small{width:100%;min-height:40px;padding:10px 12px}
.order-extra-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.order-extra-actions .btn.small,.order-extra-actions .disabled-like{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}
.disabled-like{cursor:not-allowed;opacity:.75;pointer-events:none}
.muted-btn{background:#f8fafc!important;color:#94a3b8!important;border:1px solid #e2e8f0!important}
.order-proof-btn{white-space:normal}
@media(max-width:1180px){
  .compact-danger-zone{flex-direction:column;align-items:flex-start}
  .compact-delete-form{width:100%}
  .compact-delete-form input{flex:1 1 220px;width:100%}
}
@media(max-width:900px){
  .refined-order-table th:nth-child(1){width:24%}
  .refined-order-table th:nth-child(2){width:16%}
  .refined-order-table th:nth-child(3){width:12%}
  .refined-order-table th:nth-child(4){width:15%}
  .refined-order-table th:nth-child(5){width:33%}
  .order-extra-actions{grid-template-columns:1fr}
}
@media(max-width:760px){
  .no-horizontal-scroll{overflow-x:auto!important}
  .refined-order-table{min-width:720px}
}

/* === Reseller UI polish === */
.reseller-page .sidebar,
.reseller-sidebar{
  background:#fff;
  border:1px solid #dbe7f6;
  border-radius:22px;
  padding:16px 14px;
  box-shadow:0 12px 36px rgba(15,23,42,.05);
}
.reseller-sidebar a{
  display:flex;
  align-items:center;
  gap:10px;
}
.reseller-sidebar a.active{
  background:linear-gradient(135deg,#0b61d8,#238dfb);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 28px rgba(11,97,216,.16);
}
.reseller-hero-simple{margin-bottom:18px}
.reseller-form-card,.reseller-history-card,.reseller-table-card{border-radius:24px}
.reseller-order-history-list{display:grid;gap:14px}
.reseller-order-item{
  border:1px solid #e5eefb;
  border-radius:18px;
  padding:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  display:grid;
  gap:14px;
}
.reseller-order-meta{
  display:grid;
  gap:12px;
}
.reseller-order-title{display:grid;gap:4px}
.reseller-order-title b{font-size:22px;color:#162033;line-height:1.15}
.reseller-order-title span{color:#64748b}
.reseller-order-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.reseller-order-info>div{
  border:1px solid #edf2fb;
  border-radius:14px;
  padding:12px;
  background:#fff;
  display:grid;
  gap:6px;
}
.reseller-order-info span{font-size:12px;color:#6b7b93}
.reseller-order-info b{color:#172033}
.reseller-order-actions-block{display:grid;gap:12px}
.reseller-order-action-row{display:flex;flex-wrap:wrap;gap:10px}
.reseller-proof-form{display:grid;gap:8px}
.file-upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.file-upload-row input[type=file]{
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d9e6f8;
  border-radius:12px;
  background:#fff;
}
.reseller-proof-done{
  padding:10px 12px;
  background:#f8fbff;
  border:1px dashed #d9e6f8;
  border-radius:12px;
}
.reseller-wallet-stats{margin-bottom:18px}
.status-stack{display:grid;gap:6px;justify-items:start}
.status-sub{font-size:12px;color:#64748b}
@media(max-width:900px){
  .reseller-order-info{grid-template-columns:1fr}
}
@media(max-width:700px){
  .reseller-order-title b{font-size:18px}
  .file-upload-row{grid-template-columns:1fr}
  .reseller-order-action-row .btn.small{width:100%;justify-content:center}
}

/* === Reseller wallet summary polish === */
.reseller-wallet-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:18px 0;
}
.wallet-summary-card{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:122px;
  padding:18px 20px;
  border:1px solid #dbe7f6;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
  text-decoration:none;
  color:inherit;
  transition:.18s ease;
}
.wallet-summary-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(15,23,42,.085);
  border-color:#b9d5fb;
}
.wallet-summary-icon{
  width:68px;
  height:68px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:#eef6ff;
  flex:0 0 auto;
}
.wallet-summary-card small{
  display:block;
  color:#475569;
  font-weight:900;
  line-height:1.25;
  margin-bottom:6px;
}
.wallet-summary-card strong{
  display:block;
  color:#0b61d8;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.wallet-summary-card em{
  display:block;
  margin-top:7px;
  color:#64748b;
  font-style:normal;
  font-size:13px;
  line-height:1.35;
}
.wallet-green{border-color:#b7ead6}.wallet-green .wallet-summary-icon{background:#dcfce7}.wallet-green strong{color:#059669}
.wallet-orange{border-color:#fed7aa}.wallet-orange .wallet-summary-icon{background:#ffedd5}.wallet-orange strong{color:#ea580c}
.wallet-purple{border-color:#ddd6fe}.wallet-purple .wallet-summary-icon{background:#ede9fe}.wallet-purple strong{color:#7c3aed}
.wallet-blue{border-color:#bfdbfe}.wallet-blue .wallet-summary-icon{background:#dbeafe}.wallet-blue strong{color:#0b61d8}
@media(max-width:1120px){
  .wallet-summary-card strong{font-size:25px;white-space:normal;word-break:break-word}
  .wallet-summary-card{grid-template-columns:58px minmax(0,1fr);padding:16px}
  .wallet-summary-icon{width:58px;height:58px;font-size:26px;border-radius:16px}
}
@media(max-width:760px){
  .reseller-wallet-summary-grid{grid-template-columns:1fr}
  .wallet-summary-card strong{font-size:26px}
}

/* Materi Reseller editable */
.material-admin-card{margin-bottom:18px}
.material-admin-card h2{margin-bottom:18px}
.notice-line{margin-top:12px;padding:12px 14px;border:1px dashed #b9d5fb;background:#f8fbff;border-radius:14px;color:#475569;font-weight:700}
.notice-line a{color:#0b61d8;font-weight:900}
.inline-check{display:inline-flex;align-items:center;gap:7px;margin-left:14px;font-size:13px;font-weight:800;color:#334155}
.inline-check input{width:auto;box-shadow:none}
.sticky-save-bar{position:sticky;bottom:14px;background:rgba(255,255,255,.92);border:1px solid #dbe7f6;border-radius:16px;padding:14px;box-shadow:0 14px 40px rgba(15,23,42,.12);backdrop-filter:blur(12px);z-index:10}
.materials-page{display:grid;gap:18px}
.material-hero-card,.promo-banner-preview{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#ffffff,#f4f9ff)}
.material-hero-card h1{max-width:720px;margin-top:15px}
.material-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.material-section-head p{margin:0;max-width:420px;text-align:right}
.grid.three{grid-template-columns:repeat(3,1fr)}
.script-box{background:#f8fbff;border:1px solid #dbe7f6;border-radius:16px;padding:16px;display:grid;gap:12px}
.script-box b{font-size:15px;color:#172033}
.script-box textarea{resize:vertical;background:#fff;min-height:210px}
.brochure-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;border:1px solid #dbe7f6;border-radius:18px;padding:22px;background:#fbfdff}
.brochure-preview h2{font-size:30px;line-height:1.15;margin-top:18px;max-width:560px}
.brochure-benefits{display:grid;gap:12px}
.brochure-benefits div{border:1px solid #dbe7f6;background:#fff;border-radius:14px;padding:14px 16px;font-weight:900;color:#253348;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.target-chip-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.target-chip-grid span{background:#f3f8ff;border:1px solid #dbe7f6;color:#253348;border-radius:999px;padding:12px 16px;font-weight:900}
.promo-banner-preview{background:linear-gradient(135deg,#eef6ff,#ffffff)}
.promo-banner-preview h2{margin-top:14px}
@media(max-width:960px){
  .material-hero-card,.promo-banner-preview,.material-section-head{display:block}
  .material-section-head p{text-align:left;margin-top:8px}
  .grid.three,.brochure-preview{grid-template-columns:1fr}
  .brochure-preview h2{font-size:24px}
  .sticky-save-bar{position:static}
}


/* === FINAL MERGE: Materi Reseller lengkap dari update materi === */
a(15,23,42,.085);
  border-color:#b9d5fb;
}
.wallet-summary-icon{
  width:68px;
  height:68px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:#eef6ff;
  flex:0 0 auto;
}
.wallet-summary-card small{
  display:block;
  color:#475569;
  font-weight:900;
  line-height:1.25;
  margin-bottom:6px;
}
.wallet-summary-card strong{
  display:block;
  color:#0b61d8;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.wallet-summary-card em{
  display:block;
  margin-top:7px;
  color:#64748b;
  font-style:normal;
  font-size:13px;
  line-height:1.35;
}
.wallet-green{border-color:#b7ead6}.wallet-green .wallet-summary-icon{background:#dcfce7}.wallet-green strong{color:#059669}
.wallet-orange{border-color:#fed7aa}.wallet-orange .wallet-summary-icon{background:#ffedd5}.wallet-orange strong{color:#ea580c}
.wallet-purple{border-color:#ddd6fe}.wallet-purple .wallet-summary-icon{background:#ede9fe}.wallet-purple strong{color:#7c3aed}
.wallet-blue{border-color:#bfdbfe}.wallet-blue .wallet-summary-icon{background:#dbeafe}.wallet-blue strong{color:#0b61d8}
@media(max-width:1120px){
  .wallet-summary-card strong{font-size:25px;white-space:normal;word-break:break-word}
  .wallet-summary-card{grid-template-columns:58px minmax(0,1fr);padding:16px}
  .wallet-summary-icon{width:58px;height:58px;font-size:26px;border-radius:16px}
}
@media(max-width:760px){
  .reseller-wallet-summary-grid{grid-template-columns:1fr}
  .wallet-summary-card strong{font-size:26px}
}

/* === UPDATE: Materi Reseller Kiosweb === */
.materials-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px;border:1px solid #dbe7f6;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 100%);box-shadow:0 16px 42px rgba(15,23,42,.06)}
.materials-hero h1{margin:10px 0 8px;letter-spacing:-.7px}.materials-hero p{max-width:760px;color:#64748b;line-height:1.65;margin:0}.materials-hero-box{min-width:230px;border:1px solid #cfe3ff;background:#fff;border-radius:20px;padding:18px;display:grid;gap:8px;align-content:center;box-shadow:0 12px 30px rgba(11,97,216,.08)}.materials-hero-box small{color:#64748b;font-weight:800}.materials-hero-box strong{font-size:28px;color:#0b61d8;letter-spacing:.5px}.materials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.material-card{display:grid;gap:8px;min-height:145px;padding:20px;border:1px solid #dbe7f6;border-radius:22px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 12px 32px rgba(15,23,42,.055);transition:.18s ease}.material-card:hover{transform:translateY(-2px);border-color:#9cc9ff;box-shadow:0 18px 40px rgba(11,97,216,.12)}.material-card span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#eef6ff;font-size:24px}.material-card b{font-size:17px}.material-card small{color:#64748b;line-height:1.45}.materials-section{margin-bottom:18px;border-radius:24px}.materials-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.materials-title-row h2{margin:8px 0 4px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-steps>div{position:relative;padding:20px;border:1px solid #dbe7f6;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff)}.guide-steps b{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#0b61d8;color:#fff;margin-bottom:14px}.guide-steps h3{margin:0 0 8px;font-size:17px}.guide-steps p{margin:0;color:#64748b;line-height:1.55}.material-note{margin-top:14px;padding:14px 16px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412;font-weight:700;line-height:1.55}.script-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.script-card{border:1px solid #dbe7f6;border-radius:20px;background:#fbfdff;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.script-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.script-head h3{margin:0;font-size:16px}.script-card textarea{min-height:190px;resize:vertical;line-height:1.6;background:#fff;color:#334155}.brochure-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px;border:1px solid #dbe7f6;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#fff)}.brochure-preview h3{font-size:28px;line-height:1.15;margin:14px 0 10px;color:#0f172a}.brochure-preview p{color:#64748b;line-height:1.65}.benefit-list{display:grid;gap:10px;align-content:center}.benefit-list span{display:block;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #dbe7f6;font-weight:800;color:#334155}.target-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.target-grid span{padding:12px 13px;border:1px solid #dbe7f6;border-radius:14px;background:#f8fbff;font-weight:800;color:#334155}.material-price-table td,.material-price-table th{vertical-align:top}@media(max-width:1100px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.materials-hero,.materials-title-row,.brochure-preview{display:block}.materials-hero-box{margin-top:16px}.materials-grid,.guide-steps,.script-grid,.target-grid{grid-template-columns:1fr}.material-card{min-height:auto}.materials-title-row .btn{margin-top:12px;width:100%}.script-head{align-items:flex-start;flex-direction:column}.script-head .btn{width:100%}.brochure-preview h3{font-size:22px}}
@media print{.topbar,.sidebar,.materials-grid,.materials-hero-box,.btn,.footer{display:none!important}.sidebar-layout{display:block!important}.materials-hero,.card{box-shadow:none!important;border:1px solid #e5e7eb!important}.page-shell{padding:0!important}.container{max-width:none!important}.materials-section{page-break-inside:avoid}}
.dashboard-material-sync-card{margin-top:18px;background:linear-gradient(135deg,#fff,#f4f9ff)}
.dashboard-material-box{border:1px solid #dbe7f6;background:#fff;border-radius:18px;padding:16px;display:grid;gap:8px}
.dashboard-material-box p{margin:0;color:#64748b;line-height:1.55}.dashboard-material-box b{color:#172033}.mini-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mini-chip-list span{display:inline-flex;padding:8px 10px;border:1px solid #dbe7f6;border-radius:999px;background:#f8fbff;color:#334155;font-weight:800;font-size:12px}


/* =========================================================
   Kiosweb Partner UI Update: Minimal Clean Corporate + Poppins
   ========================================================= */
:root{
  --primary:#2563EB;
  --primary2:#1D4ED8;
  --navy:#111827;
  --ink:#111827;
  --muted:#64748B;
  --line:#E5EAF2;
  --soft:#F8FAFC;
  --card:#FFFFFF;
  --radius:14px;
  --radius-lg:20px;
  --radius-pill:999px;
  --shadow:0 10px 30px rgba(15,23,42,.055);
}
html,body,button,input,select,textarea{
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body{
  background:#F5F8FC!important;
  color:var(--ink)!important;
}

/* Clean container */
.page-shell{
  border-radius:18px!important;
  background:#FFFFFF!important;
  border:1px solid #E5EAF2!important;
  box-shadow:0 12px 38px rgba(15,23,42,.055)!important;
  overflow:hidden;
}
.topbar{
  border-bottom:1px solid #E5EAF2;
  margin-bottom:16px;
  background:#FFFFFF;
}
.nav{padding:12px 0!important}
.brand b{
  font-weight:900;
  letter-spacing:-1px;
  color:#1D4ED8!important;
}
.brand b span{color:#6B7280!important}
.brand small{
  font-weight:600;
  letter-spacing:.15px;
  color:#64748B!important;
}

/* Navigation clean */
.navlinks a{
  border-radius:12px!important;
  border:1px solid #E1E8F2!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  color:#334155!important;
  text-transform:none;
  letter-spacing:.05px;
  transition:.16s ease;
}
.navlinks a:hover,.navlinks a.active{
  background:#EFF6FF!important;
  border-color:#BFDBFE!important;
  color:#1D4ED8!important;
  transform:translateY(-1px);
}
.navlinks .btnlink{
  background:#2563EB!important;
  color:#fff!important;
  border-color:#2563EB!important;
}

/* Buttons */
.btn{
  border-radius:12px!important;
  background:#2563EB!important;
  box-shadow:none!important;
  border:1px solid #2563EB!important;
  color:#fff!important;
  font-weight:800!important;
  transition:.16s ease;
}
.btn:hover{
  background:#1D4ED8!important;
  border-color:#1D4ED8!important;
  filter:none!important;
  transform:translateY(-1px);
}
.btn.secondary,.btn.ghost{
  background:#FFFFFF!important;
  color:#1D4ED8!important;
  border:1px solid #BFDBFE!important;
  box-shadow:none!important;
}
.btn.secondary:hover,.btn.ghost:hover{
  background:#EFF6FF!important;
  color:#1D4ED8!important;
}
.btn.danger{
  background:#DC2626!important;
  border-color:#DC2626!important;
  color:#fff!important;
}

/* Hero clean corporate */
.hero-modern{
  border-radius:18px!important;
  background:
    linear-gradient(135deg,#0F3D91 0%,#1D4ED8 58%,#3B82F6 100%)!important;
  border:1px solid #1D4ED8!important;
  box-shadow:0 14px 34px rgba(37,99,235,.16)!important;
}
.hero-modern:before,.hero-modern:after{
  border-radius:999px!important;
  opacity:.16!important;
}
.hero-modern h1{
  letter-spacing:-1.4px!important;
  text-shadow:none!important;
}
.hero-modern p{
  color:rgba(255,255,255,.90)!important;
}

/* Hero benefit tetap inline + rounded */
.benefit-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:28px 0 28px!important;
}
.benefit-row .divider{display:none!important}
.benefit{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 15px 9px 9px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  font-weight:800!important;
  color:#fff!important;
  backdrop-filter:blur(6px);
  box-shadow:none!important;
}
.benefit .ico{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Cards clean */
.card,.panel,.stat,.stat-card,.sidebar,.login-card,.invoice-box,.table-wrap,.alert,.notice,
.material-card,.materials-section,.materials-hero-box,.guide-steps>div,.script-card,.brochure-preview,
.dashboard-material-box,.wallet-summary-card,.wallet-summary-box,.script-box,.sticky-save-bar,
.invoice-proof-section,.proof-done-box,.bank-box{
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  border:1px solid #E5EAF2!important;
  background:#FFFFFF!important;
}
.card:hover,.panel:hover,.material-card:hover,.dashboard-material-box:hover{
  border-color:#BFDBFE!important;
  box-shadow:0 12px 30px rgba(37,99,235,.075)!important;
}

/* Home income cards */
.income-card{
  border-radius:18px!important;
  border:1px solid #E5EAF2!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.income-card:after{
  opacity:.48!important;
  border-radius:999px!important;
}
.income-icon{
  border-radius:14px!important;
  box-shadow:none!important;
}
.income-content strong{
  letter-spacing:-1.2px!important;
}

/* Typography */
.section-head.center{
  max-width:760px;
}
.kicker{
  color:#2563EB!important;
  letter-spacing:.65px!important;
}
h1,h2,h3{
  color:#111827;
}
p{
  color:#64748B;
}

/* Icon boxes */
.stat-card .iconbox,.login-icon,.material-card span,.guide-steps b,.check,.brand-mark,.wallet-summary-icon{
  border-radius:14px!important;
  background:#EFF6FF!important;
  color:#1D4ED8!important;
}
.section-title{
  border-left:4px solid #2563EB;
  padding-left:12px;
  color:#111827!important;
}

/* Forms & tables */
input,select,textarea{
  border-radius:12px!important;
  border:1px solid #DDE6F2!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  font-family:inherit!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#2563EB!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.09)!important;
}
.table-wrap{
  border-radius:16px!important;
  overflow:hidden;
}
.table th{
  background:#F8FAFC!important;
  color:#334155!important;
  border-bottom:1px solid #E5EAF2!important;
}
.table td{background:#FFFFFF}
.table tr:nth-child(even) td{background:#FBFDFF}

/* Sidebar */
.sidebar a{
  border-radius:12px!important;
  border-left:3px solid transparent;
}
.sidebar a:hover,.sidebar a.active{
  background:#EFF6FF!important;
  color:#1D4ED8!important;
  border-left-color:#2563EB;
}
.copybox input{font-weight:700}
.footer{
  border-top:1px solid #E5EAF2;
  margin-top:22px;
}

/* Utility rounded areas */
.badge,.pill,.status-pill,.target-chip-grid span,.mini-chip-list span,
.benefits span,.targets span{
  border-radius:999px!important;
}
.mobile-menu-toggle{
  border-radius:12px!important;
  border:1px solid #DDE6F2!important;
  background:#FFFFFF!important;
}
.mobile-nav-overlay{border-radius:16px!important}
.flyer,.paper,.box,.price{border-radius:16px!important}

@media (max-width:768px){
  .page-shell{
    border-radius:16px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .hero-modern,.login-hero,.materials-hero{border-radius:16px!important}
  .hero-modern h1{font-size:33px!important}
  .benefit-row{gap:9px!important}
  .benefit{
    width:100%!important;
    justify-content:flex-start!important;
  }
}


/* =========================================================
   Admin Area Only: Dominan Kotak / Sharp Corporate
   ========================================================= */
body:has(a[href*="/admin/"]) .page-shell,
body:has(.admin-layout) .page-shell,
body:has(.admin-sidebar) .page-shell{
  border-radius:0!important;
}

/* Fallback: semua halaman di folder /admin tetap dibuat sharp via class umum */
.sidebar-layout .sidebar,
.sidebar-layout .card,
.sidebar-layout .panel,
.sidebar-layout .stat,
.sidebar-layout .stat-card,
.sidebar-layout .table-wrap,
.sidebar-layout .alert,
.sidebar-layout .notice,
.sidebar-layout .wallet-summary-card,
.sidebar-layout .wallet-summary-box,
.sidebar-layout .dashboard-material-box,
.sidebar-layout .script-box,
.sidebar-layout .sticky-save-bar{
  border-radius:0!important;
}

/* Admin buttons, forms, tables */
.sidebar-layout .btn,
.sidebar-layout input,
.sidebar-layout select,
.sidebar-layout textarea,
.sidebar-layout .pill,
.sidebar-layout .badge,
.sidebar-layout .status-pill,
.sidebar-layout .copybox input{
  border-radius:0!important;
}

/* Sidebar menu admin lebih tegas */
.sidebar-layout .sidebar a{
  border-radius:0!important;
  border-left:4px solid transparent!important;
}
.sidebar-layout .sidebar a:hover,
.sidebar-layout .sidebar a.active{
  border-left-color:#2563EB!important;
  background:#EFF6FF!important;
}

/* Kotak kecil/icon admin */
.sidebar-layout .iconbox,
.sidebar-layout .income-icon,
.sidebar-layout .login-icon,
.sidebar-layout .material-card span,
.sidebar-layout .wallet-summary-icon,
.sidebar-layout .check,
.sidebar-layout .brand-mark{
  border-radius:0!important;
}

/* Table admin clean square */
.sidebar-layout .table-wrap{
  overflow:hidden!important;
}
.sidebar-layout .table th:first-child,
.sidebar-layout .table th:last-child,
.sidebar-layout .table td:first-child,
.sidebar-layout .table td:last-child{
  border-radius:0!important;
}

/* Card admin terasa lebih dashboard */
.sidebar-layout .card,
.sidebar-layout .panel{
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  border:1px solid #E1E8F2!important;
}

/* Top action admin kotak */
.sidebar-layout .actions .btn,
.sidebar-layout form .btn,
.sidebar-layout .btn.small{
  border-radius:0!important;
}

/* Mobile admin tetap sharp */
@media (max-width:768px){
  .sidebar-layout .card,
  .sidebar-layout .panel,
  .sidebar-layout .sidebar,
  .sidebar-layout .table-wrap{
    border-radius:0!important;
  }
}



/* Manual Wallet Bonus Admin */
.manual-bonus-history{margin-top:18px;border-top:1px solid #E5EAF2;padding-top:14px}
.manual-bonus-history h3{font-size:16px;margin:0 0 12px}
.bonus-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #EEF2F7}
.bonus-history-item:last-child{border-bottom:0}
.bonus-history-item b{display:block;color:#111827;font-size:14px}
.bonus-history-item small{display:block;color:#64748B;line-height:1.45;margin-top:3px}
.bonus-history-item strong{white-space:nowrap;color:#16A34A;font-size:14px}


/* =========================================================
   Admin UI Overflow / Collision Fix
   ========================================================= */
.sidebar-layout{
  grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;
}
.sidebar-layout > *,
.sidebar-layout > section,
.sidebar-layout > aside,
.sidebar-layout .card,
.sidebar-layout .panel,
.sidebar-layout .dashboard-hero-card,
.sidebar-layout .order-page-head,
.sidebar-layout .hero-chip-stack,
.sidebar-layout .product-helper-stack,
.sidebar-layout .settings-main-stack,
.sidebar-layout .settings-side-stack,
.sidebar-layout .setting-stat-card > div,
.sidebar-layout .sales-card > div,
.sidebar-layout .summary-card,
.sidebar-layout .card-head-row > div{
  min-width:0;
}

.dashboard-hero-card,
.order-page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}
.dashboard-hero-card > :last-child,
.order-page-head > :last-child{
  min-width:min(220px,100%);
}
.hero-chip-stack{
  width:100%;
  max-width:220px;
  justify-self:end;
  align-items:stretch;
}
.hero-chip-stack .btn,
.hero-chip-stack .pill,
.order-page-head .btn,
.order-page-head .pill,
.sidebar-layout .btn.small{
  width:100%;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.25;
  word-break:break-word;
}

.setting-summary-cards,
.product-summary-cards,
.dashboard-summary-grid,
.dashboard-sales-grid,
.dashboard-bottom-grid,
.polished-products-layout,
.clean-settings-layout,
.settings-page .settings-layout{
  min-width:0;
}
.setting-stat-card,
.sales-card,
.summary-card,
.dashboard-hero-card,
.order-page-head,
.product-help-card,
.settings-card,
.table-card,
.table-wrap{
  overflow:hidden;
}
.setting-stat-card{
  align-items:flex-start;
}
.setting-stat-card strong,
.sales-card strong,
.summary-card strong{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.05;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.setting-stat-card small,
.sales-card em,
.summary-card span,
.dashboard-hero-card p,
.order-page-head p,
.sidebar-layout h1,
.sidebar-layout h2,
.sidebar-layout h3,
.sidebar-layout p,
.sidebar-layout label,
.sidebar-layout .muted{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.product-table-card .modern-table td,
.sidebar-layout .table td,
.sidebar-layout .table th{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.sidebar-layout .table-wrap{
  overflow:auto!important;
}

@media(max-width:1360px){
  .product-summary-cards.four-cols,
  .settings-page .setting-summary-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dashboard-bottom-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:1080px){
  .dashboard-hero-card,
  .order-page-head{
    grid-template-columns:1fr!important;
  }
  .hero-chip-stack,
  .order-page-head .actions{
    max-width:none;
    width:100%;
    justify-self:stretch;
  }
  .dashboard-sales-grid,
  .dashboard-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .dashboard-sales-grid,
  .dashboard-summary-grid,
  .product-summary-cards.four-cols,
  .product-summary-cards.three-cols,
  .settings-page .setting-summary-cards,
  .dashboard-bottom-grid,
  .polished-products-layout,
  .clean-settings-layout,
  .settings-page .settings-layout{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   Pricelist Table Readability Fix
   ========================================================= */
.product-table-card .card-head-row{margin-bottom:14px!important}
.product-table-card .table-wrap{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
}
.product-table-card .modern-table{
  min-width:980px;
  table-layout:fixed;
}
.product-table-card .modern-table th,
.product-table-card .modern-table td{
  padding:14px 14px!important;
  font-size:14px!important;
  line-height:1.45!important;
  vertical-align:top!important;
}
.product-table-card .modern-table th{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  font-size:12px!important;
  letter-spacing:.15px!important;
  text-transform:none!important;
}
.product-table-card .modern-table td b,
.product-table-card .modern-table td strong{
  font-weight:700!important;
}
.product-table-card .modern-table td small{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.product-table-card .modern-table th:nth-child(1),
.product-table-card .modern-table td:nth-child(1){width:36%}
.product-table-card .modern-table th:nth-child(2),
.product-table-card .modern-table td:nth-child(2){width:11%}
.product-table-card .modern-table th:nth-child(3),
.product-table-card .modern-table td:nth-child(3){width:8%}
.product-table-card .modern-table th:nth-child(4),
.product-table-card .modern-table td:nth-child(4){width:8%}
.product-table-card .modern-table th:nth-child(5),
.product-table-card .modern-table td:nth-child(5){width:15%}
.product-table-card .modern-table th:nth-child(6),
.product-table-card .modern-table td:nth-child(6){width:10%}
.product-table-card .modern-table th:nth-child(7),
.product-table-card .modern-table td:nth-child(7){width:12%}
.product-table-card .modern-table td:nth-child(2),
.product-table-card .modern-table td:nth-child(3),
.product-table-card .modern-table td:nth-child(4),
.product-table-card .modern-table td:nth-child(5){
  white-space:normal!important;
  word-break:break-word!important;
}
.product-table-card .modern-table td:nth-child(2),
.product-table-card .modern-table td:nth-child(3),
.product-table-card .modern-table td:nth-child(4),
.product-table-card .modern-table td:nth-child(6){
  text-align:center!important;
}
.product-table-card .modern-table td:first-child b{
  display:block;
  margin-bottom:6px;
  font-size:17px;
  line-height:1.3;
  color:#0f172a;
}
.product-table-card .modern-table td:first-child .muted{
  display:block;
  font-size:13px!important;
  color:#64748b!important;
}
.product-table-card .modern-table td:nth-child(5) b{
  display:block;
  margin-bottom:4px;
}
.product-table-card .action-cell{
  min-width:120px!important;
}
.product-table-card .action-cell .btn.small,
.product-table-card .action-cell .inline-form .btn.small{
  min-width:0!important;
  width:100%!important;
  font-size:13px!important;
  padding:10px 12px!important;
}
.product-table-card .status-badge{
  justify-content:center;
  min-width:72px;
}
.product-scroll-note{
  margin:-4px 0 12px;
  font-size:12.5px;
  color:#64748b;
}
@media (max-width:1100px){
  .product-table-card .modern-table{min-width:920px}
}
@media (max-width:760px){
  .product-table-card .table-wrap{margin:0 -2px}
  .product-table-card .modern-table{min-width:860px}
}


/* =========================================================
   Manual Bonus Wallet Safety + UI Polish
   ========================================================= */
.manual-bonus-card{
  overflow:hidden!important;
}
.manual-bonus-card .clean-form{
  gap:14px!important;
}
.manual-bonus-card select,
.manual-bonus-card input{
  min-width:0!important;
  max-width:100%!important;
}
.manual-bonus-head p{
  max-width:100%;
}
.manual-bonus-history{
  margin-top:0!important;
  padding:18px 22px 20px!important;
  border-top:1px solid #E5EAF2!important;
  background:#FCFDFF;
  max-height:360px;
  overflow:auto;
}
.manual-bonus-history h3{
  position:sticky;
  top:0;
  background:#FCFDFF;
  z-index:1;
  margin:0 0 12px!important;
  padding-bottom:10px;
  font-size:16px!important;
  border-bottom:1px solid #EEF2F7;
}
.bonus-history-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start!important;
  gap:12px!important;
  padding:12px 0!important;
  border-bottom:1px solid #EEF2F7!important;
}
.bonus-history-item:last-child{
  border-bottom:0!important;
}
.bonus-history-info{
  min-width:0;
}
.bonus-history-info b{
  display:block;
  font-size:14px;
  line-height:1.3;
  color:#111827;
  font-weight:800;
  overflow-wrap:anywhere;
}
.bonus-history-info small{
  display:block;
  margin-top:4px;
  color:#64748B;
  font-size:12.5px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.bonus-history-info em{
  display:block;
  margin-top:4px;
  color:#94A3B8;
  font-size:11.5px;
  font-style:normal;
}
.bonus-history-item strong{
  color:#16A34A!important;
  font-size:13.5px!important;
  line-height:1.2;
  white-space:nowrap;
  font-weight:800!important;
}
#bonus-wallet-manual .form-hint{
  font-size:12px;
  line-height:1.4;
  color:#64748B;
}
@media(max-width:760px){
  .manual-bonus-history{
    max-height:300px;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .bonus-history-item{
    grid-template-columns:1fr;
  }
  .bonus-history-item strong{
    justify-self:start;
  }
}


/* =========================================================
   Reseller Wallet Withdraw Form Fix
   ========================================================= */
.withdraw-form-card{
  overflow:hidden!important;
  margin-top:16px!important;
}
.withdraw-form-card .settings-card-head{
  padding-bottom:18px!important;
}
.withdraw-clean-form{
  display:grid!important;
  gap:15px!important;
  padding:22px 24px 24px!important;
}
.withdraw-bank-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.withdraw-warning-box{
  margin:18px 24px 0;
  padding:14px 16px;
  border:1px solid #FED7AA;
  background:#FFF7ED;
  color:#9A3412;
  line-height:1.5;
}
.withdraw-warning-box b{
  display:block;
  margin-bottom:4px;
  color:#9A3412;
}
.withdraw-warning-box p{
  margin:0;
  color:#9A3412;
}
.withdraw-form-card input:disabled,
.withdraw-form-card button:disabled{
  cursor:not-allowed;
  opacity:.65;
}
@media(max-width:760px){
  .withdraw-bank-grid{
    grid-template-columns:1fr;
  }
  .withdraw-clean-form{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .withdraw-warning-box{
    margin-left:18px;
    margin-right:18px;
  }
}

/* =========================================================
   Public Terms Page + Admin Terms Editor
   ========================================================= */
.terms-page-card{
  max-width:860px;
  margin:28px auto;
  padding:0!important;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.07);
  overflow:hidden;
}
.terms-hero{
  padding:30px 34px 24px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-bottom:1px solid #edf3fb;
}
.terms-hero h1{
  max-width:760px;
  margin:12px 0 10px;
  color:#0f172a;
  font-size:34px;
  line-height:1.15;
  letter-spacing:-1px;
}
.terms-hero p{
  max-width:760px;
  margin:0;
  color:#64748b;
  font-size:16px;
  line-height:1.75;
}
.terms-list{
  display:grid;
  gap:14px;
  padding:24px 34px 32px;
}
.terms-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:16px;
  align-items:flex-start;
  padding:18px;
  border:1px solid #e5edf8;
  border-radius:20px;
  background:#fcfdff;
}
.terms-number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#eef6ff;
  color:#0b61d8;
  border:1px solid #cfe3ff;
  font-size:14px;
  font-weight:900;
}
.terms-item h2{
  margin:0 0 6px;
  color:#334155;
  font-size:16px;
  line-height:1.35;
}
.terms-item p{
  margin:0;
  color:#64748b;
  line-height:1.7;
  font-size:15px;
}
.settings-block-terms textarea[name="terms_items"]{
  min-height:210px;
  font-size:13.5px;
}
@media(max-width:760px){
  .terms-page-card{margin:18px auto;border-radius:20px}
  .terms-hero{padding:24px 20px 20px}
  .terms-hero h1{font-size:27px}
  .terms-list{padding:18px 18px 24px;gap:12px}
  .terms-item{grid-template-columns:32px minmax(0,1fr);padding:15px;gap:12px}
  .terms-number{width:30px;height:30px;font-size:13px}
}

/* Update layout: home cara kerja full width dan admin order terbaru full width */
.info-one-col{grid-template-columns:1fr!important;}
.info-one-col .work-card{width:100%;}
.dashboard-bottom-grid.dashboard-bottom-full{grid-template-columns:1fr!important;}
.dashboard-bottom-full .dashboard-panel{width:100%;}
.dashboard-bottom-full .clean-table-wrap{max-width:100%;}


/* === UPDATE: Rapikan UI halaman Materi Reseller === */
.reseller-material-page section{min-width:0}
.reseller-material-page .materials-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.55fr);align-items:stretch;gap:18px}
.reseller-material-page .materials-hero > div:first-child{min-width:0}
.reseller-material-page .materials-title-row p{margin:6px 0 0}
.reseller-material-page .materials-section{overflow:hidden}
.reseller-material-page .material-card,
.reseller-material-page .guide-steps > div,
.reseller-material-page .script-card,
.reseller-material-page .promo-banner-preview,
.reseller-material-page .brochure-preview{height:100%}
.reseller-material-page .guide-steps,
.reseller-material-page .script-grid,
.reseller-material-page .target-grid{align-items:stretch}
.reseller-material-page .table-wrap.material-price-table-wrap{overflow-x:auto;overflow-y:hidden}
.reseller-material-page .material-price-table{table-layout:fixed;min-width:900px}
.reseller-material-page .material-price-table th{white-space:nowrap}
.reseller-material-page .material-price-table td,
.reseller-material-page .material-price-table th{line-height:1.55;word-break:break-word}
.reseller-material-page .price-cell-main{display:grid;gap:4px}
.reseller-material-page .price-product-title{font-size:15px;font-weight:800;line-height:1.45;color:#0f172a}
.reseller-material-page .price-product-sub{font-size:12px;font-weight:600;color:#64748b}
.reseller-material-page .price-number,
.reseller-material-page .price-estimate{font-size:16px;font-weight:800;line-height:1.4}
.reseller-material-page .price-estimate{color:#0b61d8}
.reseller-material-page .price-description{color:#475569;line-height:1.65}
.mini-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#0756c5;font-size:12px;font-weight:800;line-height:1.2}
.price-card-grid{display:none;gap:14px;margin-top:14px}
.price-card{padding:18px;border:1px solid #dbe7f6;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.price-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.price-card-top h3{margin:10px 0 0;font-size:18px;line-height:1.4}
.price-card-grid-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.price-card-grid-info div{padding:12px;border:1px solid #dbe7f6;border-radius:14px;background:#fff}
.price-card-grid-info small{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700}
.price-card-grid-info strong{display:block;font-size:15px;line-height:1.4;color:#0f172a}
.price-card p{margin:0;color:#475569;line-height:1.65}
.reseller-material-page .script-card textarea{min-height:210px}
.reseller-material-page .target-grid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px}
@media(max-width:1120px){
  .reseller-material-page .materials-hero{grid-template-columns:1fr}
  .reseller-material-page .materials-hero-box{min-width:0}
}
@media(max-width:860px){
  .reseller-material-page .material-price-table-wrap{display:none}
  .price-card-grid{display:grid}
  .price-card-grid-info{grid-template-columns:1fr}
}
@media(max-width:760px){
  .reseller-material-page .materials-hero{display:block}
  .reseller-material-page .materials-hero-box{margin-top:16px}
  .reseller-material-page .script-card textarea{min-height:180px}
}

/* === UPDATE: Rapikan seluruh Dashboard Reseller + Wallet/Order/Profile === */
.reseller-page section{min-width:0}
.reseller-page .dashboard-hero-card{overflow:hidden;position:relative}
.reseller-page .dashboard-hero-card:after{content:"";position:absolute;right:-60px;top:-70px;width:210px;height:210px;border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(255,255,255,0));pointer-events:none}
.reseller-page .dashboard-hero-card>*{position:relative;z-index:1}
.reseller-quick-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:220px}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}
.dashboard-stat-grid .stat-card{position:relative;overflow:hidden;border-radius:24px;min-height:128px;transition:.18s ease}
.dashboard-stat-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.09)}
.dashboard-stat-grid .stat-card p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.45}
.dashboard-stat-grid .wallet-click-card{padding-right:54px}
.go-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;background:#eef6ff;color:#0b61d8;display:grid;place-items:center;font-size:28px;font-weight:700}
.reseller-block-card{border-radius:24px!important;margin-top:18px;overflow:hidden}
.referral-card-clean .copybox{align-items:center}
.referral-card-clean input{font-weight:700;color:#0f172a;background:#f8fbff}
.reseller-page .settings-card-head{padding:0 0 18px;margin-bottom:0;border-bottom:1px solid #edf2fb}
.reseller-page .settings-card-head h2{margin:8px 0 5px}
.reseller-page .clean-form{padding-top:18px}
.order-create-card,.order-history-card,.withdraw-form-card,.reseller-table-card,.profile-main-form-card{border-radius:24px!important;box-shadow:0 14px 36px rgba(15,23,42,.055)!important}
.order-create-card .btn,.withdraw-form-card .btn,.profile-main-form-card .btn{min-height:48px;border-radius:12px}
.reseller-order-item{grid-template-columns:minmax(0,1fr);transition:.18s ease}
.reseller-order-item:hover{border-color:#bfdbfe;box-shadow:0 16px 32px rgba(15,23,42,.055)}
.reseller-order-meta{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start}
.reseller-order-title b{word-break:break-word}
.reseller-order-info>div{min-height:74px}
.reseller-order-info .status-stack{align-content:center}
.reseller-order-actions-block{padding-top:14px;border-top:1px solid #edf2fb}
.reseller-order-action-row .btn.small{border-radius:12px;min-height:40px}
.reseller-proof-form{padding:14px;border:1px dashed #bfdbfe;border-radius:16px;background:#f8fbff}
.file-upload-row .btn{min-height:44px;border-radius:12px}
.reseller-wallet-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.wallet-summary-card{grid-template-columns:1fr!important;align-items:start!important;min-height:170px!important;padding:18px!important;gap:12px!important;border-radius:24px!important}
.wallet-summary-icon{width:56px!important;height:56px!important;border-radius:16px!important;font-size:25px!important}
.wallet-summary-card small{font-size:12px!important;text-transform:uppercase;letter-spacing:.3px;color:#64748b!important}
.wallet-summary-card strong{font-size:23px!important;line-height:1.15!important;letter-spacing:-.04em!important;word-break:break-word!important;color:#0b61d8!important}
.wallet-summary-card em{font-size:12px!important;color:#64748b!important;line-height:1.45!important;font-style:normal!important;margin-top:0!important}
.wallet-green strong{color:#059669!important}.wallet-orange strong{color:#ea580c!important}.wallet-purple strong{color:#7c3aed!important}.wallet-blue strong{color:#0b61d8!important}
.reseller-table-card{overflow:hidden}
.reseller-table-card .card-head-row{padding-bottom:16px;border-bottom:1px solid #edf2fb;margin-bottom:16px}
.reseller-table-card .card-head-row h2{margin-bottom:4px}
.reseller-responsive-table{border-radius:18px!important}
.reseller-responsive-table .table{min-width:720px}
.withdraw-form-card .settings-card-head{padding:22px 24px 18px!important;border-bottom:1px solid #edf2fb!important}
.withdraw-clean-form{padding-top:20px!important}
.withdraw-warning-box{border-radius:16px!important}
.profile-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.profile-hero-card{align-items:center}
.profile-mini-card{min-width:190px;border:1px solid #cfe3ff;background:#fff;border-radius:20px;padding:16px;display:grid;gap:6px;box-shadow:0 12px 30px rgba(11,97,216,.08)}
.profile-mini-card small{font-weight:800;color:#64748b}.profile-mini-card strong{font-size:24px;color:#0b61d8}
.profile-divider{height:1px;background:#edf2fb;margin:4px 0 2px}
.compact-head{border-bottom:0!important;padding:4px 0 0!important}
.profile-side-stack{display:grid;gap:14px;position:sticky;top:96px}
.profile-info-card{border-radius:24px!important;display:grid;gap:8px;place-items:start;min-height:150px;background:linear-gradient(180deg,#fff,#f8fbff)}
.profile-info-card span{width:54px;height:54px;border-radius:16px;background:#eef6ff;display:grid;place-items:center;font-size:24px}
.profile-info-card b{font-size:18px;word-break:break-word}.profile-info-card small{color:#64748b;line-height:1.55;word-break:break-word}
.soft-info span{background:#ecfdf5}
@media(max-width:1180px){
  .reseller-wallet-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wallet-summary-card{min-height:140px!important}
}
@media(max-width:980px){
  .dashboard-stat-grid,.profile-form-grid{grid-template-columns:1fr}
  .profile-side-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .reseller-order-meta{grid-template-columns:1fr}
}
@media(max-width:760px){
  .reseller-quick-actions{width:100%;justify-content:stretch;min-width:0}.reseller-quick-actions .btn{flex:1}
  .dashboard-stat-grid .stat-card{min-height:auto;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px}
  .dashboard-stat-grid .stat-card .line{display:none}.dashboard-stat-grid .stat-card .iconbox{width:56px;height:56px;font-size:24px;border-radius:16px}
  .dashboard-stat-grid .stat-card strong{font-size:24px!important}.go-arrow{display:none}
  .reseller-wallet-summary-grid{grid-template-columns:1fr!important}
  .wallet-summary-card{min-height:auto!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important}
  .wallet-summary-card strong{font-size:24px!important}
  .profile-side-stack{grid-template-columns:1fr}
  .profile-mini-card{margin-top:14px;width:100%}
  .profile-hero-card{display:block}
  .reseller-page .settings-card-head{padding-bottom:14px}
}

/* === HOTFIX: UI Reseller jangan kotak/pecah, rapikan Profile/Wallet/Order === */
.reseller-page.sidebar-layout{
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.reseller-page .card,
.reseller-page .panel,
.reseller-page .sidebar,
.reseller-page .table-wrap,
.reseller-page .dashboard-hero-card,
.reseller-page .order-page-head,
.reseller-page .invoice-box{
  border-radius:20px!important;
  overflow:hidden;
}
.reseller-page .btn,
.reseller-page .btn.small,
.reseller-page button,
.reseller-page input,
.reseller-page select,
.reseller-page textarea{
  border-radius:12px!important;
}
.reseller-page .sidebar{
  padding:14px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.reseller-page .sidebar a{
  border-radius:12px!important;
  min-height:44px;
  font-size:14px;
}
.reseller-page .sidebar a.active,
.reseller-page .sidebar a:hover{
  background:#eef6ff!important;
  color:#0b61d8!important;
  border-left:4px solid #0b61d8;
}
.reseller-page .dashboard-hero-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:24px!important;
  margin-bottom:20px!important;
  background:linear-gradient(135deg,#fff 0%,#f4f9ff 100%)!important;
  border:1px solid #dbe7f6!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.reseller-page .dashboard-hero-card h1{
  font-size:32px!important;
  line-height:1.15!important;
  margin:10px 0 8px!important;
}
.reseller-page .dashboard-hero-card p{
  max-width:720px;
  line-height:1.65!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.reseller-profile-page .profile-form-grid{
  display:block!important;
}
.reseller-profile-page .profile-main-form-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.reseller-profile-page .profile-side-stack{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:18px!important;
}
.reseller-profile-page .profile-info-card{
  min-height:auto!important;
  padding:20px!important;
  border-radius:20px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045)!important;
}
.reseller-profile-page .settings-card-head{
  padding:24px 26px 18px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border-bottom:1px solid #edf3fb!important;
}
.reseller-profile-page .clean-form{
  padding:22px 26px 26px!important;
}
.reseller-profile-page .setting-two-col{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.reseller-profile-page .field-group input{
  min-height:52px!important;
  background:#fff!important;
}
.reseller-profile-page .profile-divider{
  margin:6px 0!important;
}
.reseller-profile-page .compact-head{
  padding:8px 0 0!important;
  background:transparent!important;
  border-bottom:0!important;
}
.reseller-wallet-summary-grid{
  align-items:stretch!important;
}
.reseller-page .reseller-responsive-table{
  overflow-x:auto!important;
  border-radius:18px!important;
}
.reseller-page .reseller-responsive-table table,
.reseller-page .table-wrap table{
  min-width:720px;
}
@media(max-width:980px){
  .reseller-page.sidebar-layout{grid-template-columns:1fr!important;gap:14px!important}
  .reseller-page .sidebar{position:static!important;display:flex!important;overflow-x:auto!important;white-space:nowrap!important;gap:8px!important}
  .reseller-page .sidebar a{flex:0 0 auto!important;border-left:0!important}
  .reseller-profile-page .profile-side-stack{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .reseller-page .dashboard-hero-card{display:block!important;padding:20px!important}
  .reseller-page .dashboard-hero-card h1{font-size:26px!important}
  .reseller-profile-page .profile-mini-card{margin-top:14px!important;min-width:0!important;width:100%!important}
  .reseller-profile-page .setting-two-col{grid-template-columns:1fr!important}
  .reseller-profile-page .settings-card-head,
  .reseller-profile-page .clean-form{padding-left:18px!important;padding-right:18px!important}
}

/* === UPDATE: Rapikan Form Order Reseller + Brief Domain === */
.reseller-page .order-create-card{
  overflow:hidden!important;
}
.reseller-page .order-create-card .settings-card-head{
  padding:24px 26px 18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border-bottom:1px solid #edf3fb!important;
}
.reseller-order-form{
  padding:22px 26px 26px!important;
  gap:18px!important;
}
.order-form-section{
  border:1px solid #dbe7f6;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  padding:18px;
  display:grid;
  gap:14px;
}
.order-form-section-title{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid #edf3fb;
}
.order-form-section-title>span{
  width:34px;
  height:34px;
  border-radius:999px;
  background:#eef6ff;
  color:#0b61d8;
  border:1px solid #cfe3ff;
  display:grid;
  place-items:center;
  font-weight:900;
  flex:0 0 auto;
}
.order-form-section-title b{
  display:block;
  color:#0f172a;
  font-size:17px;
  line-height:1.25;
}
.order-form-section-title small,
.optional-label{
  display:inline-block;
  color:#64748b;
  font-weight:600;
  line-height:1.45;
}
.optional-label{
  font-size:11px;
  margin-left:4px;
}
.reseller-page .order-two-col{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.reseller-page .reseller-order-form .field-group input,
.reseller-page .reseller-order-form .field-group select,
.reseller-page .reseller-order-form .field-group textarea{
  background:#fff!important;
  border-color:#dce8f6!important;
  min-height:50px!important;
}
.reseller-page .reseller-order-form .field-group textarea{
  min-height:auto!important;
}
.order-submit-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid #bfdbfe;
  background:#eff6ff;
}
.order-submit-box b,
.order-submit-box small{
  display:block;
}
.order-submit-box small{
  color:#64748b;
  line-height:1.45;
  margin-top:4px;
}
.order-submit-box .btn{
  min-width:220px;
  margin-top:0!important;
}
.order-domain-name{
  color:#0b61d8!important;
  font-weight:800!important;
}
.reseller-order-info{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.reseller-order-info>div b{
  word-break:break-word;
}
@media(max-width:1180px){
  .reseller-order-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .reseller-page .order-two-col{grid-template-columns:1fr!important;}
  .reseller-order-form,
  .reseller-page .order-create-card .settings-card-head{padding-left:18px!important;padding-right:18px!important;}
  .order-form-section{padding:15px;border-radius:18px;}
  .order-submit-box{display:grid;gap:14px;}
  .order-submit-box .btn{width:100%;min-width:0;}
  .reseller-order-info{grid-template-columns:1fr!important;}
}


/* === UPDATE: Rapikan form order reseller + riwayat order === */
.tidy-order-history{gap:16px}
.tidy-history-item{padding:18px 18px 16px!important;border-radius:20px!important}
.tidy-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #edf3fb}
.tidy-history-top b{display:block;margin:6px 0 4px;font-size:20px;line-height:1.2;color:#0f172a}
.tidy-history-top small{display:block;color:#64748b;line-height:1.5}
.history-label{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef6ff;border:1px solid #cfe3ff;color:#0b61d8;font-size:12px;font-weight:800}
.tidy-status-stack{justify-items:end;text-align:right;min-width:160px}
.tidy-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:14px}
.tidy-history-grid>div{padding:14px;border:1px solid #edf2fb;border-radius:16px;background:#fff;display:grid;gap:6px;min-height:82px}
.tidy-history-grid span{font-size:12px;font-weight:700;color:#64748b}
.tidy-history-grid b{font-size:14px;line-height:1.55;color:#172033;word-break:break-word}
.tidy-history-actions{padding-top:14px;border-top:1px solid #edf3fb;margin-top:14px}
.empty-order-history{display:grid;gap:8px;padding:22px!important;border-radius:20px!important}
.empty-order-history b{font-size:18px;color:#0f172a}
.empty-order-history p{margin:0}
@media(max-width:1080px){
  .tidy-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .tidy-history-top{display:grid;gap:12px}
  .tidy-status-stack{justify-items:start;text-align:left;min-width:0}
  .tidy-history-grid{grid-template-columns:1fr}
}

/* === FINAL: Form order reseller ringkas, rapi, operasional === */
.final-order-form{gap:16px!important}
.order-final-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.final-order-form .order-form-section{box-shadow:0 10px 26px rgba(15,23,42,.035)}
.brief-final-section{margin-top:0}
.final-submit-box{margin-top:0;background:linear-gradient(135deg,#eff6ff,#ffffff)}
.final-submit-box .btn{min-width:240px}
@media(max-width:980px){
  .order-final-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .final-submit-box{display:grid!important;gap:14px!important}
  .final-submit-box .btn{width:100%;min-width:0}
}