:root{
    --shopee:#ee4d2d;
    --shopee-dark:#d63a1c;
    --bg:#f5f5f5;
    --card:#ffffff;
    --muted:#6b7280;
    --success:#16a34a;
    --danger:#dc2626;
    --info:#2563eb;
    --warning:#d97706;
    --radius:16px;
  }
  *{box-sizing:border-box}
  body{
    margin:0;
    background:var(--bg);
    font-family:"Segoe UI","Arial","Tahoma","Noto Sans","Helvetica",sans-serif,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji";
    color:#111827;
  }
  a{text-decoration:none}
  .is-hidden{display:none !important}
  .sh-header-top{background:var(--shopee); color:#fff; font-size:12px}
  .sh-header{
    background:
      radial-gradient(circle at 12% 28%, rgba(255,224,138,.24) 0 8%, transparent 9%),
      linear-gradient(135deg, #f0442f 0%, #ee3d25 48%, #cf2e1b 100%);
    color:#fff;
    position:sticky;
    top:0;
    z-index:20;
  }
  .sh-top-inner{
    max-width:1200px; margin:0 auto; padding:6px 16px;
    display:flex; justify-content:space-between; gap:12px; align-items:center;
  }
  .sh-top-right{opacity:.9}
  .sh-header-main{
    max-width:1200px; margin:0 auto; padding:12px 16px;
    display:flex; align-items:center; gap:14px; flex-wrap:nowrap;
  }
  .sh-header-main-guest{
    max-width:1200px;
    margin:0 auto;
  }
  .sh-header-brand{
    display:flex; align-items:center; gap:10px; min-width:230px; order:0;
    color:inherit;
    flex:0 0 auto;
  }
  
  .public-tracking-shell{
    width:min(1120px, 100%);
    margin:18px auto 40px;
  }
  .public-tracking-card{
    overflow:hidden;
  }
  .public-tracking-title-row{
    align-items:center;
    border-bottom:1px solid #e5e7eb;
    padding-bottom:10px;
  }
  .public-tracking-title-row .card-title{
    margin:0;
    font-size:20px;
    letter-spacing:0;
  }
  .public-tracking-copy-btn{
    width:36px;
    min-width:36px;
    height:34px;
    padding:0;
  }
  .public-tracking-summary{
    display:grid;
    grid-template-columns:minmax(220px, 1.1fr) minmax(220px, 1fr) minmax(150px, .7fr);
    gap:12px 24px;
    padding:14px 0 10px;
    border-bottom:1px solid #edf0f4;
  }
  .public-tracking-summary > div{
    display:flex;
    align-items:baseline;
    gap:7px;
    min-width:0;
  }
  .public-tracking-label{
    color:#526071;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
  }
  .public-tracking-code{
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    color:#165dca;
    font:inherit;
    font-weight:800;
    letter-spacing:0;
    overflow-wrap:anywhere;
    cursor:pointer;
  }
  .public-tracking-code.copy-ok,
  .public-tracking-copy-btn.copy-ok{
    color:#07883f;
  }
  .public-tracking-code.copy-fail,
  .public-tracking-copy-btn.copy-fail{
    color:#c62828;
  }
  .public-tracking-status-row{
    padding:12px 0 2px;
  }
  .public-tracking-status-row .badge{
    display:inline-block;
    max-width:100%;
    white-space:normal;
    line-height:1.35;
  }
  .public-tracking-timeline{
    margin-top:12px;
  }
  .public-tracking-empty,
  .public-tracking-error{
    margin-top:14px;
    padding:14px;
    border-left:3px solid #f4512c;
    background:#fff7f4;
    color:#4b5563;
  }
  .public-tracking-error{
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  
  @media (max-width:720px){
    .public-tracking-shell{
      margin:10px auto 24px;
    }
    .public-tracking-title-row .card-title{
      font-size:17px;
    }
    .public-tracking-summary{
      grid-template-columns:1fr;
      gap:8px;
    }
    .public-tracking-summary > div{
      align-items:flex-start;
    }
  }
  .sh-header-main-guest .sh-header-brand{
    margin-right:0;
  }
  .sh-brand-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:44px;
    line-height:1.05;
  }
  .sh-brand-mark{
    position:relative;
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:grid;
    place-items:center;
    isolation:isolate;
    filter:drop-shadow(0 10px 14px rgba(124,45,18,.28));
  }
  .sh-brand-mark::before{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:999px;
    background:
      radial-gradient(circle at 50% 50%, #073b63 0 17%, transparent 18%),
      radial-gradient(circle at 50% 7%, #073b63 0 10%, transparent 11%),
      radial-gradient(circle at 92% 39%, #073b63 0 10%, transparent 11%),
      radial-gradient(circle at 73% 92%, #073b63 0 10%, transparent 11%),
      radial-gradient(circle at 27% 92%, #073b63 0 10%, transparent 11%),
      radial-gradient(circle at 8% 39%, #073b63 0 10%, transparent 11%),
      linear-gradient(36deg, transparent 47%, rgba(7,59,99,.42) 48% 52%, transparent 53%),
      linear-gradient(72deg, transparent 47%, rgba(7,59,99,.32) 48% 52%, transparent 53%),
      linear-gradient(108deg, transparent 47%, rgba(7,59,99,.32) 48% 52%, transparent 53%),
      linear-gradient(144deg, transparent 47%, rgba(7,59,99,.42) 48% 52%, transparent 53%),
      radial-gradient(circle at 32% 24%, rgba(255,255,255,.96) 0 14%, transparent 15%),
      #ffffff;
    border:2px solid rgba(255,255,255,.92);
    box-shadow:inset 0 0 0 2px rgba(7,59,99,.12), inset 0 -6px 12px rgba(7,59,99,.12);
    z-index:1;
  }
  .sh-brand-mark::after{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:999px;
    background:
      radial-gradient(circle at 23% 18%, rgba(255,255,255,.75) 0 11%, transparent 12%),
      linear-gradient(180deg, rgba(255,255,255,.12), rgba(7,59,99,.08));
    opacity:1;
    z-index:3;
  }
  .sh-brand-mark-back{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg,#073b63 0%,#0f766e 48%,#f59e0b 100%);
    opacity:.34;
    filter:blur(1px);
    z-index:0;
  }
  .sh-brand-mark-main{
    position:relative;
    z-index:4;
    width:26px;
    height:20px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.86);
    color:#e73521;
    border:1px solid rgba(255,255,255,.88);
    box-shadow:0 5px 12px rgba(7,59,99,.16);
    font-size:11px;
    font-weight:1000;
    letter-spacing:-.35px;
  }
  .sh-brand{
    font-family:"Segoe UI Variable","Segoe UI","Arial",sans-serif;
    font-size:21px;
    font-weight:950;
    letter-spacing:-.25px;
    color:#fff;
    text-shadow:0 2px 4px rgba(124,45,18,.28);
  }
  .sh-brand-name-main{
    color:#fff;
  }
  .sh-brand-name-accent{
    color:#ffe08a;
    text-shadow:
      0 1px 0 rgba(124,45,18,.28),
      0 2px 6px rgba(124,45,18,.26);
  }
  .sh-brand-sub{
    margin-top:3px;
    font-family:"Segoe UI Variable","Segoe UI","Arial",sans-serif;
    font-size:11px;
    font-weight:600;
    color:#ffffff;
    opacity:1;
    letter-spacing:.01em;
    text-shadow:0 1px 2px rgba(124,45,18,.22);
  }
  .sh-brand-decor{
    display:inline-flex;
    margin-left:6px;
    gap:2px;
    font-size:11px;
    line-height:1;
    vertical-align:-1px;
    filter:drop-shadow(0 1px 1px rgba(124,45,18,.2));
  }
  .sh-logo-badge{
    width:44px;height:44px;border-radius:999px;background:#ffcf33;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #facc15;
    color:#b45309;
    font-weight:900;
  }
  .sh-header-search{
    order:3;
    flex:0 0 100%;
    width:100%;
    min-width:0;
    margin-top:2px;
  }
  .sh-search{
    background:#fff; border-radius:12px; padding:6px 8px;
    display:flex; gap:8px; align-items:center;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
  }
  .sh-search textarea{
    border:none; outline:none; width:100%;
    resize:none; font-size:13px; line-height:1.35;
    min-height:44px;
    max-height:160px;
  }
  .sh-btn{
    background:var(--shopee); border:none; color:#fff;
    font-weight:700; border-radius:10px; padding:10px 14px;
    white-space:nowrap;
  }
  .sh-btn:hover{background:var(--shopee-dark)}
  .sh-tip{font-size:12px;opacity:.95;margin-top:6px}
  .sh-header-actions{
    display:flex; align-items:center; gap:10px; justify-content:flex-end; min-width:0;
    flex-wrap:wrap;
    order:2;
    margin-left:auto;
  }
  .sh-header-actions-top,
  .sh-header-actions-bottom{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }
  .sh-header-actions-top{
    margin-left:auto;
  }
  .sh-header-actions-bottom{
    justify-content:flex-end;
  }
  .sh-pill{
    background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.68);
    width:108px;
    height:32px;
    padding:0 8px;
    border-radius:10px;
    font-weight:900;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
    text-decoration:none;
    font:inherit;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
  }
  .sh-pill-form{
    display:inline-flex;
    margin:0;
  }
  .sh-pill-money{
    background:rgba(15,118,110,.5);
    border-color:rgba(94,234,212,.72);
    color:#fff;
    width:auto;
    min-width:132px;
    height:auto;
    min-height:32px;
    padding:3px 8px;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:1px;
    line-height:1.05;
  }
  .sh-money-line{
    display:block;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
  }
  .sh-money-line-sub{
    font-size:9px;
    font-weight:900;
    opacity:.95;
  }
  .sh-pill-vip{
    background:rgba(154,52,18,.5);
    border-color:rgba(253,186,116,.72);
    color:#fff;
    font-size:12px;
  }
  .sh-pill-money,
  .sh-pill-vip,
  .sh-pill-menu,
  .sh-pill-admin,
  .sh-pill-settings,
  .sh-pill-logout{
    text-shadow:0 1px 2px rgba(0,0,0,.24);
  }
  .sh-menu-wrap{
    position:relative;
    display:inline-flex;
    flex:0 0 auto;
  }
  .sh-pill-menu{
    background:rgba(124,45,18,.5);
    border-color:rgba(253,186,116,.72);
    color:#fff;
    width:auto;
    min-width:94px;
    padding:0 10px;
    gap:6px;
  }
  .sh-pill-menu-label{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:12px;
    font-weight:800;
  }
  .sh-pill-menu-caret{
    font-size:10px;
    opacity:.92;
    transition:transform .18s ease;
  }
  .sh-menu-wrap.open .sh-pill-menu-caret{
    transform:rotate(180deg);
  }
  .sh-menu-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:min(324px, calc(100vw - 24px));
    max-height:min(78vh, 520px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px;
    border-radius:12px;
    border:1px solid #fed7aa;
    background:#fffaf6;
    box-shadow:0 16px 34px rgba(15, 23, 42, .22);
    color:#111827;
    z-index:40;
  }
  .sh-menu-title{
    font-size:12px;
    font-weight:900;
    color:#9a3412;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  .sh-menu-section + .sh-menu-section{
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid #ffedd5;
  }
  .sh-menu-section-title{
    margin:0 0 6px;
    color:#c2410c;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
    letter-spacing:0;
  }
  .sh-menu-section-admin{
    margin-bottom:2px;
  }
  .sh-menu-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
  }
  .sh-menu-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    min-height:34px;
    padding:7px 9px;
    border-radius:8px;
    border:1px solid #fed7aa;
    background:#fff;
    color:#9a3412;
    font-size:12px;
    font-weight:800;
    line-height:1.15;
    overflow-wrap:anywhere;
    box-shadow:0 4px 10px rgba(251, 146, 60, .08);
  }
  .sh-menu-link:hover{
    background:#fff1e8;
  }
  .sh-menu-link.active{
    border-color:#fb923c;
    background:#ffedd5;
    color:#c2410c;
  }
  .sh-pill-admin{
    background:rgba(88,28,135,.5);
    border-color:rgba(196,181,253,.78);
    color:#fff;
    font-size:12px;
    position:relative;
    padding-right:22px;
    width:auto;
    min-width:108px;
    max-width:178px;
    height:auto;
    min-height:32px;
    justify-content:flex-start;
    white-space:normal;
    line-height:1.05;
  }
  .sh-pill-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:1px;
    min-width:0;
    max-width:100%;
  }
  .sh-pill-title{
    display:block;
    max-width:100%;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }
  .sh-pill-sub{
    display:block;
    max-width:100%;
    font-size:8px;
    font-weight:900;
    opacity:.92;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sh-pill-alert-count{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    border:1px solid #ffffff;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    font-size:10px;
    font-weight:800;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .sh-pill-user,
  .sh-pill-settings,
  .sh-pill-logout{
    border:1px solid rgba(255,255,255,.78);
    background:rgba(255,255,255,.5);
    color:#fff;
    box-shadow:0 4px 12px rgba(124,45,18,.12);
    text-shadow:0 1px 2px rgba(0,0,0,.24);
  }
  .sh-pill-settings{
    border-color:rgba(191,219,254,.78);
    background:rgba(37,99,235,.5);
    color:#fff;
    font-size:12px;
  }
  .sh-pill-logout{
    border-color:rgba(254,202,202,.78);
    background:rgba(153,27,27,.5);
    color:#fff;
  }
  .guest-main{
    max-width:520px;
    margin:22px auto;
    padding:0 16px;
  }
  @media (min-width:768px){
    .guest-main{
      max-width:840px;
    }
  }
  @media (min-width:1024px){
    .guest-main{
      max-width:1040px;
    }
  }
  @media (min-width:1280px){
    .guest-main{
      max-width:1200px;
    }
  }
  .guest-main-wide{
    max-width:1200px;
  }
  .promo-footer{
    margin-top:18px;
    border-top:1px solid #f3d8ca;
    background:linear-gradient(180deg, #fff7f2 0%, #fff2e9 100%);
  }
  .promo-footer-inner{
    max-width:1200px;
    margin:0 auto;
    padding:10px 14px 14px;
    display:grid;
    gap:8px;
  }
  .promo-chip-stack{
    display:grid;
    gap:8px;
  }
  .promo-chip-list{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .promo-chip-list-bottom{
    justify-content:center;
  }
  .promo-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    padding:7px 14px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
  }
  .promo-chip-orange{
    background:linear-gradient(90deg, #ff6b2d 0%, #ff9a2d 100%);
  }
  .promo-chip-pink{
    background:linear-gradient(90deg, #ff1f6d 0%, #ff4f4f 100%);
  }
  .promo-chip-yellow{
    background:linear-gradient(90deg, #f7cc1d 0%, #ff9d00 100%);
    color:#3f2200;
  }
  .promo-contact{
    text-align:center;
    font-size:13px;
    color:#334155;
    font-weight:700;
  }
  .promo-contact a{
    color:#b91c1c;
    font-weight:900;
  }
  .promo-contact a:hover{
    text-decoration:underline;
  }
  .promo-sep{
    color:#94a3b8;
    padding:0 5px;
  }
  .layout{
    display:grid; grid-template-columns: 205px 1fr; gap:12px;
    max-width:1360px; margin:0 auto; padding:16px;
  }
  .sidebar{
    background:var(--card); border-radius:var(--radius);
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    padding:10px;
    position:sticky; top:86px; height:calc(100vh - 110px); overflow:auto;
  }
  .mobile-menu-bar{
    display:none;
  }
  .mobile-menu-dropdown{
    display:none;
  }
  .mobile-menu-list{
    display:none;
  }
  .mobile-menu-link{
    display:none;
  }
  .side-title{font-weight:800; color:#111827; margin-bottom:8px}
  .side-nav{display:grid; gap:4px}
  .side-link{
    display:flex; align-items:center; gap:10px;
    padding:8px 10px; border-radius:10px; color:#111827; font-weight:650; font-size:14px;
  }
  .side-link:hover{background:#fff1; outline:1px solid #00000010}
  .side-link.active{background:#fff3ef; outline:1px solid #ee4d2d33; color:var(--shopee)}
  .side-note{
    margin-top:12px; padding:12px; border-radius:14px;
    background:#fff3ef; border:1px solid #ee4d2d22;
  }
  .content{min-width:0}
  .card{
    background:var(--card); border-radius:var(--radius);
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    padding:16px;
  }
  .dash-input-card{
    border:1px solid #e2e8f0;
    padding:0;
    overflow:hidden;
  }
  .dash-input-head{
    background:var(--shopee);
    color:#fff;
    font-weight:800;
    font-size:14px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .dash-input-dot{
    width:8px;
    height:8px;
    border-radius:999px;
    background:#fff;
  }
  .dash-input-form{
    --dash-action-height:34px;
    --dash-action-font-size:12px;
    padding:12px;
  }
  .dash-input-label{
    font-size:13px;
    color:#334155;
    margin-bottom:8px;
  }
  .dash-input-free-notice{
    border:1px solid rgba(251,146,60,.55);
    border-radius:10px;
    background:rgba(255,247,237,.82);
    color:#9a3412;
    padding:7px 9px;
    font-size:12px;
    font-weight:400;
    font-style:italic;
    line-height:1.35;
    box-shadow:0 6px 18px rgba(251,146,60,.12);
    backdrop-filter:blur(3px);
  }
  .dash-input-form textarea{
    width:100%;
    border:1px solid #cbd5e1;
    border-radius:8px;
    padding:10px;
    font-size:13px;
    resize:vertical;
    min-height:130px;
  }
  .dash-input-form textarea::placeholder{
    color:rgba(0,0,0,.45);
    opacity:1;
  }
  .dash-input-note{
    margin-top:8px;
    background:#d9f2ff;
    border:1px solid #9ed8f5;
    border-radius:6px;
    padding:8px 10px;
    color:#0c4a6e;
    font-size:12px;
    line-height:1.35;
  }
  .dash-input-topbar{
    margin-top:8px;
    display:flex;
    align-items:flex-start;
    gap:8px;
  }
  .dash-input-note-inline{
    margin-top:0;
    flex:1 1 auto;
    min-width:0;
  }
  .dash-check-inline{
    flex:0 0 auto;
  }
  .dash-input-note-rotator{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:34px;
  }
  .dash-rotating-line{
    flex:1 1 auto;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:.9;
    transition:opacity .22s ease;
  }
  .dash-rotating-line.show{
    opacity:1;
  }
  .dash-rotating-link{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .dash-rotating-link.is-hidden{
    display:none;
  }
  .dash-input-note .dash-input-link{
    color:#0b4f78;
    font-weight:800;
    text-decoration:underline;
  }
  .dash-input-note .dash-input-link:hover{
    color:#083b59;
  }
  .dash-input-note-guest{
    background:#fff4f4;
    border-color:#fecaca;
    color:#b45353;
  }
  .dash-input-note-guest strong{
    color:#ef4444;
  }
  .dash-deferred-card{
    border:1px solid #fde68a;
    background:linear-gradient(180deg,#fffdf5 0%,#fff8e8 100%);
  }
  .dash-deferred-card.is-loading{
    position:relative;
    overflow:hidden;
  }
  .dash-deferred-card.is-loading::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.52) 50%,rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:dashDeferredSweep 1.3s ease-in-out infinite;
    pointer-events:none;
  }
  .dash-deferred-placeholder{
    min-height:96px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
  }
  .dash-deferred-title{
    color:#9a3412;
    font-size:14px;
    font-weight:800;
  }
  .dash-deferred-sub{
    color:#7c2d12;
    font-size:12px;
    line-height:1.45;
  }
  @keyframes dashDeferredSweep{
    from{transform:translateX(-100%)}
    to{transform:translateX(100%)}
  }
  .dash-input-actions{
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .dash-input-actions .sh-btn,
  .dash-input-topbar .sh-btn{
    height:var(--dash-action-height);
    min-height:var(--dash-action-height);
    padding:0 12px;
    font-size:var(--dash-action-font-size);
    font-weight:600;
    border:1px solid transparent;
    box-sizing:border-box;
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    line-height:1;
    text-decoration:none;
  }
  .dash-input-actions .sh-btn i,
  .dash-input-topbar .sh-btn i{
    font-size:1em;
    line-height:1;
  }
  .dash-input-menu-actions{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    overflow:visible;
    padding-bottom:0;
  }
  .dash-input-menu-actions .sh-btn{
    width:100%;
    min-width:0;
    height:auto;
    min-height:var(--dash-action-height);
    padding:6px 8px;
    white-space:normal;
    line-height:1.2;
    text-align:center;
  }
  .dash-check-btn{
    background:var(--shopee);
  }
  .dash-check-btn:hover{
    background:var(--shopee-dark);
  }
  .dash-refresh-st-btn{
    background:#22c55e;
  }
  .dash-refresh-st-btn:hover{
    background:#16a34a;
  }
  .dash-qr-btn{
    background:#06b6d4;
  }
  .dash-qr-btn:hover{
    background:#0891b2;
  }
  .dash-voucher-btn{
    background:#f59e0b;
  }
  .dash-voucher-btn:hover{
    background:#d97706;
  }
  .dash-add-mail-btn{
    background:#2563eb;
  }
  .dash-add-mail-btn:hover{
    background:#1d4ed8;
  }
  .dash-read-mail-btn{
    background:#0ea5a4;
  }
  .dash-read-mail-btn:hover{
    background:#0f766e;
  }
  .dash-add-address-btn{
    background:#ec4899;
  }
  .dash-add-address-btn:hover{
    background:#db2777;
  }
  .dash-sheet-btn{
    background:#ef4444;
  }
  .dash-sheet-btn:hover{
    background:#dc2626;
  }
  .dash-buy-acc-btn{
    background:#f97316;
  }
  .dash-buy-acc-btn:hover{
    background:#ea580c;
  }
  .dash-buy-tiktok-acc-btn{
    background:#111111;
    border:1px solid #111111;
    color:#fff;
  }
  .dash-buy-tiktok-acc-btn:hover{
    background:#000000;
    border-color:#000000;
  }
  .dash-buy-phone-btn{
    background:linear-gradient(135deg,#ff004d 0%,#ff7a00 16%,#ffd400 32%,#24d05a 48%,#00c2ff 64%,#3d5afe 82%,#9c27b0 100%);
    background-size:220% 220%;
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 10px 22px rgba(61,90,254,.22), inset 0 1px 0 rgba(255,255,255,.24);
    text-shadow:0 1px 1px rgba(0,0,0,.22);
  }
  .dash-buy-phone-btn:hover{
    background-position:100% 50%;
    filter:saturate(1.08) brightness(1.03);
    box-shadow:0 14px 28px rgba(156,39,176,.28), inset 0 1px 0 rgba(255,255,255,.3);
  }
  .dash-filter-phone-btn{
    background:linear-gradient(135deg,#baf3e6 0%,#9ee7f5 100%);
    color:#0f3d46;
    border:1px solid #93dcd0;
    box-shadow:0 8px 18px rgba(96,165,250,.14), inset 0 1px 0 rgba(255,255,255,.38);
  }
  .dash-filter-phone-btn:hover{
    background:linear-gradient(135deg,#a8ecdd 0%,#8fdcf0 100%);
    color:#0b3740;
    border-color:#7fd0c4;
  }
  .dash-new-free-btn{
    background:linear-gradient(135deg,#ffcf33 0%,#ff7a00 48%,#ee4d2d 100%);
    color:#fff;
    border:1px solid #fb923c;
    box-shadow:0 10px 22px rgba(249,115,22,.22);
  }
  .dash-new-free-btn:hover{
    filter:saturate(1.08) brightness(1.03);
  }
  .dash-qr-btn-guest{
    filter:saturate(.96) brightness(.96);
  }
  .dash-qr-btn-guest:hover{
    filter:saturate(.98) brightness(.92);
  }
  @media (min-width: 961px){
    .dash-input-actions a.sh-btn{
      font-weight:600;
    }
    .dash-input-menu-actions{
      grid-template-columns:repeat(6, minmax(0, 1fr));
    }
  }
  .dash-brand-btn{
    border:1px solid #f59e0b;
    background:#fbbf24;
    color:#7c2d12;
  }
  .dash-brand-btn:hover{
    background:#f59e0b;
  }
  .dash-vip-showcase{
    border:1px solid #fde68a;
    background:linear-gradient(180deg, #fffef7 0%, #fff7ed 100%);
    padding:12px;
  }
  .dash-vip-head{
    margin-bottom:8px;
  }
  .dash-vip-title-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .dash-vip-title{
    font-size:16px;
    font-weight:900;
    color:#7c2d12;
  }
  .dash-vip-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid #fdba74;
    border-radius:999px;
    background:#fff7ed;
    color:#9a3412;
    padding:4px 8px;
    font-size:11px;
    font-weight:800;
  }
  .vip-card-grid.dash-vip-inline-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
  }
  .dash-vip-cta-box{
    border:1px solid #fdba74;
    border-radius:12px;
    background:rgba(255, 255, 255, .88);
    padding:8px;
    display:grid;
    gap:5px;
    box-shadow:none;
  }
  .dash-vip-cta-label{
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#c2410c;
  }
  .dash-vip-trial-form{
    display:block;
  }
  .dash-vip-free-btn{
    width:100%;
    min-height:30px;
    padding:6px 8px;
    font-size:11px;
    line-height:1.15;
    background:linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    border:none;
  }
  .dash-vip-free-btn:hover{
    background:linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  }
  .dash-vip-free-btn.is-disabled,
  .dash-vip-free-btn:disabled{
    background:#e5e7eb;
    color:#64748b;
    border:1px solid #cbd5e1;
    box-shadow:none;
    cursor:not-allowed;
  }
  .dash-vip-cta-note{
    font-size:10px;
    line-height:1.35;
    color:#92400e;
  }
  .dash-vip-inline-grid .vip-card{
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,247,237,.96) 100%);
    padding:8px;
    border-radius:12px;
    gap:4px;
  }
  .dash-vip-inline-grid .vip-card-title{
    font-size:11px;
  }
  .dash-vip-inline-grid .vip-card-price{
    font-size:11px;
  }
  .dash-vip-inline-grid .vip-card-benefits{
    min-height:0;
    gap:2px;
  }
  .dash-vip-inline-grid .vip-card-benefit{
    font-size:10px;
    line-height:1.3;
  }
  .dash-vip-trial-card{
    border-color:#fb923c;
  }
  .voucher-save-card{
    border:1px solid #fed7aa;
  }
  .voucher-free-code-banner{
    position:relative;
    overflow:hidden;
    border:1px solid #fb923c;
    border-radius:14px;
    background:
      linear-gradient(135deg, #fff7ed 0%, #ffffff 43%, #fff1e8 100%);
    box-shadow:0 12px 28px rgba(238,77,45,.12);
  }
  .voucher-free-code-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      repeating-linear-gradient(135deg, rgba(238,77,45,.08) 0 12px, transparent 12px 24px);
    opacity:.55;
  }
  .voucher-free-code-main,
  .voucher-free-code-links{
    position:relative;
    z-index:1;
  }
  .voucher-free-code-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px;
    background:linear-gradient(90deg, rgba(238,77,45,.97) 0%, rgba(255,106,61,.92) 62%, rgba(255,207,51,.86) 100%);
    color:#fff;
  }
  .voucher-free-code-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .voucher-free-code-icon{
    width:62px;
    height:62px;
    flex:0 0 auto;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 18px rgba(124,45,18,.2);
  }
  .voucher-free-code-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:3px 8px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:999px;
    background:rgba(255,255,255,.18);
    color:#fff7ed;
    font-size:11px;
    font-weight:900;
    line-height:1.25;
  }
  .voucher-free-code-brand h3{
    margin:5px 0 0;
    color:#fff;
    font-size:22px;
    line-height:1.18;
    letter-spacing:0;
  }
  .voucher-free-code-brand p{
    margin:4px 0 0;
    color:#fff7ed;
    font-size:13px;
    line-height:1.35;
  }
  .voucher-free-code-cta,
  .voucher-free-action-btn{
    background:linear-gradient(180deg, #ffcf33 0%, #f59e0b 100%) !important;
    border:1px solid #fbbf24 !important;
    color:#7c2d12 !important;
    box-shadow:0 8px 18px rgba(146,64,14,.2);
  }
  .voucher-free-code-cta{
    min-width:178px;
    min-height:42px;
    padding:10px 14px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:900;
    line-height:1.15;
  }
  .voucher-free-code-cta:hover,
  .voucher-free-action-btn:hover{
    filter:brightness(1.03);
  }
  .voucher-free-code-links{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    padding:12px;
  }
  .voucher-free-code-item{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 116px;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid #fed7aa;
    border-radius:12px;
    background:#fff;
    box-shadow:0 6px 16px rgba(251,146,60,.1);
  }
  .voucher-free-code-copy{
    min-width:0;
    display:grid;
    gap:6px;
  }
  .voucher-free-code-copy strong{
    color:#9a3412;
    font-size:16px;
    line-height:1.2;
  }
  .voucher-free-code-link{
    display:block;
    padding:8px 10px;
    border:1px dashed #fb923c;
    border-radius:10px;
    background:#fff7ed;
    color:#c2410c;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
    word-break:break-word;
  }
  .voucher-free-code-link:hover{
    background:#ffedd5;
  }
  .voucher-free-code-qr{
    width:116px;
    height:116px;
    border:1px solid #fed7aa;
    border-radius:10px;
    padding:6px;
    background:#fff;
    object-fit:contain;
  }
  .home-new-free-card{
    overflow:hidden;
    border:1px solid #fb923c;
    padding:0;
    background:#fff;
    box-shadow:0 14px 30px rgba(238,77,45,.12);
  }
  .home-new-free-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:6px 10px;
    background:
      linear-gradient(90deg, rgba(238,77,45,.96) 0%, rgba(255,106,61,.92) 62%, rgba(255,207,51,.9) 100%);
    color:#fff;
  }
  .home-new-free-title-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  .home-new-free-logo{
    width:28px;
    height:28px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 6px 14px rgba(124,45,18,.18);
    flex:0 0 auto;
  }
  .home-new-free-badge,
  .home-new-free-hot,
  .home-new-free-customer{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    align-items:center;
    border-radius:999px;
    font-weight:900;
    line-height:1.2;
  }
  .home-new-free-badge{
    padding:3px 8px;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(255,255,255,.18);
    color:#fff7ed;
    font-size:11px;
  }
  .home-new-free-title-wrap h2{
    margin:0;
    color:#fff;
    font-size:17px;
    line-height:1.18;
    letter-spacing:0;
  }
  .home-new-free-title-wrap p{
    display:none;
  }
  .home-new-free-main-btn{
    min-width:118px;
    min-height:30px;
    padding:6px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:linear-gradient(180deg,#ffffff 0%,#e8f4ff 100%);
    border:1px solid #8fd0ff;
    color:#0068ff;
    font-weight:900;
    text-align:center;
    box-shadow:0 8px 18px rgba(0,104,255,.18);
  }
  .home-new-free-main-btn:hover{
    background:linear-gradient(180deg,#f7fbff 0%,#dceeff 100%);
    border-color:#45aeff;
    color:#0057d8;
  }
  .home-new-free-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    padding:8px 10px 6px;
    background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);
  }
  .home-new-free-item{
    min-width:0;
    display:grid;
    grid-template-columns:78px minmax(0, 1fr);
    gap:5px;
    border:1px solid #fed7aa;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(251,146,60,.1);
  }
  .home-new-free-image{
    position:relative;
    height:88px;
    min-height:88px;
    align-self:start;
    background:#14b8a6;
    display:grid;
    place-items:center;
    overflow:hidden;
  }
  .home-new-free-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .home-new-free-image span{
    position:absolute;
    left:6px;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:3px 5px;
    border-radius:7px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(251,146,60,.8);
    color:#c2410c;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    box-shadow:0 6px 14px rgba(124,45,18,.12);
  }
  .home-new-free-body{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 66px;
    grid-template-areas:
      "head tools"
      "stats tools";
    column-gap:5px;
    row-gap:3px;
    padding:6px 8px 5px;
  }
  .home-new-free-item-head{
    grid-area:head;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:8px;
    min-height:34px;
  }
  .home-new-free-customer{
    padding:1px 6px;
    background:#ffedd5;
    border:1px solid #fdba74;
    color:#c2410c;
    font-size:10px;
  }
  .home-new-free-hot{
    padding:2px 6px;
    background:#f97316;
    color:#fff;
    font-size:10px;
    white-space:nowrap;
  }
  .home-new-free-item h3{
    margin:2px 0 0;
    color:#111827;
    font-size:15px;
    line-height:1.2;
    letter-spacing:0;
  }
  .home-new-free-stats{
    grid-area:stats;
    display:flex;
    flex-direction:column;
    gap:2px;
    color:#334155;
    font-size:10.5px;
    line-height:1.12;
    justify-content:flex-start;
  }
  .home-new-free-stats b{
    color:#111827;
    font-weight:800;
  }
  .home-new-free-code-line{
    color:#c2410c;
    font-weight:800;
  }
  .home-new-free-code-copy{
    display:inline-block;
    max-width:100%;
    color:#c2410c !important;
    cursor:pointer;
    vertical-align:bottom;
  }
  .home-new-free-tools{
    grid-area:tools;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:4px;
    align-self:start;
    padding-top:0;
  }
  .home-new-free-save{
    width:100%;
    min-width:0;
    min-height:24px;
    padding:4px 6px;
    justify-content:center;
    font-size:11px;
    line-height:1.15;
    white-space:nowrap;
  }
  .home-new-free-qr{
    width:66px;
    height:66px;
    padding:4px;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:#fff;
  }
  .home-new-free-check-hint{
    padding:0 10px 8px;
    color:#9a3412;
    font-size:12px;
    font-weight:700;
  }
  .home-banner-rotator{
    display:block;
  }
  .home-banner-panel{
    min-width:0;
  }
  .home-banner-panel[hidden]{
    display:none !important;
  }
  .home-deal-card{
    overflow:hidden;
    border:1px solid #fb923c;
    padding:0;
    background:#fff;
    box-shadow:0 14px 30px rgba(238,77,45,.12);
  }
  .home-deal-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    padding:5px 8px;
    background:linear-gradient(90deg, rgba(238,77,45,.98) 0%, rgba(255,106,61,.94) 66%, rgba(255,207,51,.92) 100%);
    color:#fff;
  }
  .home-deal-title-wrap{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }
  .home-deal-logo{
    width:26px;
    height:26px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 6px 14px rgba(124,45,18,.18);
    flex:0 0 auto;
  }
  .home-deal-title-wrap h2{
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.18;
    letter-spacing:0;
  }
  .home-deal-title-wrap p{
    margin:1px 0 0;
    color:#fff7ed;
    font-size:9px;
    line-height:1.25;
  }
  .home-deal-main-btn{
    min-width:154px;
    max-width:184px;
    min-height:26px;
    padding:5px 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:linear-gradient(180deg,#fff 0%,#fff3d8 100%);
    border:1px solid #ffd166;
    color:#b45309;
    font-weight:900;
    text-align:center;
    font-size:10px;
    line-height:1.1;
    white-space:normal;
    box-shadow:0 6px 14px rgba(180,83,9,.14);
  }
  .home-deal-main-btn:hover{
    background:linear-gradient(180deg,#fffdf8 0%,#ffe8b4 100%);
    border-color:#f59e0b;
    color:#92400e;
  }
  .home-deal-scroll-wrap{
    position:relative;
    background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);
  }
  .home-deal-scroll{
    padding:6px 8px 8px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
  }
  .home-deal-nav{
    position:absolute;
    top:50%;
    z-index:3;
    width:24px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    border:1px solid rgba(251,146,60,.42);
    border-radius:999px;
    background:rgba(255,255,255,.62);
    color:#c2410c;
    font-size:22px;
    font-weight:900;
    line-height:1;
    box-shadow:0 8px 18px rgba(124,45,18,.14);
    cursor:pointer;
    opacity:.48;
    transition:opacity .16s ease, background .16s ease, transform .16s ease;
  }
  .home-deal-nav:hover,
  .home-deal-nav:focus-visible{
    opacity:.92;
    background:rgba(255,255,255,.9);
    transform:translateY(-50%) scale(1.04);
    outline:none;
  }
  .home-deal-nav:disabled{
    opacity:0;
    pointer-events:none;
  }
  .home-deal-nav-prev{
    left:4px;
  }
  .home-deal-nav-next{
    right:4px;
  }
  .home-deal-track{
    display:flex;
    gap:6px;
    min-width:100%;
    width:max-content;
  }
  .home-deal-item{
    min-width:0;
    flex:0 0 126px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #f0d7cf;
    border-radius:6px;
    background:#fff;
    box-shadow:0 2px 8px rgba(120,42,18,.08);
    scroll-snap-align:start;
  }
  .home-deal-image-link{
    display:block;
    color:inherit;
  }
  .home-deal-image{
    position:relative;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#fff7f3;
  }
  .home-deal-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .home-deal-image-fallback{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    font-size:30px;
  }
  .home-deal-discount{
    position:absolute;
    top:3px;
    right:3px;
    padding:2px 4px;
    border-radius:4px;
    color:#fff;
    background:#ff5c35;
    font-size:8px;
    font-weight:900;
  }
  .home-deal-body{
    display:grid;
    gap:3px;
    padding:5px;
    flex:1 1 auto;
  }
  .home-deal-body h3{
    min-height:26px;
    margin:0;
    overflow:hidden;
    color:#333;
    font-size:9px;
    font-weight:700;
    line-height:1.3;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .home-deal-price-row{
    display:flex;
    align-items:baseline;
    gap:6px;
    flex-wrap:wrap;
  }
  .home-deal-price-row strong{
    color:#ee4d2d;
    font-size:11px;
  }
  .home-deal-price-row del{
    color:#9ca3af;
    font-size:8px;
  }
  .home-deal-meta{
    display:flex;
    justify-content:space-between;
    gap:5px;
    min-height:12px;
    color:#18833b;
    font-size:8px;
  }
  .home-deal-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:4px;
  }
  .home-deal-actions .deal-cart-btn,
  .home-deal-actions .deal-qr-btn{
    min-width:0;
    min-height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    padding:4px 3px;
    font-size:8px;
    line-height:1.05;
    white-space:nowrap;
  }
  .home-deal-open-row{
    display:flex;
  }
  .home-deal-open-btn{
    width:100%;
    min-height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    border:1px solid #ee4d2d;
    background:#ee4d2d;
    color:#fff;
    font-size:8px;
    font-weight:900;
    text-align:center;
  }
  .voucher-save-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .voucher-save-head .card-title{
    margin:0;
  }
  .acc-title-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 14px;
    border:1px solid #ee4d2d;
    border-radius:10px;
    background:linear-gradient(180deg, #ff6b3d 0%, #ee4d2d 100%);
    color:#fff;
    font-weight:800;
    text-align:center;
    box-shadow:0 4px 12px rgba(238, 77, 45, .22);
  }
  .voucher-save-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.35fr) minmax(220px, 0.65fr);
    gap:10px;
    align-items:start;
  }
  .voucher-save-main{
    min-width:0;
    display:grid;
    gap:10px;
  }
  .voucher-save-cookies,
  .voucher-save-summary,
  .voucher-save-qr-panel{
    min-width:0;
  }
  .voucher-save-card .dash-input-head{
    border-radius:8px 8px 0 0;
  }
  .voucher-save-qr-panel{
    display:grid;
    gap:8px;
  }
  .voucher-save-qr-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .voucher-qr-subtitle{
    font-size:12px;
    font-weight:800;
    color:#0f172a;
  }
  .voucher-quick-toggle{
    margin-top:4px;
  }
  .voucher-save-qr-workspace{
    min-height:100%;
  }
  .voucher-save-summary-bottom{
    display:grid;
    gap:8px;
  }
  .voucher-save-summary-box{
    border:1px dashed #cbd5e1;
    background:#f8fafc;
    border-radius:10px;
    padding:8px 10px;
    display:grid;
    gap:5px;
    font-size:13px;
  }
  .voucher-save-actions{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .refresh-st-card{
    border:1px solid #fed7aa;
  }
  .mail-suite-tabs{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    margin-top:12px;
  }
  .mail-suite-tabs.change-mail-hidden{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .mail-suite-tab{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 14px;
    border:2px solid #fed7aa;
    border-radius:10px;
    background:#fffaf6;
    color:#9a3412;
    font-size:16px;
    font-weight:900;
    text-align:center;
    box-shadow:0 4px 12px rgba(251, 146, 60, .08);
  }
  .mail-suite-tab:hover{
    background:#fff7ed;
    border-color:#fb923c;
  }
  .mail-suite-tab.is-active{
    background:linear-gradient(180deg, #ff6a3d 0%, #ee4d2d 100%);
    border-color:#d63a1c;
    color:#fff;
    box-shadow:0 10px 22px rgba(238, 77, 45, .24);
  }
  .read-mail-tabs-card{
    padding:12px 16px;
    background:#fff;
  }
  .read-mail-tabs-card .mail-suite-tabs{
    margin-top:0;
  }
  .refresh-st-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .refresh-st-head .card-title{
    margin:0;
  }
  .refresh-st-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .mini-btn.refresh-st-tab-btn{
    border:1px solid transparent;
    border-radius:10px;
    font-weight:800;
    letter-spacing:.1px;
    color:#fff;
    box-shadow:0 4px 12px rgba(15,23,42,.18);
    transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease, filter .14s ease;
  }
  .mini-btn.refresh-st-tab-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(15,23,42,.24);
    filter:saturate(1.08);
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="refresh"]{
    background:#2563eb;
    border-color:#1d4ed8;
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="gtc_sll"]{
    background:#f97316;
    border-color:#ea580c;
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="confirm_received"]{
    background:#22c55e;
    border-color:#16a34a;
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="voucher_check"]{
    background:#06b6d4;
    border-color:#0891b2;
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="refresh"].is-active{
    background:#1d4ed8;
    border-color:#1e40af;
    box-shadow:0 10px 20px rgba(29,78,216,.38);
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="gtc_sll"].is-active{
    background:#ea580c;
    border-color:#c2410c;
    box-shadow:0 10px 20px rgba(234,88,12,.38);
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="confirm_received"].is-active{
    background:#16a34a;
    border-color:#15803d;
    box-shadow:0 10px 20px rgba(22,163,74,.38);
  }
  .mini-btn.refresh-st-tab-btn[data-refresh-tab-btn="voucher_check"].is-active{
    background:#0891b2;
    border-color:#0e7490;
    box-shadow:0 10px 20px rgba(8,145,178,.4);
  }
  .mini-btn.refresh-st-tab-btn:focus-visible{
    outline:2px solid #111827;
    outline-offset:2px;
  }
  .refresh-st-pane{
    margin-top:12px;
  }
  .refresh-st-input{
    margin-top:8px;
    min-height:180px;
  }
  .refresh-st-output{
    margin-top:8px;
    min-height:110px;
  }
  .refresh-st-actions{
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .refresh-st-actions .mini-btn{
    border-radius:10px;
    border:1px solid transparent;
    color:#fff;
    font-weight:700;
    box-shadow:0 4px 12px rgba(15,23,42,.18);
    transition:transform .14s ease, box-shadow .14s ease, filter .14s ease, background .14s ease, border-color .14s ease;
  }
  .refresh-st-actions .mini-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(15,23,42,.22);
    filter:saturate(1.08);
  }
  .refresh-st-actions .mini-btn:not(.primary):not(.warn):not(.danger):not(.sky){
    background:#0ea5a4;
    border-color:#0f766e;
  }
  .refresh-st-actions .mini-btn.primary{
    background:#2563eb;
    border-color:#1d4ed8;
    color:#fff;
  }
  .refresh-st-actions .mini-btn.warn{
    background:#f59e0b;
    border-color:#d97706;
    color:#fff;
  }
  .refresh-st-actions .mini-btn.danger{
    background:#ef4444;
    border-color:#dc2626;
    color:#fff;
  }
  .refresh-st-actions .mini-btn.sky{
    background:#0891b2;
    border-color:#0e7490;
    color:#fff;
  }
  .refresh-st-actions .mini-btn.add-mail-read-btn{
    background:linear-gradient(135deg, #f97316 0%, #ef4444 100%);
    border-color:#ea580c;
    color:#fff;
    box-shadow:0 8px 20px rgba(239,68,68,.28);
  }
  .refresh-st-actions .mini-btn.add-mail-read-btn:hover{
    background:linear-gradient(135deg, #ea580c 0%, #dc2626 100%);
    color:#fff;
    box-shadow:0 12px 26px rgba(239,68,68,.34);
  }
  .refresh-st-actions a.mini-btn{
    color:#fff;
  }
  .add-mail-count-actions{
    margin-top:8px;
    margin-bottom:0;
    justify-content:flex-start;
    min-height:69px;
    align-content:center;
  }
  .add-mail-count-actions .mini-btn{
    min-height:32px;
    padding:7px 12px;
  }
  .add-mail-filter-dropdown{
    position:relative;
  }
  .add-mail-filter-dropdown > summary.mini-btn{
    list-style:none;
  }
  .add-mail-filter-dropdown > summary.mini-btn::-webkit-details-marker{
    display:none;
  }
  .add-mail-filter-dropdown .gtc-sll-export-menu{
    min-width:190px;
  }
  .add-mail-filter-dropdown .gtc-sll-export-menu .mini-btn{
    justify-content:flex-start;
    width:100%;
    text-align:left;
    white-space:nowrap;
  }
  .refresh-st-actions .mini-btn.add-mail-check-btn{
    position:relative;
    overflow:visible;
  }
  .refresh-st-actions .mini-btn.add-mail-check-btn::after{
    content:attr(data-tooltip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 9px);
    transform:translateX(-50%) translateY(2px);
    z-index:50;
    max-width:min(260px, 80vw);
    padding:7px 9px;
    border-radius:6px;
    background:#111827;
    color:#fff;
    box-shadow:0 8px 20px rgba(15,23,42,.24);
    font-size:12px;
    font-weight:700;
    line-height:1.35;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .08s ease, transform .08s ease, visibility .08s ease;
  }
  .refresh-st-actions .mini-btn.add-mail-check-btn::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 3px);
    transform:translateX(-50%) translateY(2px);
    z-index:51;
    border:6px solid transparent;
    border-top-color:#111827;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .08s ease, transform .08s ease, visibility .08s ease;
  }
  .refresh-st-actions .mini-btn.add-mail-check-btn:hover::after,
  .refresh-st-actions .mini-btn.add-mail-check-btn:focus-visible::after,
  .refresh-st-actions .mini-btn.add-mail-check-btn:hover::before,
  .refresh-st-actions .mini-btn.add-mail-check-btn:focus-visible::before{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
  .add-mail-actions-mobile{
    display:none;
  }
  .buy-acc-add-mail-note{
    margin-top:8px;
    display:block;
    max-width:100%;
    padding:8px 12px;
    border-radius:12px;
    background:linear-gradient(135deg, #f28b9f 0%, #e96b83 100%);
    border:1px solid #e25d77;
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
    box-shadow:0 8px 18px rgba(233,107,131,.22);
  }
  .refresh-st-summary{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:6px;
  }
  .refresh-st-summary > div{
    border:1px solid #fed7aa;
    background:#fff7ed;
    border-radius:9px;
    padding:6px 8px;
    font-size:11px;
    color:#7c2d12;
  }
  .refresh-st-errors{
    margin-top:6px;
    border:1px dashed #fdba74;
    background:#fffbeb;
    border-radius:10px;
    padding:8px;
    display:grid;
    gap:4px;
    max-height:220px;
    overflow:auto;
  }
  .refresh-st-error-item{
    font-size:11px;
    line-height:1.3;
    color:#92400e;
    word-break:break-word;
  }
  .refresh-st-history-wrap{
    margin-top:8px;
    width:100%;
    overflow:auto;
    border:1px solid #fed7aa;
    border-radius:10px;
    background:#fff;
  }
  .refresh-st-history-mobile{
    display:none;
  }
  .refresh-st-history-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
  }
  .refresh-st-history-table th,
  .refresh-st-history-table td{
    padding:7px 8px;
    border-bottom:1px solid #ffedd5;
    font-size:11px;
    vertical-align:middle;
    text-align:left;
    line-height:1.2;
  }
  .refresh-st-history-table th{
    background:#fb923c;
    color:#fff;
    font-weight:700;
    white-space:nowrap;
  }
  .refresh-st-history-table tbody tr:hover{
    background:#fff7ed;
  }
  .acc-order-row-clickable{
    cursor:pointer;
  }
  .acc-order-row-clickable:hover{
    background:#ffedd5;
  }
  .acc-order-row-clickable.is-active{
    background:#ffedd5;
  }
  .acc-order-row-clickable:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:-2px;
  }
  .refresh-history-peek{
    width:100%;
    min-width:160px;
    border:1px dashed #fdba74;
    background:#fff7ed;
    color:#7c2d12;
    border-radius:8px;
    padding:7px 8px;
    text-align:left;
    cursor:pointer;
  }
  .refresh-history-peek:hover{
    background:#ffedd5;
  }
  .refresh-history-peek-text{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .refresh-history-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
  }
  .refresh-history-status.is-success{
    background:#dcfce7;
    color:#166534;
  }
  .refresh-history-status.is-failed{
    background:#fee2e2;
    color:#b91c1c;
  }
  .refresh-history-mobile-card{
    padding:8px;
    display:grid;
    gap:6px;
  }
  .refresh-history-mobile-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
  }
  .refresh-history-mobile-time{
    font-size:11px;
    font-weight:700;
    color:#7c2d12;
    line-height:1.3;
  }
  .refresh-history-mobile-label{
    display:block;
    margin-bottom:4px;
    font-size:10px;
    font-weight:700;
    color:#9a3412;
  }
  .refresh-history-peek-mobile{
    min-width:0;
  }
  .refresh-history-modal{
    position:fixed;
    inset:0;
    z-index:140;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
  }
  .refresh-history-modal.is-hidden{
    display:none;
  }
  .refresh-history-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15, 23, 42, .48);
  }
  .refresh-history-modal-dialog{
    position:relative;
    z-index:1;
    width:min(760px, 100%);
    max-height:calc(100vh - 32px);
    overflow:auto;
    border:1px solid #fed7aa;
    border-radius:14px;
    background:#fff;
    box-shadow:0 24px 64px rgba(15, 23, 42, .24);
    padding:14px;
  }
  .refresh-history-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .refresh-history-modal-text{
    margin-top:10px;
    min-height:260px;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    white-space:pre;
  }
  body.modal-open{
    overflow:hidden;
  }
  .gtc-sll-status{
    color:#9a3412;
    font-weight:600;
  }
  .gtc-sll-export-select{
    min-height:32px;
    border:1px solid #fed7aa;
    background:#fff;
    color:#7c2d12;
    border-radius:8px;
    padding:0 10px;
    font-size:12px;
    font-weight:700;
  }
  .gtc-sll-export-dropdown{
    position:relative;
    display:inline-flex;
  }
  .gtc-sll-export-dropdown summary{
    list-style:none;
    cursor:pointer;
  }
  .gtc-sll-export-dropdown summary::-webkit-details-marker{
    display:none;
  }
  .gtc-sll-export-dropdown summary.mini-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
  }
  .gtc-sll-export-menu{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    z-index:40;
    width:240px;
    max-width:calc(100vw - 32px);
    padding:6px;
    border-radius:10px;
    border:1px solid #fed7aa;
    background:#fff;
    box-shadow:0 10px 20px rgba(15, 23, 42, .16);
    display:grid;
    gap:4px;
  }
  .gtc-sll-export-dropdown[data-gtc-export="no_gtc"] .gtc-sll-export-menu{
    left:auto;
    right:0;
  }
  .gtc-sll-export-menu .mini-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    font-size:11px;
    padding:6px 8px;
    white-space:nowrap;
  }
  .gtc-sll-status.is-error{
    color:#b91c1c;
  }
  .gtc-sll-summary{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }
  .gtc-sll-table-wrap{
    margin-top:8px;
  }
  .gtc-sll-table{
    min-width:980px;
  }
  .gtc-sll-table td:first-child,
  .gtc-sll-table th:first-child{
    width:42px;
    text-align:center;
  }
  .gtc-sll-cookie{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    word-break:break-all;
  }
  .gtc-sll-mvd{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .gtc-sll-row-gtc{
    background:#ecfdf3;
  }
  .gtc-sll-row-die{
    background:#fff1f2;
  }
  .add-mail-result-wrap{
    margin-top:8px;
    width:100%;
    overflow:auto;
    border:1px solid #bfdbfe;
    border-radius:10px;
    background:#fff;
  }
  .add-mail-result-table{
    width:100%;
    min-width:980px;
    border-collapse:collapse;
  }
  .add-mail-result-table th,
  .add-mail-result-table td{
    padding:7px 8px;
    border-bottom:1px solid #dbeafe;
    font-size:11px;
    vertical-align:top;
    text-align:left;
    line-height:1.25;
  }
  .add-mail-result-table th{
    background:#2563eb;
    color:#fff;
    font-weight:700;
    white-space:nowrap;
  }
  .add-mail-result-table tbody tr:hover{
    background:#eff6ff;
  }
  .add-mail-result-table td:first-child{
    width:42px;
    text-align:center;
  }
  .add-mail-state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:86px;
  }
  .add-mail-status-inline{
    display:flex;
    align-items:flex-start;
    gap:8px;
    flex-wrap:wrap;
  }
  .add-mail-note{
    display:grid;
    gap:5px;
    padding:10px 12px;
    border:1px solid #bfdbfe;
    border-radius:12px;
    background:#f8fbff;
    min-width:0;
  }
  .add-mail-note.system{
    border-color:#fdba74;
    background:#fff7ed;
  }
  .add-mail-note.customer{
    border-color:#bfdbfe;
    background:#f8fbff;
  }
  .add-mail-note-line{
    font-size:13px;
    line-height:1.5;
    color:#0f172a;
    white-space:pre-wrap;
    word-break:break-all;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .add-mail-note-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px;
  }
  .add-mail-note-actions .mini-btn{
    min-height:32px;
    padding:6px 11px;
    border-radius:9px;
    font-size:13px;
    font-weight:800;
  }
  .add-mail-system-mail{
    font-size:11px;
    line-height:1.25;
    color:#0f172a;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    word-break:break-all;
  }
  .add-mail-history-mail-preview{
    display:grid;
    gap:7px;
  }
  .add-mail-account-label{
    display:flex;
    align-items:center;
    gap:6px;
    color:#1e3a8a;
    font-size:14px;
    font-weight:900;
    letter-spacing:.05px;
  }
  .add-mail-history-account-list{
    display:grid;
    gap:8px;
    margin-top:8px;
  }
  .add-mail-history-mail-box{
    overflow:hidden;
    border:1px solid #93c5fd;
    border-radius:11px;
    background:#f8fbff;
    box-shadow:0 2px 8px rgba(37,99,235,.07);
  }
  .add-mail-history-mail-box > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:9px 12px;
    cursor:pointer;
    color:#1e40af;
    background:linear-gradient(90deg,#eff6ff,#f8fbff);
    font-size:14px;
    font-weight:900;
    user-select:none;
  }
  .add-mail-history-mail-box > summary::-webkit-details-marker{display:none}
  .add-mail-history-mail-box > summary::marker{display:none}
  .add-mail-history-mail-box > summary::after{
    content:"Mở ›";
    flex:0 0 auto;
    padding:3px 8px;
    border:1px solid #bfdbfe;
    border-radius:999px;
    background:#fff;
    color:#2563eb;
    font-size:11px;
    font-weight:900;
  }
  .add-mail-history-mail-box[open] > summary{
    border-bottom:1px solid #bfdbfe;
    background:#dbeafe;
  }
  .add-mail-history-mail-box[open] > summary::after{content:"Thu gọn ⌃"}
  .add-mail-history-mail-list{
    display:grid;
    gap:8px;
    padding:9px;
  }
  .add-mail-history-mail-list > div{
    min-width:0;
  }
  .add-mail-history-id{
    font-size:13px;
    font-weight:900;
    color:#1e3a8a;
  }
  .add-mail-new-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:20px;
    margin-top:4px;
    padding:2px 7px;
    border:1px solid #fdba74;
    border-radius:999px;
    background:linear-gradient(135deg,#ffedd5,#fef2f2);
    color:#dc2626;
    box-shadow:0 3px 10px rgba(239,68,68,.14);
    font-size:10px;
    font-weight:950;
    letter-spacing:.7px;
    line-height:1;
    animation:addMailNewBadgePulse 1.9s ease-in-out infinite;
  }
  .add-mail-result-table tr[id^="add-mail-history-"] td:first-child{
    width:68px;
    min-width:68px;
  }
  .add-mail-result-table tr.add-mail-history-latest td{
    background:#f0fdf4;
  }
  .add-mail-result-table tr.add-mail-history-latest td:first-child{
    box-shadow:inset 4px 0 #22c55e;
  }
  .add-mail-result-table tr.add-mail-history-latest:hover td{
    background:#ecfdf5;
  }
  .add-mail-mobile-item.add-mail-history-latest{
    border-color:#86efac;
    box-shadow:0 5px 18px rgba(34,197,94,.12);
  }
  .add-mail-mobile-item.add-mail-history-latest > summary{
    background:linear-gradient(90deg,#ecfdf5,#eff6ff);
  }
  .add-mail-history-entry-details{
    min-width:250px;
  }
  .add-mail-history-entry-details > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:8px 11px;
    border:1px solid #bfdbfe;
    border-radius:10px;
    background:linear-gradient(90deg,#eff6ff,#f8fbff);
    color:#1e40af;
    cursor:pointer;
    user-select:none;
  }
  .add-mail-history-entry-details > summary::-webkit-details-marker{display:none}
  .add-mail-history-entry-details > summary::marker{display:none}
  .add-mail-history-entry-details > summary::after{
    content:"Mở ›";
    flex:0 0 auto;
    padding:3px 8px;
    border:1px solid #bfdbfe;
    border-radius:999px;
    background:#fff;
    color:#2563eb;
    font-size:11px;
    font-weight:900;
  }
  .add-mail-history-entry-details[open]:not(.is-latest) > summary{
    margin-bottom:9px;
    background:#dbeafe;
  }
  .add-mail-history-entry-details[open]:not(.is-latest) > summary::after{
    content:"Thu gọn ⌃";
  }
  .add-mail-history-entry-details.is-latest > summary{
    display:none;
  }
  .add-mail-history-entry-action{
    flex:0 0 auto;
    font-size:14px;
    font-weight:900;
  }
  .add-mail-history-entry-counts{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-width:0;
    margin-left:auto;
  }
  .add-mail-history-entry-counts > span{
    padding:3px 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
  }
  .add-mail-history-entry-counts > .success{
    background:#dcfce7;
    color:#166534;
  }
  .add-mail-history-entry-counts > .danger{
    background:#fee2e2;
    color:#b91c1c;
  }
  .add-mail-history-entry-body{
    min-width:0;
  }
  .add-mail-history-issue-list{
    display:grid;
    gap:9px;
    margin-top:9px;
  }
  .add-mail-history-issue-card{
    min-width:0;
    overflow:hidden;
    padding:10px 12px;
    border:1px solid #fecaca;
    border-left:4px solid #ef4444;
    border-radius:12px;
    background:linear-gradient(135deg,#fff7ed,#fff1f2);
    box-shadow:0 3px 10px rgba(185,28,28,.07);
  }
  .add-mail-history-issue-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    color:#991b1b;
    font-size:14px;
  }
  .add-mail-history-issue-head > strong{
    font-size:14px;
    font-weight:900;
  }
  .add-mail-history-issue-row,
  .add-mail-history-issue-reason{
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    align-items:start;
    gap:8px;
    margin-top:6px;
    font-size:13px;
    line-height:1.45;
  }
  .add-mail-history-issue-row > span,
  .add-mail-history-issue-reason > span{
    color:#64748b;
    font-weight:800;
  }
  .add-mail-history-issue-row code{
    display:block;
    min-width:0;
    padding:5px 7px;
    border:1px solid #fed7aa;
    border-radius:7px;
    background:#fff;
    color:#7c2d12;
    font-size:12px;
    font-weight:800;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-all;
  }
  .add-mail-history-issue-row code.cookie-f-full{
    border-color:#fdba74;
    background:#fffbeb;
    color:#9a3412;
  }
  .add-mail-history-issue-row code.cookie-st-short{
    color:#475569;
  }
  .add-mail-history-issue-row em{
    color:#94a3b8;
    font-size:12px;
  }
  .add-mail-history-issue-reason > strong{
    color:#b91c1c;
    font-size:13px;
    font-weight:900;
    overflow-wrap:anywhere;
  }
  .add-mail-history-issue-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:8px;
  }
  .add-mail-history-api-detail{
    margin-top:8px;
    padding-top:7px;
    border-top:1px dashed #fecaca;
    color:#7f1d1d;
    font-size:12px;
  }
  .add-mail-history-api-detail > summary{
    width:max-content;
    max-width:100%;
    cursor:pointer;
    color:#c2410c;
    font-weight:800;
  }
  .add-mail-history-api-detail > div{
    margin-top:6px;
    padding:7px 8px;
    border-radius:7px;
    background:rgba(255,255,255,.72);
    line-height:1.45;
    overflow-wrap:anywhere;
  }
  .add-mail-result-mobile .add-mail-history-issue-row,
  .add-mail-result-mobile .add-mail-history-issue-reason{
    grid-template-columns:1fr;
    gap:3px;
  }
  @keyframes addMailNewBadgePulse{
    0%,100%{transform:scale(1);box-shadow:0 3px 10px rgba(239,68,68,.12)}
    50%{transform:scale(1.05);box-shadow:0 4px 14px rgba(239,68,68,.24)}
  }
  .add-mail-result-mobile{
    margin-top:8px;
    display:none;
    gap:6px;
  }
  .add-mail-mobile-item{
    border:1px solid #bfdbfe;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
  }
  .add-mail-mobile-item > summary{
    list-style:none;
    display:grid;
    grid-template-columns:40px minmax(0, 1fr) auto;
    align-items:center;
    gap:8px;
    padding:8px;
    cursor:pointer;
    font-size:11px;
    color:#1e3a8a;
    background:#eff6ff;
  }
  .add-mail-mobile-item > summary::-webkit-details-marker{
    display:none;
  }
  .add-mail-mobile-item > summary::marker{
    content:"";
  }
  .add-mail-mobile-item[open] > summary{
    background:#dbeafe;
    border-bottom:1px solid #bfdbfe;
  }
  .add-mail-mobile-item .m-col-stt{
    font-weight:700;
    text-align:center;
  }
  .add-mail-mobile-item .m-col-user{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .add-mail-mobile-item .m-col-status{
    display:flex;
    justify-content:flex-end;
  }
  .add-mail-mobile-body{
    padding:8px;
    display:grid;
    gap:6px;
  }
  .add-mail-mobile-body .m-row{
    display:grid;
    grid-template-columns:92px minmax(0, 1fr);
    gap:6px;
    font-size:11px;
  }
  .add-mail-mobile-body .m-row span{
    color:#475569;
    font-weight:700;
  }
  .add-mail-mobile-body .m-row b{
    margin:0;
    color:#0f172a;
    font-weight:700;
    word-break:break-word;
  }
  .add-mail-mobile-tools{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
  }
  .add-mail-history-tools{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
  }
  .add-mail-read-all-btn{
    min-width:138px;
    justify-content:center;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 5px 14px rgba(37,99,235,.16);
  }
  .read-mail-link-wrap{
    margin-top:10px;
    border:1px solid #99f6e4;
    border-radius:10px;
    background:#f0fdfa;
    padding:8px;
  }
  .read-mail-link-head{
    font-size:12px;
    font-weight:700;
    color:#115e59;
    margin-bottom:6px;
  }
  .read-mail-link-list{
    display:grid;
    gap:6px;
    max-height:280px;
    overflow:auto;
  }
  .read-mail-link-item-wrap{
    border:1px solid #99f6e4;
    border-radius:8px;
    background:#fff;
    padding:6px 8px;
    display:grid;
    gap:4px;
  }
  .read-mail-link-item{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:120px;
    color:#0f766e;
    font-size:12px;
    font-weight:700;
    padding:5px 8px;
    text-decoration:none;
    border:1px solid #99f6e4;
    border-radius:8px;
    background:#ecfeff;
  }
  .read-mail-link-item:hover{
    background:#ccfbf1;
  }
  .read-mail-link-meta{
    font-size:11px;
    color:#0f766e;
    word-break:break-word;
    line-height:1.35;
  }
  .read-mail-open-link{
    height:26px;
    min-width:112px;
    font-size:11px;
    border-radius:8px;
  }
  .read-mail-page{
    max-width:1168px;
    margin:0 auto;
  }
  .read-mail-page .refresh-st-card{
    border-color:#fdba74;
    border-radius:8px;
    box-shadow:0 16px 34px rgba(15,23,42,.08);
  }
  .read-mail-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px;
    background:#fff;
  }
  .read-mail-hero-main{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .read-mail-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#fff7ed;
    border:1px solid #fed7aa;
    font-size:24px;
    flex:0 0 auto;
  }
  .read-mail-hero .card-title{
    margin:0;
    font-size:24px;
    line-height:1.15;
    letter-spacing:0;
  }
  .read-mail-subtitle{
    margin-top:4px;
    color:#475569;
    font-size:13px;
    line-height:1.4;
  }
  .read-mail-format-row{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
    max-width:430px;
  }
  .read-mail-format-row span,
  .read-mail-pill{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border-radius:999px;
    background:#eff6ff;
    border:1px solid #bfdbfe;
    color:#1e3a8a;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }
  .read-mail-compose-card{
    padding:16px;
    background:#fff;
  }
  .read-mail-history-prefill{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 8px;
    margin-bottom:12px;
    padding:10px 12px;
    border:1px solid #93c5fd;
    border-radius:10px;
    color:#1e3a8a;
    background:#eff6ff;
    line-height:1.4;
  }
  .read-mail-history-prefill > strong{
    font-weight:950;
  }
  .read-mail-history-prefill > span{
    color:#475569;
    font-weight:700;
  }
  .read-mail-compose-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.65fr) minmax(280px, .85fr);
    gap:14px;
    align-items:stretch;
  }
  .read-mail-input-panel,
  .read-mail-side-panel{
    min-width:0;
    border:1px solid #e2e8f0;
    border-radius:8px;
    background:#ffffff;
    padding:12px;
  }
  .read-mail-side-panel{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:14px;
    background:#f8fafc;
  }
  .read-mail-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
  }
  .read-mail-textarea{
    width:100%;
    min-height:150px;
    resize:vertical;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#f8fafc;
    color:#0f172a;
    font-size:13px;
    line-height:1.45;
    padding:11px 12px;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.04);
  }
  .read-mail-textarea:focus{
    outline:2px solid rgba(37,99,235,.18);
    border-color:#2563eb;
    background:#fff;
  }
  .read-mail-hint-line,
  .read-mail-side-note{
    margin-top:8px;
    color:#475569;
    font-size:12px;
    line-height:1.45;
  }
  .read-mail-actions{
    margin-top:auto;
    padding-top:8px;
  }
  .read-mail-actions .mini-btn{
    min-height:32px;
    padding:7px 12px;
  }
  .read-mail-result-card{
    padding:14px;
    background:#fff;
  }
  .read-mail-result-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, .95fr);
    gap:12px;
    align-items:start;
  }
  .read-mail-result-title{
    margin:0;
    font-size:18px;
    line-height:1.2;
    color:#0f172a;
  }
  .read-mail-result-subtitle{
    margin-top:4px;
    font-size:12px;
    color:#64748b;
  }
  .read-mail-summary-line{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
    padding:8px 10px;
    border:1px solid #bfdbfe;
    border-radius:8px;
    background:#f8fbff;
    color:#1e3a8a;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
    overflow:auto;
  }
  .read-mail-summary-line span{
    flex:0 0 auto;
  }
  .read-mail-summary-line b{
    color:#0f172a;
    font-weight:800;
  }
  .read-mail-error{
    margin-top:10px;
    color:#991b1b;
    background:#fff1f2;
    border-color:#fecdd3;
  }
  .read-mail-table-wrap{
    margin-top:12px;
    border-color:#cbd5e1;
    border-radius:8px;
    box-shadow:none;
  }
  .read-mail-page .add-mail-result-table th{
    background:#0f172a;
    color:#fff;
    font-size:11px;
    padding:9px 10px;
  }
  .read-mail-page .add-mail-result-table td{
    padding:9px 10px;
    font-size:11px;
    border-bottom-color:#e2e8f0;
  }
  .read-mail-page .add-mail-result-table tbody tr:hover{
    background:#f8fafc;
  }
  .read-mail-page .add-mail-result-table .read-mail-row-login-verify{
    background:#fff7ed;
    box-shadow:inset 3px 0 0 #f97316;
  }
  .read-mail-page .add-mail-result-table .read-mail-row-login-verify:hover{
    background:#ffedd5;
  }
  .read-mail-subject-cell{
    min-width:220px;
  }
  .read-mail-login-tag{
    display:flex;
    width:max-content;
    max-width:100%;
    align-items:center;
    min-height:22px;
    margin:0 0 5px;
    padding:0 8px;
    border-radius:999px;
    background:#ffedd5;
    border:1px solid #fdba74;
    color:#9a3412;
    font-size:10px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
  }
  .read-mail-subject-text{
    display:block;
    max-width:100%;
    color:#0f172a;
    line-height:1.35;
    word-break:break-word;
  }
  .read-mail-page .read-mail-open-link{
    background:#ecfeff;
    border:1px solid #67e8f9;
    color:#0e7490;
    box-shadow:none;
  }
  .read-mail-page .read-mail-open-link:hover{
    background:#06b6d4;
    color:#fff;
  }
  .read-mail-verify-action{
    margin-bottom:7px;
  }
  .read-mail-verify-login-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    max-width:100%;
    height:auto;
    min-height:28px;
    padding:6px 10px;
    border-radius:8px;
    white-space:normal;
    line-height:1.2;
  }
  .read-mail-page .read-mail-verify-login-link{
    background:#f97316;
    border-color:#ea580c;
    color:#fff;
    box-shadow:0 6px 14px rgba(249,115,22,.2);
  }
  .read-mail-page .read-mail-verify-login-link:hover{
    background:#ea580c;
    color:#fff;
  }
  .read-mail-page .read-mail-preview-box{
    border-color:#cbd5e1;
    background:#f8fafc;
  }
  .read-mail-page .read-mail-preview-toggle{
    color:#2563eb;
  }
  .read-mail-mobile-list{
    margin-top:12px;
  }
  .read-mail-mobile-item .m-col-user{
    font-weight:700;
  }
  .read-mail-mobile-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
  }
  .read-mail-mobile-actions .read-mail-open-link{
    min-width:0;
    width:auto;
  }
  .read-mail-mobile-login-verify{
    border-color:#fdba74;
    box-shadow:inset 3px 0 0 #f97316;
  }
  .read-mail-mobile-login-verify > summary{
    background:#fff7ed;
    color:#9a3412;
  }
  .read-mail-mobile-login-verify[open] > summary{
    background:#ffedd5;
    border-bottom-color:#fdba74;
  }
  .read-mail-mobile-login-verify .m-col-status .badge{
    max-width:120px;
    white-space:normal;
    text-align:center;
    line-height:1.15;
  }
  .read-mail-mobile-verify-action{
    display:block;
  }
  .read-mail-mobile-verify-action .read-mail-verify-login-link{
    width:100%;
    text-align:center;
  }
  .read-mail-preview-box{
    border:1px dashed #bfdbfe;
    border-radius:8px;
    background:#f8fbff;
    padding:4px 6px;
  }
  .read-mail-preview-toggle{
    cursor:pointer;
    color:#1d4ed8;
    font-size:11px;
    font-weight:700;
    user-select:none;
  }
  .read-mail-preview-content{
    margin-top:6px;
    font-size:11px;
    color:#0f172a;
    line-height:1.4;
    white-space:pre-wrap;
    word-break:break-word;
  }
  .read-mail-preview-render-wrap{
    margin-top:8px;
    border:1px solid #dbeafe;
    border-radius:8px;
    background:#ffffff;
    overflow:hidden;
  }
  .read-mail-preview-render{
    width:100%;
    min-height:340px;
    border:0;
    display:block;
    background:#ffffff;
  }
  @media (max-width: 900px){
    .read-mail-preview-render{
      min-height:280px;
    }
    .read-mail-hero,
    .read-mail-result-head{
      grid-template-columns:1fr;
    }
    .read-mail-hero{
      display:grid;
      align-items:start;
    }
    .read-mail-format-row{
      justify-content:flex-start;
      max-width:none;
    }
    .read-mail-compose-grid{
      grid-template-columns:1fr;
    }
    .read-mail-side-panel{
      display:grid;
    }
  }
  .add-mail-json-toggle{
    cursor:pointer;
    color:#1d4ed8;
    font-weight:700;
  }
  .add-mail-json-box{
    margin-top:6px;
    border:1px dashed #bfdbfe;
    border-radius:10px;
    background:#f8fbff;
    color:#0f172a;
    padding:8px;
    min-width:320px;
    max-width:720px;
    max-height:260px;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    font-size:10px;
    line-height:1.35;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .acc-shop-list{
    margin-top:8px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .acc-shop-item{
    border:1px solid #f7d7c2;
    border-radius:12px;
    background:linear-gradient(180deg, #fffaf6 0%, #fff3eb 100%);
    padding:8px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px;
    align-items:center;
    transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease;
  }
  .acc-shop-item:hover{
    border-color:#f4b896;
    box-shadow:0 6px 16px rgba(238, 77, 45, .10);
    transform:translateY(-1px);
  }
  .acc-shop-item.acc-shop-item-gtc{
    border-color:#b7e4c7;
    background:linear-gradient(180deg, #f3fff7 0%, #e7f9ee 100%);
  }
  .acc-shop-item.acc-shop-item-gtc:hover{
    border-color:#86efac;
    box-shadow:0 6px 16px rgba(34, 197, 94, .16);
  }
  .acc-shop-item.acc-shop-item-gtc .acc-shop-index{
    background:#86efac;
    color:#14532d;
  }
  .acc-shop-item.acc-shop-item-gtc .acc-shop-name{
    color:#166534;
  }
  .acc-shop-item.acc-shop-item-gtc .acc-shop-sub{
    color:#15803d;
  }
  .acc-shop-item.acc-shop-item-gtc .acc-shop-desc-inline,
  .acc-shop-item.acc-shop-item-gtc .acc-shop-desc{
    border-color:#a7f3d0;
    background:#fbfffd;
    color:#166534;
  }
  .acc-shop-item.acc-shop-item-xu{
    border-color:#f9d86a;
    background:linear-gradient(180deg, #fffdf1 0%, #fff4c2 100%);
  }
  .acc-shop-item.acc-shop-item-xu:hover{
    border-color:#f5c83a;
    box-shadow:0 6px 16px rgba(245, 158, 11, .16);
  }
  .acc-shop-item.acc-shop-item-xu .acc-shop-index{
    background:#f59e0b;
    color:#fff7ed;
  }
  .acc-shop-item.acc-shop-item-xu .acc-shop-name{
    color:#92400e;
  }
  .acc-shop-item.acc-shop-item-xu .acc-shop-sub{
    color:#a16207;
  }
  .acc-shop-item.acc-shop-item-xu .acc-shop-desc-inline,
  .acc-shop-item.acc-shop-item-xu .acc-shop-desc{
    border-color:#fcd34d;
    background:#fffdf4;
    color:#92400e;
  }
  .acc-shop-left{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:8px;
  }
  .acc-shop-index{
    width:26px;
    height:26px;
    border-radius:8px;
    background:#0ea5e9;
    color:#fff;
    font-size:12px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
  }
  .acc-shop-info{
    min-width:0;
    display:grid;
    gap:2px;
  }
  .acc-shop-name{
    font-size:13px;
    font-weight:800;
    color:#7c2d12;
    line-height:1.25;
  }
  .acc-shop-sub{
    font-size:12px;
    color:#9a3412;
    line-height:1.25;
  }
  .acc-shop-desc-inline{
    margin-top:4px;
    border:1px dashed #fdba74;
    border-radius:8px;
    background:#fff;
    padding:5px 7px;
    font-size:11px;
    color:#7c2d12;
    line-height:1.22;
    display:grid;
    gap:2px;
    align-content:start;
  }
  .acc-shop-desc-line{
    margin:0;
    line-height:1.22;
  }
  .acc-shop-right{
    display:grid;
    gap:6px;
    justify-items:end;
  }
  .acc-shop-desc-wrap{
    width:100%;
  }
  .acc-shop-desc-wrap summary{
    list-style:none;
    cursor:pointer;
  }
  .acc-shop-desc-wrap summary::-webkit-details-marker{
    display:none;
  }
  .acc-shop-desc{
    margin-top:6px;
    border:1px dashed #fdba74;
    border-radius:8px;
    background:#fff;
    padding:6px 8px;
    font-size:12px;
    color:#7c2d12;
    line-height:1.35;
    max-width:320px;
  }
  .acc-shop-buy-form{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .acc-shop-qty{
    width:84px;
    min-width:84px;
    height:32px;
    padding:5px 8px;
    font-size:12px;
    border-radius:8px;
  }
  .phone-buy-shell{
    border:1px solid #dbe7f3;
  }
  .phone-buy-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .phone-buy-head .card-title{
    margin:0 0 3px 0;
    font-size:1.38rem;
    line-height:1.15;
    font-weight:710;
  }
  .phone-title-chip{
    display:inline-flex;
    align-items:center;
    padding:5px 12px;
    border:1px solid #ee4d2d;
    border-radius:10px;
    background:linear-gradient(180deg, #ff6b3d 0%, #ee4d2d 100%);
    color:#ffffff;
    box-shadow:0 4px 12px rgba(238, 77, 45, .24);
  }
  .phone-title-chip--tiktok{
    border-color:#f8fafc;
    background:linear-gradient(180deg, #111827 0%, #020617 100%);
    color:#ffffff;
    box-shadow:0 6px 18px rgba(15, 23, 42, .34);
  }
  .phone-title-chip--used-shopee{
    border-color:#f97316;
    background:linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    color:#ffffff;
    box-shadow:0 6px 18px rgba(234, 88, 12, .22);
  }
  .phone-buy-shell--tiktok{
    border-color:#0f172a;
    background:linear-gradient(180deg, #020617 0%, #0f172a 100%);
    box-shadow:0 18px 42px rgba(15, 23, 42, .18);
  }
  .phone-buy-shell--tiktok,
  .phone-buy-shell--tiktok .card-title,
  .phone-buy-shell--tiktok .phone-service-name,
  .phone-buy-shell--tiktok .phone-side-title,
  .phone-buy-shell--tiktok .phone-price-row,
  .phone-buy-shell--tiktok .phone-price-row b{
    color:#f8fafc;
  }
  .phone-buy-shell--tiktok .account-hint,
  .phone-buy-shell--tiktok .muted,
  .phone-buy-shell--tiktok .phone-service-meta,
  .phone-buy-shell--tiktok .phone-side-sub,
  .phone-buy-shell--tiktok .phone-rate-reset-note{
    color:#cbd5e1;
  }
  .phone-buy-shell--tiktok .phone-buy-pending-note{
    border-color:#334155;
    border-left-color:#f8fafc;
    background:rgba(15, 23, 42, .72);
    color:#f8fafc;
  }
  .phone-buy-shell--tiktok .stats-total-badge{
    background:rgba(255, 255, 255, .08);
    border-color:rgba(255, 255, 255, .14);
    color:#f8fafc;
  }
  .phone-buy-shell--tiktok .mini-btn:not(.primary):not(.warn):not(.danger):not(.sky){
    background:rgba(255, 255, 255, .09);
    color:#f8fafc;
  }
  .phone-buy-shell--tiktok .mini-btn:not(.primary):not(.warn):not(.danger):not(.sky):hover{
    background:rgba(255, 255, 255, .16);
  }
  .phone-buy-head-actions{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .phone-buy-shell .check-head{
    margin-bottom:6px;
  }
  .phone-buy-shell .check-head .card-title{
    margin:0;
    font-size:1.18rem;
    line-height:1.15;
    font-weight:700;
  }
  .phone-buy-layout{
    display:grid;
    grid-template-columns:minmax(0, 1.65fr) minmax(220px, .9fr);
    gap:12px;
  }
  .phone-buy-main{
    min-width:0;
  }
  .phone-service-section{
    margin-top:14px;
  }
  .phone-used-note{
    margin:6px 0 8px;
    color:#9a3412;
    font-size:12px;
    font-style:italic;
    line-height:1.45;
  }
  .phone-service-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .phone-service-section-head .card-title{
    margin:0;
    font-size:1rem;
    line-height:1.15;
    font-weight:700;
  }
  .phone-service-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }
  .phone-service-form{
    margin:0;
  }
  .phone-service-card{
    --ps-bg-1:#fffaf6;
    --ps-bg-2:#fff3eb;
    --ps-border:#f7d7c2;
    --ps-border-hover:#f4b896;
    --ps-shadow:rgba(238, 77, 45, .12);
    --ps-badge-bg:rgba(255,255,255,.82);
    --ps-badge-border:rgba(148,163,184,.34);
    width:100%;
    min-height:84px;
    border:1px solid var(--ps-border);
    border-radius:10px;
    background:linear-gradient(180deg, var(--ps-bg-1) 0%, var(--ps-bg-2) 100%);
    padding:8px 42px 8px 10px;
    text-align:left;
    display:grid;
    gap:3px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  }
  .phone-service-card:hover{
    transform:translateY(-1px);
    border-color:var(--ps-border-hover);
    box-shadow:0 6px 16px var(--ps-shadow);
  }
  .phone-buy-shell--tiktok .phone-service-card{
    --ps-bg-1:#111827;
    --ps-bg-2:#0f172a;
    --ps-border:#334155;
    --ps-border-hover:#60a5fa;
    --ps-shadow:rgba(15, 23, 42, .32);
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+1) .phone-service-card{
    --ps-bg-1:#111827;
    --ps-bg-2:#1f2937;
    --ps-border:#475569;
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+2) .phone-service-card{
    --ps-bg-1:#0f172a;
    --ps-bg-2:#172554;
    --ps-border:#3b82f6;
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+3) .phone-service-card{
    --ps-bg-1:#082f49;
    --ps-bg-2:#0f172a;
    --ps-border:#06b6d4;
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+4) .phone-service-card{
    --ps-bg-1:#052e16;
    --ps-bg-2:#14532d;
    --ps-border:#22c55e;
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+5) .phone-service-card{
    --ps-bg-1:#451a03;
    --ps-bg-2:#1f2937;
    --ps-border:#f59e0b;
  }
  .phone-buy-shell--tiktok .phone-service-grid .phone-service-form:nth-child(6n+6) .phone-service-card{
    --ps-bg-1:#3f0f1f;
    --ps-bg-2:#111827;
    --ps-border:#ec4899;
  }
  .phone-service-grid .phone-service-form:nth-child(6n+1) .phone-service-card{
    --ps-bg-1:#fff7ed;
    --ps-bg-2:#ffedd5;
    --ps-border:#fdba74;
    --ps-border-hover:#fb923c;
    --ps-shadow:rgba(249, 115, 22, .16);
  }
  .phone-service-grid .phone-service-form:nth-child(6n+2) .phone-service-card{
    --ps-bg-1:#eff6ff;
    --ps-bg-2:#dbeafe;
    --ps-border:#93c5fd;
    --ps-border-hover:#60a5fa;
    --ps-shadow:rgba(37, 99, 235, .15);
  }
  .phone-service-grid .phone-service-form:nth-child(6n+3) .phone-service-card{
    --ps-bg-1:#ecfeff;
    --ps-bg-2:#cffafe;
    --ps-border:#67e8f9;
    --ps-border-hover:#22d3ee;
    --ps-shadow:rgba(6, 182, 212, .16);
  }
  .phone-service-grid .phone-service-form:nth-child(6n+4) .phone-service-card{
    --ps-bg-1:#ecfdf5;
    --ps-bg-2:#dcfce7;
    --ps-border:#86efac;
    --ps-border-hover:#4ade80;
    --ps-shadow:rgba(22, 163, 74, .15);
  }
  .phone-service-grid .phone-service-form:nth-child(6n+5) .phone-service-card{
    --ps-bg-1:#fffbeb;
    --ps-bg-2:#fef3c7;
    --ps-border:#fcd34d;
    --ps-border-hover:#fbbf24;
    --ps-shadow:rgba(202, 138, 4, .16);
  }
  .phone-service-grid .phone-service-form:nth-child(6n+6) .phone-service-card{
    --ps-bg-1:#fdf2f8;
    --ps-bg-2:#fce7f3;
    --ps-border:#f9a8d4;
    --ps-border-hover:#f472b6;
    --ps-shadow:rgba(219, 39, 119, .15);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+1) .phone-service-card{
    --ps-bg-1:#eefcff;
    --ps-bg-2:#d8f7ff;
    --ps-border:#7dd3fc;
    --ps-border-hover:#38bdf8;
    --ps-shadow:rgba(56, 189, 248, .16);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+2) .phone-service-card{
    --ps-bg-1:#fff2fa;
    --ps-bg-2:#ffe2f1;
    --ps-border:#f9a8d4;
    --ps-border-hover:#f472b6;
    --ps-shadow:rgba(244, 114, 182, .15);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+3) .phone-service-card{
    --ps-bg-1:#f5f3ff;
    --ps-bg-2:#ebe4ff;
    --ps-border:#c4b5fd;
    --ps-border-hover:#a78bfa;
    --ps-shadow:rgba(139, 92, 246, .15);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+4) .phone-service-card{
    --ps-bg-1:#eefdf8;
    --ps-bg-2:#d6faee;
    --ps-border:#86efac;
    --ps-border-hover:#4ade80;
    --ps-shadow:rgba(34, 197, 94, .14);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+5) .phone-service-card{
    --ps-bg-1:#f0f9ff;
    --ps-bg-2:#dbeafe;
    --ps-border:#93c5fd;
    --ps-border-hover:#60a5fa;
    --ps-shadow:rgba(96, 165, 250, .15);
  }
  .phone-service-section--tiktok .phone-service-grid .phone-service-form:nth-child(6n+6) .phone-service-card{
    --ps-bg-1:#fff7ed;
    --ps-bg-2:#ffe8d6;
    --ps-border:#fdba74;
    --ps-border-hover:#fb923c;
    --ps-shadow:rgba(251, 146, 60, .15);
  }
  .phone-service-section--used-shopee .phone-service-grid .phone-service-form:nth-child(6n+1) .phone-service-card{
    --ps-bg-1:#fff7ed;
    --ps-bg-2:#ffedd5;
    --ps-border:#fdba74;
    --ps-border-hover:#fb923c;
  }
  .phone-service-section--used-shopee .phone-service-grid .phone-service-form:nth-child(6n+2) .phone-service-card{
    --ps-bg-1:#fefce8;
    --ps-bg-2:#fef3c7;
    --ps-border:#fde68a;
    --ps-border-hover:#f59e0b;
  }
  .phone-service-section--used-shopee .phone-service-grid .phone-service-form:nth-child(6n+3) .phone-service-card{
    --ps-bg-1:#fff1f2;
    --ps-bg-2:#ffe4e6;
    --ps-border:#fecdd3;
    --ps-border-hover:#fb7185;
  }
  .phone-service-name{
    font-size:14px;
    font-weight:650;
    color:#0f172a;
    line-height:1.2;
  }
  .phone-service-name--desktop{
    display:block;
  }
  .phone-service-name-mobile{
    display:none;
  }
  .phone-service-line{
    display:block;
  }
  .phone-service-badge{
    position:absolute;
    top:6px;
    right:7px;
    z-index:1;
    width:28px;
    height:28px;
    display:inline-grid;
    place-items:center;
    border:1px solid var(--ps-badge-border);
    border-radius:999px;
    background:var(--ps-badge-bg);
    box-shadow:0 5px 14px rgba(15,23,42,.12);
    font-size:16px;
    line-height:1;
    pointer-events:none;
  }
  .phone-service-badge--best{
    --ps-badge-bg:linear-gradient(180deg, #fff7c2 0%, #fde68a 100%);
    --ps-badge-border:#f59e0b;
    box-shadow:0 6px 16px rgba(217,119,6,.2);
  }
  .phone-service-badge--deal{
    --ps-badge-bg:linear-gradient(180deg, #ecfeff 0%, #ccfbf1 100%);
    --ps-badge-border:#2dd4bf;
  }
  .phone-service-badge--hot{
    --ps-badge-bg:linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);
    --ps-badge-border:#fb7185;
  }
  .phone-service-badge--diamond{
    --ps-badge-bg:linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    --ps-badge-border:#60a5fa;
  }
  .phone-service-badge--fast{
    --ps-badge-bg:linear-gradient(180deg, #fefce8 0%, #fef3c7 100%);
    --ps-badge-border:#facc15;
  }
  .phone-service-badge--emoji{
    --ps-badge-bg:linear-gradient(180deg, #ffffff 0%, #fef3c7 100%);
    --ps-badge-border:#f59e0b;
    font-size:17px;
  }
  .phone-service-rank-tag{
    position:absolute;
    top:30px;
    right:5px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    padding:0;
    border:1px solid #fdba74;
    border-radius:999px;
    background:#fff7ed;
    color:#9a3412;
    box-shadow:0 4px 12px rgba(249,115,22,.12);
    font-size:10px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
  }
  .phone-service-rank-tag--1{
    border-color:#f59e0b;
    background:linear-gradient(180deg,#fef3c7 0%,#fde68a 100%);
    color:#92400e;
  }
  .phone-service-rank-tag--2{
    border-color:#94a3b8;
    background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);
    color:#334155;
  }
  .phone-service-rank-tag--3{
    border-color:#fb923c;
    background:linear-gradient(180deg,#ffedd5 0%,#fed7aa 100%);
    color:#9a3412;
  }
  .phone-service-rank-tag--4{
    border-color:#93c5fd;
    background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);
    color:#1d4ed8;
  }
  .phone-service-meta{
    font-size:11px;
    color:#64748b;
  }
  .phone-service-price{
    font-size:22px;
    line-height:1;
    font-weight:800;
    color:#059669;
    justify-self:end;
  }
  .phone-buy-shell--tiktok .phone-service-price{
    color:#34d399;
  }
  .phone-buy-side{
    display:grid;
    gap:8px;
  }
  .phone-side-card{
    border:1px solid #dbe7f3;
    border-radius:10px;
    background:#f8fbff;
    padding:10px;
  }
  .phone-buy-shell--tiktok .phone-side-card{
    border-color:#334155;
    background:rgba(15, 23, 42, .72);
  }
  .phone-side-title{
    font-size:14px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:6px;
  }
  .phone-side-value{
    font-size:20px;
    font-weight:800;
    color:#0f766e;
    margin-bottom:0;
  }
  .phone-buy-shell--tiktok .phone-side-value{
    color:#5eead4;
  }
  .phone-side-sub{
    font-size:12px;
    color:#64748b;
    line-height:1.3;
  }
  .phone-wallet-overview{
    display:grid;
    grid-template-columns:minmax(90px, .8fr) minmax(175px, 1.2fr);
    align-items:center;
    gap:10px;
  }
  .phone-wallet-balance{
    min-width:0;
    align-self:start;
  }
  .phone-wallet-thanks{
    min-height:28px;
    margin-top:9px;
    border-top:1px dashed #cbd5e1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#e85d2a;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    padding:8px 0 0;
  }
  .phone-wallet-stats{
    min-width:0;
    padding-left:10px;
    border-left:1px dashed #cbd5e1;
    display:grid;
    gap:7px;
  }
  .phone-wallet-stat-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:12px;
    color:#475569;
  }
  .phone-wallet-stat-row b{
    color:#0f766e;
    font-size:13px;
    white-space:nowrap;
    text-align:right;
  }
  .phone-price-list{
    display:grid;
    gap:5px;
  }
  .phone-rate-reset-note{
    margin:-2px 0 6px;
    font-size:10px;
    color:#64748b;
  }
  .phone-price-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    align-items:center;
    gap:8px;
    font-size:10px;
    color:#ee4d2d;
    font-weight:800;
    padding-bottom:2px;
    text-align:center;
  }
  .phone-buy-shell--tiktok .phone-price-head{
    color:#f8fafc;
  }
  .phone-price-head > span{
    justify-self:center;
    text-align:center;
  }
  .phone-price-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:#1e293b;
    border-bottom:1px dashed #e2e8f0;
    padding-bottom:4px;
  }
  .phone-buy-shell--tiktok .phone-price-row{
    border-bottom-color:rgba(148, 163, 184, .2);
  }
  .phone-rate-chip{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    border:1px solid transparent;
    font-size:10px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    padding:4px 8px;
  }
  .phone-rate-chip.is-blue{
    color:#1d4ed8;
    background:#eff6ff;
    border-color:#bfdbfe;
  }
  .phone-rate-chip.is-green{
    color:#166534;
    background:#ecfdf5;
    border-color:#86efac;
  }
  .phone-rate-chip.is-orange{
    color:#9a3412;
    background:#fff7ed;
    border-color:#fdba74;
  }
  .phone-rate-chip.is-muted{
    color:#64748b;
    background:#f8fafc;
    border-color:#e2e8f0;
  }
  .phone-buy-shell--tiktok .phone-rate-chip.is-muted{
    color:#e2e8f0;
    background:rgba(255, 255, 255, .08);
    border-color:rgba(255, 255, 255, .14);
  }
  .phone-price-row b{
    font-weight:700;
  }
  .phone-price-row:last-child{
    border-bottom:none;
    padding-bottom:0;
  }
  .phone-otp-table th,
  .phone-history-table th{
    font-weight:700;
  }
  .phone-otp-main-row td{
    cursor:pointer;
  }
  .phone-otp-main-row:hover td{
    background:#fffaf5;
  }
  .phone-otp-main-row.is-open td{
    background:#fff7ed;
  }
  .phone-otp-expand-hint{
    margin-top:2px;
    font-size:9px;
    color:#94a3b8;
  }
  .phone-no{
    display:inline-block;
    font-size:17px;
    font-weight:660;
    line-height:1.1;
    letter-spacing:.2px;
    cursor:pointer;
    user-select:none;
    transition:color .12s ease, transform .12s ease;
  }
  .phone-otp-countdown{
    margin-top:4px;
    font-size:11px;
    font-weight:620;
    color:#0369a1;
    line-height:1.2;
  }
  .phone-otp-countdown.is-zero{
    color:#b45309;
  }
  .phone-no:hover{
    color:#0f766e;
    transform:translateY(-1px);
  }
  .phone-no:focus{
    outline:2px solid #93c5fd;
    outline-offset:2px;
    border-radius:4px;
  }
  .phone-no.copied{
    color:#059669;
  }
  .phone-no.copy-fail{
    color:#dc2626;
  }
  .phone-otp-table th:nth-child(1),
  .phone-otp-table td:nth-child(1){
    min-width:130px;
  }
  .phone-otp-table th:nth-child(2),
  .phone-otp-table td:nth-child(2){
    min-width:132px;
  }
  .phone-otp-cell{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .phone-otp-cell code{
    display:inline-block;
    padding:4px 10px;
    border:1px solid #dbeafe;
    border-radius:10px;
    background:#f8fafc;
    font-size:20px;
    font-weight:800;
    line-height:1;
    letter-spacing:.3px;
    color:#0f172a;
  }
  .phone-copy-btn{
    padding:3px 6px;
  }
  .phone-otp-cell .phone-copy-btn{
    min-height:28px;
    padding:3px 7px;
    border-radius:10px;
    font-size:13px;
  }
  .phone-otp-detail-row td{
    background:#fffcf9;
    padding:8px 10px;
  }
  .phone-otp-detail-box{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px 12px;
  }
  .phone-otp-detail-item{
    display:flex;
    align-items:flex-start;
    gap:6px;
    font-size:11px;
    color:#334155;
  }
  .phone-otp-detail-label{
    color:#9a3412;
    font-weight:700;
    white-space:nowrap;
  }
  .phone-otp-detail-item-full{
    grid-column:1 / -1;
  }
  .phone-report-form{
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin-left:4px;
  }
  .phone-report-select{
    height:28px;
    min-width:112px;
    border:1px solid #d1d5db;
    border-radius:8px;
    background:#fff;
    color:#1e293b;
    font-size:11px;
    padding:0 6px;
  }
  .voucher-cookie-fact-rotator{
    margin-top:6px;
    border:1px dashed #cbd5e1;
    background:#f8fafc;
    border-radius:8px;
    padding:6px 9px;
    color:#334155;
    font-size:12px;
  }
  .voucher-cookie-fact-rotator .dash-rotating-line{
    font-weight:700;
  }
  .voucher-save-table code{
    font-size:11px;
    color:#0f172a;
  }
  .voucher-save-table th{
    font-weight:800;
    color:#334155;
  }
  .voucher-save-table td{
    font-weight:700;
    color:#0f172a;
  }
  .voucher-col-price{
    display:none;
  }
  .voucher-name-one-line,
  .voucher-note-one-line{
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .voucher-note-link{
    color:#1d4ed8;
    text-decoration:underline;
  }
  .voucher-note-link:hover{
    color:#1e40af;
  }
  .voucher-save-table td.voucher-col-usage,
  .voucher-save-table td.voucher-col-left,
  .voucher-save-table td.voucher-col-expire{
    white-space:nowrap;
  }
  .voucher-save-table td.voucher-col-alert{
    background:#fee2e2;
    color:#991b1b;
  }
  .voucher-mobile-toggle{
    border:none;
    background:transparent;
    padding:0;
    margin:0;
    width:100%;
    text-align:left;
    color:inherit;
    font:inherit;
    cursor:pointer;
  }
  .voucher-mobile-used-inline{
    display:none;
  }
  .voucher-mobile-detail{
    display:none;
    margin-top:4px;
    padding:5px 7px;
    border:1px dashed #d1d5db;
    border-radius:8px;
    background:#f8fafc;
    font-size:11px;
    color:#334155;
    line-height:1.35;
  }
  .voucher-mobile-detail-title{
    font-weight:700;
    color:#0f172a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .voucher-mobile-detail.show{
    display:grid;
    gap:2px;
  }
  .voucher-mobile-fact{
    display:none;
    color:#dc2626;
    font-weight:800;
  }
  @media (min-width: 641px){
    .voucher-mobile-toggle{
      pointer-events:none;
      cursor:default;
    }
    .voucher-mobile-detail{
      display:none !important;
    }
  }
  .voucher-row-disabled{
    opacity:.72;
    background:#f8fafc;
  }
  @media (max-width: 900px){
    .voucher-save-grid{
      grid-template-columns:1fr;
    }
    .acc-shop-list{
      grid-template-columns:1fr;
    }
    .refresh-st-summary{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .gtc-sll-summary{
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 640px){
    .read-mail-page{
      max-width:none;
    }
    .read-mail-hero,
    .read-mail-compose-card,
    .read-mail-result-card{
      padding:12px;
    }
    .read-mail-hero-main{
      align-items:flex-start;
    }
    .read-mail-icon{
      width:36px;
      height:36px;
      font-size:20px;
    }
    .read-mail-hero .card-title{
      font-size:20px;
    }
    .read-mail-subtitle{
      display:none;
    }
    .read-mail-format-row{
      display:none;
    }
    .read-mail-format-row span,
    .read-mail-pill{
      min-height:24px;
      font-size:10px;
      padding:0 8px;
    }
    .read-mail-input-panel,
    .read-mail-side-panel{
      padding:10px;
    }
    .read-mail-side-panel{
      border:0;
      background:transparent;
      padding:0;
    }
    .read-mail-side-panel .read-mail-panel-head,
    .read-mail-side-note{
      display:none;
    }
    .read-mail-textarea{
      min-height:150px;
      font-size:12px;
    }
    .read-mail-hint-line{
      display:none;
    }
    .read-mail-actions{
      display:grid;
      grid-template-columns:1fr;
      width:100%;
      padding-top:0;
      margin-top:0;
    }
    .read-mail-actions .mini-btn{
      justify-content:center;
      width:100%;
    }
    .read-mail-actions a.mini-btn{
      display:none;
    }
    .read-mail-result-head{
      gap:10px;
    }
    .read-mail-summary-line{
      justify-content:flex-start;
      font-size:11px;
      padding:7px 8px;
    }
    .add-mail-result-desktop{
      display:none;
    }
    .add-mail-result-mobile{
      display:grid;
    }
    .voucher-save-summary{
      display:grid;
    }
    .voucher-cookie-fact-rotator{
      font-size:11px;
      padding:6px 8px;
    }
    .voucher-save-actions .mini-btn{
      font-size:11px;
      padding:6px 8px;
    }
    .refresh-st-actions .mini-btn{
      font-size:11px;
      padding:6px 8px;
      white-space:nowrap;
    }
    .refresh-st-input{
      min-height:150px;
    }
    .refresh-st-tabs{
      gap:5px;
    }
    .mini-btn.refresh-st-tab-btn{
      font-size:11px;
      padding:6px 8px;
    }
    .gtc-sll-export-select{
      min-height:30px;
      font-size:11px;
      padding:0 8px;
      max-width:100%;
    }
    .acc-shop-item{
      grid-template-columns:minmax(0, 1fr);
    }
    .acc-shop-right{
      justify-items:end;
      align-items:center;
    }
    .acc-shop-desc{
      max-width:none;
      font-size:11px;
    }
    .acc-shop-desc-inline{
      font-size:10px;
      padding:5px 6px;
    }
    .acc-shop-buy-form{
      width:auto;
      display:inline-flex;
      align-items:center;
      justify-content:flex-end;
      gap:6px;
      margin-left:auto;
    }
    .acc-shop-qty{
      width:56px;
      min-width:56px;
      max-width:56px;
      flex:0 0 56px;
      height:30px;
      padding:4px 6px;
      font-size:11px;
      text-align:center;
    }
    .acc-shop-buy-form .mini-btn{
      min-width:60px;
      height:30px;
      min-height:30px;
      padding:0 8px;
      white-space:nowrap;
      line-height:1;
    }
    .phone-buy-shell{
      display:flex;
      flex-direction:column;
    }
    .phone-buy-head{
      order:1;
    }
    .phone-buy-layout{
      grid-template-columns:minmax(0, 1fr);
      gap:8px;
      display:contents;
    }
    .phone-buy-main{
      order:3;
    }
    .phone-buy-side{
      display:contents;
    }
    .phone-wallet-card{
      order:2;
      margin:0 0 8px;
    }
    .phone-price-card{
      display:none;
    }
    .phone-service-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:5px;
    }
    .phone-service-card{
      min-height:64px;
      padding:6px 26px 6px 6px;
      grid-template-rows:minmax(0, 2.35em) auto auto;
      align-content:start;
    }
    .phone-buy-head .card-title{
      font-size:1.02rem;
      line-height:1.15;
      font-weight:700;
    }
    .phone-title-chip{
      padding:4px 10px;
      border-radius:9px;
    }
    .acc-title-chip{
      padding:5px 10px;
      border-radius:9px;
    }
    .phone-buy-shell .check-head .card-title{
      font-size:.98rem;
      line-height:1.15;
      font-weight:690;
    }
    .phone-service-name{
      font-size:10px;
      font-weight:700;
      line-height:1.16;
    }
    .phone-service-name--desktop{
      display:none;
    }
    .phone-service-name-mobile{
      min-height:2.35em;
      display:grid;
      align-content:start;
      gap:1px;
      font-size:10px;
      font-weight:700;
      line-height:1.16;
      color:#0f172a;
    }
    .phone-service-line{
      min-width:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .phone-service-line--1{
      text-align:left;
    }
    .phone-service-line--2{
      text-align:right;
      padding-left:8px;
    }
    .phone-service-badge{
      top:4px;
      right:4px;
      width:20px;
      height:20px;
      font-size:12px;
      box-shadow:0 3px 9px rgba(15,23,42,.12);
    }
    .phone-service-meta{
      font-size:9px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .phone-service-price{
      font-size:15px;
      font-weight:700;
      margin-top:1px;
    }
    .phone-side-card{
      padding:8px;
    }
    .phone-side-title{
      font-size:12px;
    }
    .phone-side-value{
      font-size:16px;
    }
    .phone-price-row{
      font-size:10px;
    }
    .phone-price-head{
      font-size:9px;
      gap:6px;
    }
    .phone-rate-reset-note{
      font-size:9px;
      margin:-1px 0 5px;
    }
    .phone-rate-chip{
      font-size:9px;
      padding:3px 6px;
    }
    .phone-no{
      font-size:15px;
      font-weight:650;
    }
    .phone-copy-btn{
      padding:2px 5px;
    }
    .phone-otp-cell code{
      font-size:16px;
      padding:3px 8px;
    }
    .phone-otp-cell .phone-copy-btn{
      min-height:25px;
      padding:2px 6px;
      font-size:12px;
    }
    .phone-otp-detail-box{
      grid-template-columns:minmax(0, 1fr);
      gap:5px;
    }
    .phone-otp-detail-item{
      font-size:10px;
    }
    .phone-otp-expand-hint{
      font-size:8px;
    }
    .phone-report-form{
      margin-left:2px;
      gap:3px;
    }
    .phone-report-select{
      min-width:90px;
      height:26px;
      font-size:10px;
      padding:0 4px;
    }
    .refresh-st-history-wrap{
      display:none;
    }
    .gtc-sll-table-wrap{
      display:block;
    }
    .gtc-sll-summary{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .refresh-st-history-mobile{
      margin-top:8px;
      display:grid;
      gap:6px;
    }
    .refresh-history-modal{
      padding:10px;
    }
    .refresh-history-modal-dialog{
      width:100%;
      max-height:calc(100vh - 20px);
      padding:10px;
    }
    .refresh-history-modal-head{
      flex-direction:column;
      align-items:stretch;
    }
    .refresh-history-modal-head .mini-btn{
      width:100%;
    }
    .refresh-history-modal-text{
      min-height:220px;
    }
    .refresh-st-history-mobile-head{
      display:grid;
      grid-template-columns:minmax(0, 1.25fr) minmax(70px, .55fr) minmax(64px, .45fr);
      align-items:center;
      gap:6px;
      background:#fb923c;
      color:#fff;
      border-radius:8px;
      padding:6px 8px;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
    }
    .refresh-st-history-mobile-item{
      border:1px solid #fdba74;
      border-radius:10px;
      background:#fff7ed;
      overflow:hidden;
    }
    .refresh-st-history-mobile-item > summary{
      list-style:none;
      display:grid;
      grid-template-columns:minmax(0, 1.25fr) minmax(70px, .55fr) minmax(64px, .45fr);
      align-items:center;
      gap:6px;
      padding:7px 8px;
      font-size:11px;
      color:#7c2d12;
      cursor:pointer;
      line-height:1.2;
    }
    .refresh-st-history-mobile-item > summary::-webkit-details-marker{
      display:none;
    }
    .refresh-st-history-mobile-item > summary::marker{
      content:"";
    }
    .refresh-st-history-mobile-item[open] > summary,
    .refresh-st-history-mobile-item.is-active > summary{
      background:#ffedd5;
      border-bottom:1px solid #fed7aa;
    }
    .refresh-st-history-mobile-item .h-time,
    .refresh-st-history-mobile-item .h-result,
    .refresh-st-history-mobile-item .h-tool{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .refresh-st-history-mobile-item .h-tool{
      justify-self:end;
      font-weight:700;
      color:#9a3412;
    }
    .refresh-st-history-mobile-body{
      background:#fff;
      padding:7px 8px;
      display:grid;
      gap:4px;
      font-size:11px;
      color:#7c2d12;
      line-height:1.3;
    }
    .refresh-st-history-mobile-body .h-row{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:8px;
    }
    .refresh-st-history-mobile-body .h-row span{
      color:#9a3412;
      white-space:nowrap;
    }
    .refresh-st-history-mobile-body .h-row b{
      text-align:right;
      word-break:break-word;
    }
    .refresh-st-history-mobile-tools{
      margin-top:2px;
      display:flex;
      justify-content:flex-end;
    }
    .refresh-st-history-mobile-tools .mini-btn{
      font-size:11px;
      padding:5px 8px;
    }
    .voucher-mobile-fact{
      display:block;
    }
    .voucher-mobile-used-inline{
      display:block;
      margin-top:2px;
      font-size:11px;
      color:#64748b;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .voucher-save-table th.voucher-col-note,
    .voucher-save-table td.voucher-col-note,
    .voucher-save-table th.voucher-col-usage,
    .voucher-save-table td.voucher-col-usage,
    .voucher-save-table th.voucher-col-left,
    .voucher-save-table td.voucher-col-left,
    .voucher-save-table th.voucher-col-expire,
    .voucher-save-table td.voucher-col-expire{
      display:none;
    }
    .voucher-save-table th.voucher-col-price,
    .voucher-save-table td.voucher-col-price{
      display:table-cell;
    }
    .voucher-save-table td.voucher-col-name{
      max-width:140px;
    }
  }
  .voucher-wallet-card,
  .voucher-wallet-result-card{
    border:1px solid #e5e7eb;
  }
  .voucher-wallet-head,
  .voucher-wallet-panel-head,
  .voucher-wallet-head-actions,
  .voucher-wallet-actions,
  .voucher-wallet-item-main,
  .voucher-wallet-tags{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
  }
  .voucher-wallet-head,
  .voucher-wallet-panel-head{
    justify-content:space-between;
  }
  .voucher-wallet-head{
    margin-bottom:8px;
  }
  .voucher-wallet-head-actions{
    margin-top:10px;
  }
  .voucher-wallet-cookie{
    min-height:150px;
  }
  .voucher-wallet-actions{
    margin-top:12px;
  }
  .voucher-wallet-notices{
    margin-top:12px;
    display:grid;
    gap:8px;
  }
  .voucher-wallet-toolbar{
    display:grid;
    gap:10px;
    margin:12px 0 10px;
  }
  .voucher-wallet-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .voucher-wallet-tab{
    border:1px solid #fed7aa;
    background:#fff7ed;
    color:#c2410c;
    border-radius:10px;
    padding:6px 12px;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }
  .voucher-wallet-tab span{
    color:#0f766e;
  }
  .voucher-wallet-tab.is-active{
    background:linear-gradient(180deg,#ffedd5 0%, #fdba74 100%);
    border-color:#fb923c;
    color:#7c2d12;
  }
  .voucher-wallet-search-wrap{
    width:100%;
  }
  .voucher-wallet-search-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    width:100%;
  }
  .voucher-wallet-search{
    min-height:40px;
    font-size:14px;
  }
  .voucher-wallet-notice,
  .voucher-wallet-error,
  .voucher-wallet-warn{
    margin-top:0;
  }
  .voucher-wallet-error{
    color:#991b1b;
  }
  .voucher-wallet-warn{
    color:#9a3412;
  }
  .voucher-wallet-panel-title{
    font-weight:800;
    color:#0f172a;
  }
  .voucher-wallet-panel-summary{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
    margin:10px 0;
  }
  .voucher-wallet-panel-summary > div{
    padding:8px 10px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    background:#f8fafc;
    font-size:14px;
  }
  .voucher-wallet-panel-summary-compact{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .voucher-wallet-table-wrap.is-hidden{
    display:none;
  }
  .voucher-wallet-table-scroll{
    width:100%;
    overflow:auto;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
  }
  .voucher-wallet-table{
    width:100%;
    min-width:920px;
    border-collapse:collapse;
    font-size:13px;
  }
  .voucher-wallet-table thead th{
    position:sticky;
    top:0;
    z-index:1;
    background:#fff7ed;
    color:#9a3412;
    text-align:left;
    padding:10px 12px;
    border-bottom:1px solid #fed7aa;
    white-space:nowrap;
  }
  .voucher-wallet-table tbody td{
    padding:10px 12px;
    border-bottom:1px solid #f1f5f9;
    color:#334155;
    vertical-align:middle;
  }
  .voucher-wallet-table tbody tr:hover{
    background:#fffaf5;
  }
  .voucher-wallet-table tbody tr.is-filter-hidden{
    display:none;
  }
  .voucher-wallet-code-cell{
    font-weight:900;
    color:#ef4444 !important;
    white-space:nowrap;
  }
  .voucher-wallet-group-list{
    display:grid;
    gap:12px;
    margin-top:12px;
  }
  .voucher-wallet-card-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
  }
  .voucher-wallet-card-grid.is-hidden{
    display:none;
  }
  .voucher-wallet-vcard{
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:linear-gradient(180deg,#fff 0%, #fffaf5 100%);
    padding:10px;
    display:grid;
    grid-template-columns:56px minmax(0, 1fr);
    grid-template-areas:
      "head head"
      "badge main";
    gap:6px;
    box-shadow:0 8px 18px rgba(15,23,42,0.04);
  }
  .voucher-wallet-vcard.is-filter-hidden{
    display:none;
  }
  .voucher-wallet-vcard-badge{
    grid-area:badge;
    min-height:56px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff6b35 0%, #ff9f1c 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:900;
    padding:8px;
    text-transform:uppercase;
    overflow:hidden;
  }
  .voucher-wallet-vcard-badge.badge-ship{
    background:linear-gradient(135deg,#1e3a8a 0%, #3b82f6 100%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .voucher-wallet-vcard-badge.badge-percent{
    background:linear-gradient(135deg,#7c3aed 0%, #c084fc 100%);
  }
  .voucher-wallet-vcard-badge.badge-amount{
    background:linear-gradient(135deg,#16a34a 0%, #4ade80 100%);
  }
  .voucher-wallet-vcard-badge.badge-other{
    background:linear-gradient(135deg,#ff6b35 0%, #ff9f1c 100%);
  }
  .voucher-wallet-vcard.vcard-ship{
    grid-template-columns:44px minmax(0, 1fr) !important;
    grid-template-areas:
      "head head"
      "badge main" !important;
    align-items:end !important;
  }
  .voucher-wallet-vcard.vcard-ship .voucher-wallet-vcard-badge{
    width:44px !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
    font-size:9px !important;
    line-height:1.1 !important;
    padding:4px 2px 8px !important;
    border-radius:10px !important;
    align-self:end !important;
    justify-self:start !important;
    place-self:end start !important;
    text-transform:uppercase;
    overflow:hidden !important;
  }
  .voucher-wallet-vcard.vcard-ship .voucher-wallet-vcard-badge.badge-ship{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .voucher-wallet-vcard-badge.has-image{
    padding:0;
    background:#fff !important;
  }
  .voucher-wallet-vcard-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .voucher-wallet-vcard-main{
    grid-area:main;
    display:grid;
    gap:6px;
    align-content:start;
  }
  .voucher-wallet-vcard-head{
    grid-area:head;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:6px;
    margin:0;
    padding:0;
  }
  .voucher-wallet-vcard-title{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    text-align:left;
  }
  .voucher-wallet-vcard-code{
    font-size:13px;
    line-height:1.15;
    font-weight:900;
    color:#ef4444;
    word-break:break-all;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    margin:0;
    padding:0;
    text-align:left;
  }
  .voucher-wallet-vcard-discount{
    font-size:11px;
    font-weight:800;
    color:#334155;
  }
  .voucher-wallet-vcard-meta{
    font-size:10px;
    color:#64748b;
    font-weight:700;
  }
  .voucher-wallet-vcard-lines{
    display:grid;
    gap:4px;
    color:#0f766e;
    font-size:10px;
    font-weight:700;
  }
  .voucher-wallet-empty{
    padding:14px;
    border:1px dashed #cbd5e1;
    border-radius:12px;
    color:#64748b;
    background:#f8fafc;
    font-size:13px;
  }
  .voucher-wallet-group,
  .voucher-wallet-item{
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
  }
  .voucher-wallet-group > summary,
  .voucher-wallet-item > summary{
    list-style:none;
    cursor:pointer;
  }
  .voucher-wallet-group > summary::-webkit-details-marker,
  .voucher-wallet-item > summary::-webkit-details-marker{
    display:none;
  }
  .voucher-wallet-group > summary{
    padding:14px 16px;
    background:linear-gradient(180deg,#fffaf7 0%, #fff 100%);
  }
  .voucher-wallet-item > summary{
    padding:12px 14px;
  }
  .voucher-wallet-group-main{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
  }
  .voucher-wallet-group-title{
    font-size:16px;
    font-weight:800;
    color:#0f172a;
  }
  .voucher-wallet-group-meta,
  .voucher-wallet-item-sub{
    font-size:12px;
    color:#64748b;
  }
  .voucher-wallet-items{
    display:grid;
    gap:10px;
    padding:12px;
    background:#f8fafc;
  }
  .voucher-wallet-item-code code{
    font-size:14px;
    font-weight:700;
  }
  .voucher-wallet-item-discount{
    font-weight:700;
    color:#ea580c;
  }
  .voucher-wallet-item-detail{
    padding:0 14px 14px;
    display:grid;
    gap:10px;
  }
  .voucher-wallet-kv-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px 14px;
    font-size:13px;
  }
  .voucher-wallet-tags{
    gap:8px;
  }
  .voucher-wallet-tag{
    display:inline-flex;
    align-items:center;
    padding:3px 7px;
    border-radius:999px;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#334155;
    font-size:10px;
    font-weight:700;
  }
  .voucher-wallet-tag.is-ok{
    border-color:#bbf7d0;
    background:#f0fdf4;
    color:#166534;
  }
  .voucher-wallet-tag.is-warn{
    border-color:#fed7aa;
    background:#fff7ed;
    color:#9a3412;
  }
  .voucher-wallet-tag-link{
    text-decoration:none;
    cursor:pointer;
  }
  .voucher-wallet-tag-link:hover{
    filter:brightness(0.95);
  }
  .voucher-wallet-link-row a{
    word-break:break-all;
  }
  @media (max-width: 1200px){
    .voucher-wallet-card-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 760px){
    .voucher-wallet-panel-summary{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .voucher-wallet-panel-summary-compact{
      grid-template-columns:1fr;
    }
    .voucher-wallet-search-row{
      grid-template-columns:1fr;
    }
    .voucher-wallet-card-grid{
      grid-template-columns:1fr;
    }
    .voucher-wallet-vcard{
      grid-template-columns:1fr;
      grid-template-areas:
        "head"
        "badge"
        "main";
    }
    .voucher-wallet-vcard.vcard-ship{
      grid-template-columns:1fr !important;
      grid-template-areas:
        "head"
        "badge"
        "main" !important;
    }
    .voucher-wallet-vcard-badge{
      min-height:64px;
    }
    .voucher-wallet-vcard-code{
      font-size:12px;
    }
    .voucher-wallet-vcard-discount{
      font-size:10px;
    }
    .voucher-wallet-kv-grid{
      grid-template-columns:1fr;
    }
    .voucher-wallet-group > summary,
    .voucher-wallet-item > summary,
    .voucher-wallet-item-detail{
      padding-left:12px;
      padding-right:12px;
    }
  }
  .notice-card{
    padding:14px 16px;
    border:1px solid #ee4d2d22;
    background:linear-gradient(180deg,#fff 0%, #fffaf7 100%);
  }
  .qr-cookie-card{
    border:1px solid #e5e7eb;
  }
  .qr-cookie-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:10px;
  }
  .qr-cookie-head .card-title{
    margin:0;
  }
  .qr-cookie-create-btn{
    background:#0ea5e9;
  }
  .qr-cookie-create-btn:hover{
    background:#0284c7;
  }
  .qr-cookie-usage-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    margin-bottom:10px;
  }
  .qr-cookie-mobile-summary{
    display:none;
    margin-bottom:10px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    padding:7px 9px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .qr-cookie-usage-item{
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    padding:7px 9px;
  }
  .qr-cookie-usage-item .k{
    font-size:11px;
    color:#64748b;
    font-weight:700;
  }
  .qr-cookie-usage-item .v{
    font-size:13px;
    color:#0f172a;
    font-weight:800;
    line-height:1.25;
  }
  .qr-cookie-workspace{
    border:1px dashed #cbd5e1;
    border-radius:12px;
    background:#f8fafc;
    padding:10px;
  }
  .qr-cookie-preview-card{
    display:grid;
    gap:8px;
  }
  .qr-cookie-proxy-box{
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    padding:10px;
  }
  .qr-cookie-proxy-head{
    display:block;
  }
  .qr-cookie-proxy-title{
    font-size:13px;
    font-weight:800;
    color:#0f172a;
  }
  .qr-cookie-proxy-hint{
    margin-top:3px;
    font-size:11px;
    line-height:1.45;
  }
  .qr-cookie-proxy-row{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    align-items:center;
    gap:8px;
    margin-top:8px;
    width:100%;
  }
  .qr-cookie-proxy-check-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    min-width:56px;
    height:34px;
    padding:0 10px;
    border-radius:10px;
    background:#f97316 !important;
    color:#fff !important;
    font-size:12px;
    font-weight:800;
  }
  .qr-cookie-proxy-check-btn:hover{
    background:#ea580c !important;
  }
  .qr-cookie-proxy-check-btn:disabled{
    opacity:.9 !important;
  }
  .qr-cookie-proxy-input{
    display:block;
    width:100%;
    min-width:0;
    margin-top:0;
    border:1px solid #cbd5e1;
    border-radius:10px;
    background:#fff;
    padding:8px 12px;
    font-size:13px;
    color:#0f172a;
  }
  .qr-cookie-proxy-input:focus{
    outline:none;
    border-color:#60a5fa;
    box-shadow:0 0 0 3px #dbeafe;
  }
  .qr-cookie-proxy-status{
    margin-top:8px;
    font-size:12px;
    line-height:1.45;
  }
  .qr-cookie-proxy-scheme{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:7px;
    flex-wrap:wrap;
  }
  .qr-cookie-proxy-option{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:4px 8px;
    border:1px solid #e5e7eb;
    border-radius:999px;
    background:#fff;
    font-size:11px;
    font-weight:700;
    color:#475569;
    cursor:pointer;
  }
  .qr-cookie-proxy-option input{
    margin:0;
    width:12px;
    height:12px;
  }
  .qr-cookie-proxy-option:has(input:checked){
    border-color:#fdba74;
    background:#fff7ed;
    color:#c2410c;
  }
  @media (max-width: 560px){
    .qr-cookie-proxy-row{
      grid-template-columns:52px minmax(0,1fr);
      gap:6px;
    }
    .qr-cookie-proxy-check-btn{
      width:52px;
      min-width:52px;
      height:32px;
      padding:0 8px;
      font-size:12px;
    }
    .qr-cookie-proxy-input{
      padding:7px 10px;
      font-size:12px;
    }
  }
  .qr-cookie-proxy-status.ok{
    color:#166534;
    font-weight:700;
  }
  .qr-cookie-proxy-status.err{
    color:#b91c1c;
    font-weight:700;
  }
  .qr-cookie-status{
    font-size:13px;
  }
  .qr-cookie-status.ok{
    color:#166534;
    font-weight:800;
  }
  .qr-cookie-status.err{
    color:#b91c1c;
    font-weight:800;
  }
  .qr-cookie-image-wrap{
    display:flex;
    justify-content:center;
  }
  .qr-cookie-image{
    width:min(320px, 100%);
    border-radius:10px;
    border:1px solid #e2e8f0;
    background:#fff;
    padding:6px;
  }
  .qr-cookie-cancel-wrap{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .qr-cookie-fetch-btn{
    background:#0284c7 !important;
    color:#fff !important;
  }
  .qr-cookie-fetch-btn:hover{
    background:#0369a1 !important;
  }
  .qr-cookie-fetch-btn:disabled{
    background:#0284c7 !important;
    color:#fff !important;
    opacity:.8 !important;
  }
  .qr-cookie-cancel-btn{
    background:#f97316 !important;
    color:#fff !important;
  }
  .qr-cookie-cancel-btn:hover{
    background:#ea580c !important;
  }
  .qr-cookie-cancel-btn:disabled{
    background:#f97316 !important;
    color:#fff !important;
    opacity:.95 !important;
  }
  .qr-cookie-result{
    border:1px solid #93c5fd;
    border-radius:10px;
    background:linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    box-shadow:0 6px 18px rgba(29,78,216,.12);
    padding:9px 10px 8px;
    overflow:hidden;
  }
  .qr-cookie-result-line{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
    font-size:12px;
    min-width:0;
    width:100%;
    overflow:hidden;
  }
  .qr-cookie-result-line span{
    flex:0 0 auto;
    font-weight:700;
    color:#1e40af;
    letter-spacing:.2px;
  }
  .qr-cookie-result-line code{
    font-size:12px;
    color:#0f172a;
    flex:1 1 auto;
    min-width:0;
    width:0;
    max-width:100%;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .qr-cookie-result-line .mini-btn{
    flex:0 0 auto;
    border:1px solid #1e40af;
    background:#2563eb;
    color:#fff;
    font-weight:700;
    box-shadow:0 2px 6px rgba(37,99,235,.25);
  }
  .qr-cookie-result-line .mini-btn:hover{
    background:#1d4ed8;
  }
  .qr-cookie-result-line .mini-btn:focus-visible{
    outline:2px solid rgba(59,130,246,.45);
    outline-offset:1px;
  }
  .qr-cookie-current-st{
    display:block;
    flex:1 1 auto;
    min-width:0;
    width:0;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:.15px;
    border:1px solid #93c5fd;
    background:#f8fbff;
    font-weight:700;
    border-radius:7px;
    padding:2px 6px;
    cursor:pointer;
    transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
  }
  .qr-cookie-copy-note{
    margin-top:5px;
    font-size:11px;
    color:#1e3a8a;
    font-weight:600;
  }
  .qr-cookie-history-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
  }
  .qr-cookie-history-head .card-title{
    margin:0;
  }
  .qr-cookie-history-summary{
    margin-bottom:8px;
    font-size:11px;
    line-height:1.3;
  }
  .qr-cookie-history-wrap{
    overflow:auto;
    border:1px solid #f0caca;
    border-radius:10px;
  }
  .qr-cookie-history-table{
    width:100%;
    min-width:700px;
    border-collapse:collapse;
    table-layout:fixed;
  }
  .qr-cookie-history-table th,
  .qr-cookie-history-table td{
    padding:7px 8px;
    border-bottom:1px solid #f6d7d7;
    font-size:11px;
    vertical-align:middle;
    text-align:left;
  }
  .qr-cookie-history-table th{
    background:var(--shopee);
    color:#fff;
    font-weight:700;
    white-space:nowrap;
  }
  .qr-cookie-history-table th:nth-child(1),
  .qr-cookie-history-table td:nth-child(1){
    width:110px;
  }
  .qr-cookie-history-table th:nth-child(2),
  .qr-cookie-history-table td:nth-child(2){
    width:96px;
    text-align:left;
    padding-left:4px;
    padding-right:4px;
  }
  .qr-cookie-history-table th:nth-child(3),
  .qr-cookie-history-table td:nth-child(3){
    width:240px;
    min-width:0;
    overflow:hidden;
  }
  .qr-cookie-history-table th:nth-child(4),
  .qr-cookie-history-table td:nth-child(4){
    width:82px;
    text-align:center;
  }
  .qr-cookie-history-table th:nth-child(5),
  .qr-cookie-history-table td:nth-child(5){
    width:96px;
    text-align:center;
  }
  .qr-cookie-history-table tr:last-child td{
    border-bottom:none;
  }
  .qr-cookie-subline{
    font-size:10px;
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .qr-cookie-st-line{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    flex-wrap:nowrap;
    width:100%;
    overflow:hidden;
  }
  .qr-cookie-history-table td:nth-child(2) .badge{
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 8px;
    max-width:100%;
  }
  .qr-cookie-st-code{
    display:block;
    flex:1 1 auto;
    min-width:0;
    width:0;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-radius:6px;
    padding:1px 4px;
    cursor:pointer;
    transition:background-color .16s ease;
  }
  .qr-cookie-count-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#f8fafc;
    padding:3px 8px;
    font-size:10px;
    font-weight:700;
    color:#334155;
  }
  .qr-cookie-current-st:hover,
  .qr-st-copy-code:hover{
    background:#e0edff;
    border-color:#60a5fa;
    box-shadow:0 0 0 2px rgba(96,165,250,.22);
  }
  .qr-cookie-current-st.copied,
  .qr-st-copy-code.copied{
    background:#dcfce7;
    border-color:#4ade80;
    box-shadow:0 0 0 2px rgba(74,222,128,.2);
  }
  .notice-hero{
    border:1px solid #ee4d2d33;
    background:
      radial-gradient(120% 120% at 100% 0%, #ffe9df 0%, transparent 38%),
      linear-gradient(180deg, #ffffff 0%, #fff8f4 100%);
    padding:8px 10px;
  }
  .notice-hero-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:3px;
  }
  .notice-tag{
    border:1px solid #ee4d2d44;
    background:#fff;
    color:#c2410c;
    font-size:10px;
    font-weight:700;
    padding:2px 7px;
    border-radius:999px;
  }
  .notice-title{
    margin:0;
    font-size:14px;
    line-height:1.2;
    letter-spacing:.1px;
  }
  .notice-text{
    margin:0 0 6px 0;
    font-size:11px;
    line-height:1.3;
    color:#475569;
  }
  .notice-steps{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:5px;
  }
  .notice-step{
    border:1px solid #e5e7eb;
    background:#fff;
    border-radius:10px;
    padding:4px 6px;
    font-size:10px;
    line-height:1.2;
    color:#334155;
  }
  .notice-step span{
    display:inline-flex;
    width:14px;
    height:14px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    margin-right:4px;
    background:#fff3ef;
    color:#d63a1c;
    font-weight:800;
    border:1px solid #ee4d2d33;
  }
  .stats-card{
    border:1px solid #e5e7eb;
    background:linear-gradient(180deg,#fff 0%, #f8fafc 100%);
  }
  .stats-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:6px;
  }
  .stats-head .card-title{
    margin:0;
    font-size:14px;
  }
  .stats-total-badge{
    background:#fff3ef;
    border:1px solid #ee4d2d33;
    color:#d63a1c;
    font-size:10px;
    font-weight:800;
    border-radius:999px;
    padding:3px 8px;
  }
  .tool-form-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }
  .tool-field{
    display:grid;
    gap:4px;
  }
  .tool-field label{
    font-size:12px;
    color:#4b5563;
  }
  .tool-field-span{grid-column:1 / -1}
  .tool-input{
    width:100%;
    border:1px solid #d1d5db;
    border-radius:10px;
    padding:8px 10px;
    font-size:13px;
    background:#fff;
    color:#111827;
  }
  .tool-textarea{resize:vertical; min-height:60px}
  .tool-actions{
    grid-column:1 / -1;
    display:flex;
    justify-content:flex-end;
  }
  .tool-inline-form{
    display:flex;
    gap:8px;
    align-items:center;
  }
  .tool-inline-form .tool-input{max-width:260px}
  .tool-wallet-head{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    font-size:13px;
  }
  .tool-qr-wrap{
    margin-top:10px;
    max-width:240px;
  }
  .tool-qr-wrap img{
    width:100%;
    border-radius:10px;
    border:1px solid #e5e7eb;
  }
  .tool-grid-2{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  .add-mail-form-grid{
    align-items:stretch;
  }
  .add-mail-form-grid > .tool-box{
    grid-template-rows:auto minmax(158px, 1fr) auto minmax(69px, auto);
  }
  .add-mail-form-grid .tool-textarea{
    min-height:158px;
    height:100%;
  }
  .add-mail-count-actions{
    order:0;
  }
  .tool-box{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:10px;
    display:grid;
    gap:8px;
    background:#fff;
  }
  .tool-box-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:4px;
    flex-wrap:wrap;
  }
  .add-mail-count{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:4px;
    font-size:12px;
    font-weight:700;
    color:#0f766e;
    background:#f0fdfa;
    border:1px solid #99f6e4;
    border-radius:999px;
    padding:4px 10px;
  }
  .tool-box-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .tool-box-head-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .tool-box-title{
    margin:0;
    font-size:15px;
  }
  .tool-note{
    font-size:13px;
    color:#374151;
    line-height:1.35;
  }
  .add-mail-source-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    margin-top:10px;
    min-height:69px;
  }
  .add-mail-source-option{
    display:flex;
    align-items:flex-start;
    gap:8px;
    width:100%;
    min-width:0;
    border:1px solid #bfdbfe;
    border-radius:10px;
    padding:9px 10px;
    font-size:13px;
    color:#374151;
    line-height:1.25;
  }
  .add-mail-source-option input{
    margin-top:2px;
    flex:0 0 auto;
  }
  .add-mail-source-content{
    display:block;
    min-width:0;
    flex:1 1 auto;
  }
  .add-mail-source-title{
    display:block;
    min-width:0;
    font-weight:800;
    color:#0f172a;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .add-mail-source-meta{
    display:block;
    min-width:0;
    margin-top:2px;
    color:#64748b;
    font-size:12px;
    line-height:1.25;
  }
  .add-mail-source-option-mailtm{
    background:#f8fbff;
  }
  .add-mail-source-option.is-disabled{
    opacity:.72;
    cursor:not-allowed;
    background:#f3f4f6;
    border-color:#e5e7eb;
  }
  .add-mail-source-option.is-disabled input{
    cursor:not-allowed;
  }
  .add-mail-source-option.is-disabled .add-mail-source-title{
    color:#64748b;
  }
  .add-mail-source-meta.maintenance{
    color:#b91c1c;
    font-weight:700;
  }
  .add-mail-source-option-hotmail{
    background:#fff7ed;
  }
  .add-mail-free-note{
    margin-top:2px;
    color:#dc2626;
    font-size:12px;
    font-style:italic;
    line-height:1.35;
  }
  .tool-checkbox{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#111827;
  }
  .tool-checkbox input{
    width:15px;
    height:15px;
  }
  .notify-matrix{
    width:100%;
    border-collapse:collapse;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    font-size:13px;
    background:#fff;
  }
  .notify-matrix th,
  .notify-matrix td{
    border-bottom:1px solid #eef2f7;
    padding:8px 10px;
    text-align:left;
    vertical-align:middle;
  }
  .notify-matrix th{
    background:#fff7ed;
    color:#9a3412;
    font-weight:700;
  }
  .notify-matrix tr:last-child td{
    border-bottom:none;
  }
  .notify-matrix td.center{
    text-align:center;
  }
  .notify-matrix input[type="checkbox"]{
    width:16px;
    height:16px;
  }
  .account-page{
    display:grid;
    gap:10px;
  }
  .account-hero{
    padding:12px 14px;
    border:1px solid #e5e7eb;
    background:
      radial-gradient(120% 120% at 100% 0%, #ffe9df 0%, transparent 36%),
      linear-gradient(180deg, #ffffff 0%, #fff8f4 100%);
  }
  .account-hero-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
  }
  .account-page-title{
    margin:0;
    font-size:18px;
  }
  .account-user-pill{
    display:inline-flex;
    align-items:center;
    border:1px solid #fdba74;
    background:#fff7ed;
    color:#9a3412;
    border-radius:999px;
    padding:4px 9px;
    font-size:11px;
    font-weight:800;
    line-height:1;
  }
  .account-meta-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }
  .account-meta-item{
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    padding:7px 9px;
    display:grid;
    gap:2px;
    min-width:0;
  }
  .account-meta-item .k{
    font-size:11px;
    color:#64748b;
    font-weight:700;
  }
  .account-meta-item .v{
    font-size:13px;
    color:#0f172a;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .account-section{
    border:1px solid #e5e7eb;
    padding:12px 14px;
  }
  .account-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .account-section-title{
    margin:0;
    font-size:18px;
    font-weight:900;
  }
  .account-section-sub{
    font-size:11px;
    color:#64748b;
  }
  .account-setup-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 8px;
    padding:9px 10px;
    border:1px solid #fed7aa;
    border-radius:12px;
    background:linear-gradient(180deg, #fffdfa 0%, #fff7ed 100%);
  }
  .account-setup-banner-text{
    margin:0;
    font-size:12px;
    color:#9a3412;
    line-height:1.35;
  }
  .account-setup-banner-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:30px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid #0ea5e9;
    background:#e0f2fe;
    color:#0c4a6e;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    text-decoration:none;
    flex:0 0 auto;
  }
  .account-setup-banner-link:hover{
    background:#bae6fd;
    color:#075985;
  }
  .account-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .account-accordion{
    display:grid;
    gap:8px;
  }
  .account-accordion-item{
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
  }
  .account-accordion-summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 11px;
    font-size:14px;
    font-weight:800;
    color:#0f172a;
  }
  .account-accordion-summary::-webkit-details-marker{
    display:none;
  }
  .account-accordion-summary::marker{
    display:none;
  }
  .account-accordion-title{
    min-width:0;
  }
  .account-accordion-toggle{
    border:1px solid #fdba74;
    background:#fff7ed;
    color:#9a3412;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    line-height:1;
    padding:3px 7px;
    flex:0 0 auto;
  }
  .account-accordion-item[open] .account-accordion-summary{
    background:#fff7ed;
    color:#9a3412;
    border-bottom:1px solid #fed7aa;
  }
  .account-accordion-item[open] .account-accordion-toggle{
    background:#ee4d2d;
    border-color:#ee4d2d;
    color:#fff;
  }
  .account-accordion-content{
    padding:8px;
  }
  .account-accordion-content .account-panel{
    border:none;
    border-radius:0;
    background:transparent;
    padding:0;
  }
  .account-panel{
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    padding:9px;
    display:grid;
    gap:7px;
  }
  .account-panel-title{
    margin:0;
    font-size:15px;
    font-weight:800;
    line-height:1.2;
  }
  .account-hint{
    margin:0;
    font-size:12px;
    color:#64748b;
    line-height:1.3;
  }
  .account-inline-check{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#0f172a;
  }
  .account-inline-check input{
    width:15px;
    height:15px;
  }
  .account-btn{
    width:100%;
    height:32px;
    padding:0 10px;
    font-size:12px;
    border-radius:9px;
  }
  .account-api-key-panel{
    border:1px solid #fed7aa !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fffdfa 0%,#fff7ed 100%) !important;
    padding:10px !important;
  }
  .account-api-key-grid{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(280px,1.12fr);
    gap:12px;
    align-items:stretch;
  }
  .account-api-key-main{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    min-width:0;
  }
  .account-api-status{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid #fdba74;
    background:#fff;
    color:#9a3412;
    font-size:12px;
    line-height:1.25;
  }
  .account-api-status.muted{
    color:#64748b;
    border-color:#e2e8f0;
    background:#f8fafc;
  }
  .account-api-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .account-api-actions form{
    margin:0;
  }
  .account-api-create-btn{
    min-width:150px;
    height:30px;
    padding:0 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
  }
  .account-api-doc-btn{
    min-height:34px;
    padding:0 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(14,165,233,.18);
  }
  .account-api-copy-guide-btn{
    min-height:34px;
    padding:0 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
    color:#075985;
    border:1px solid #bae6fd;
    background:linear-gradient(180deg,#f0f9ff,#e0f2fe);
  }
  .account-api-key-box{
    min-width:0;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
    padding:10px;
    box-shadow:0 10px 24px rgba(15,23,42,.05);
  }
  .account-api-key-box-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:7px;
    color:#0f172a;
    font-size:12px;
    font-weight:900;
  }
  .account-api-toggle-key{
    height:26px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    white-space:nowrap;
  }
  .account-api-key-input{
    font-family:Consolas,Monaco,"Courier New",monospace;
    font-size:12px;
  }
  .account-api-key-warning{
    margin-top:6px;
    color:#c2410c;
    font-size:11px;
    line-height:1.35;
  }
  .account-api-key-warning.muted{
    color:#64748b;
  }
  .account-google-sheet-panel{
    border:1px solid #bbf7d0 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#f8fff9 0%,#ecfdf5 100%) !important;
    padding:10px !important;
    gap:10px;
  }
  .account-google-sheet-summary-title{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
  }
  .account-google-sheet-update-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid #fb7185;
    border-radius:999px;
    background:linear-gradient(135deg,#ef4444,#f97316);
    color:#fff;
    box-shadow:0 0 0 3px rgba(251,113,133,.14);
    padding:3px 8px;
    font-size:9px;
    font-weight:950;
    line-height:1;
    letter-spacing:.25px;
    text-transform:uppercase;
    animation:accountGoogleSheetUpdatePulse 1.5s ease-in-out infinite;
  }
  @keyframes accountGoogleSheetUpdatePulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(251,113,133,.14)}
    50%{transform:scale(1.06);box-shadow:0 0 0 6px rgba(249,115,22,.08)}
  }
  @media (prefers-reduced-motion:reduce){
    .account-google-sheet-update-badge{animation:none}
  }
  .account-google-sheet-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }
  .account-google-sheet-status{
    flex:0 0 auto;
    max-width:220px;
    border:1px solid #d1d5db;
    border-radius:999px;
    background:#fff;
    color:#475569;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
    text-align:center;
  }
  .account-google-sheet-status.active{
    border-color:#86efac;
    color:#166534;
    background:#dcfce7;
  }
  .account-google-sheet-current{
    display:grid;
    gap:5px;
    border:1px solid #bbf7d0;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    padding:9px 10px;
    font-size:12px;
    line-height:1.35;
  }
  .account-google-sheet-current.muted{
    color:#64748b;
  }
  .account-google-sheet-current code{
    overflow-wrap:anywhere;
    font-family:Consolas,Monaco,"Courier New",monospace;
    font-size:11px;
    color:#065f46;
  }
  .account-google-sheet-usage{
    display:grid;
    gap:6px;
  }
  .account-google-sheet-usage-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
  }
  .account-google-sheet-usage-head span{
    color:#166534;
    font-weight:800;
  }
  .account-google-sheet-usage-bar{
    height:10px;
    overflow:hidden;
    border-radius:999px;
    border:1px solid #bbf7d0;
    background:#f0fdf4;
  }
  .account-google-sheet-usage-bar span{
    display:block;
    height:100%;
    min-width:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#22c55e,#16a34a);
  }
  .account-google-sheet-key-box{
    margin-top:4px;
    border-color:#86efac;
    box-shadow:none;
  }
  .account-google-sheet-key-actions{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
  }
  .account-google-sheet-key-actions form{
    margin:4px 0 0;
  }
  .account-google-sheet-last-error{
    display:grid;
    gap:3px;
    border:1px solid #fecaca;
    border-radius:10px;
    background:#fff1f2;
    color:#991b1b;
    padding:8px 10px;
  }
  .account-google-sheet-last-error span{
    overflow-wrap:anywhere;
  }
  .account-google-sheet-last-error em{
    color:#64748b;
    font-style:normal;
    font-size:11px;
  }
  .account-google-sheet-script-box{
    display:grid;
    gap:10px;
    border:1px solid #bfdbfe;
    border-radius:10px;
    background:#eff6ff;
    color:#0f172a;
    padding:9px 10px;
  }
  .account-google-sheet-script-main{
    min-width:0;
    display:grid;
    gap:3px;
  }
  .account-google-sheet-script-main b{
    color:#1d4ed8;
    font-size:12px;
  }
  .account-google-sheet-script-main span,
  .account-google-sheet-script-note{
    color:#475569;
    font-size:11px;
    line-height:1.35;
  }
  .account-google-sheet-script-guide{
    display:grid;
    gap:3px;
    margin-top:5px;
    color:#334155;
    font-size:11px;
    line-height:1.4;
  }
  .account-google-sheet-script-guide b{
    color:#1e40af;
    font-size:11px;
  }
  .account-google-sheet-script-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    flex-wrap:wrap;
  }
  .account-google-sheet-script-actions .mini-btn{
    white-space:nowrap;
  }
  .account-google-sheet-video-btn:disabled{
    cursor:not-allowed;
    color:#64748b;
    border-color:#cbd5e1;
    background:#f8fafc;
    opacity:.78;
  }
  .account-google-sheet-script-note{
    flex:1 1 100%;
  }
  .google-sheet-plan-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }
  .google-sheet-plan-card{
    min-width:0;
    border:1px solid #a7f3d0;
    border-radius:12px;
    background:#fff;
    padding:9px;
    display:grid;
    gap:6px;
  }
  .google-sheet-plan-title{
    color:#065f46;
    font-size:13px;
    font-weight:900;
  }
  .google-sheet-plan-price{
    color:#111827;
    font-size:16px;
    font-weight:950;
  }
  .google-sheet-plan-quota{
    min-height:30px;
    color:#475569;
    font-size:12px;
    line-height:1.3;
  }
  .account-sheet-check-quota-panel{
    border-color:#bfdbfe;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  }
  .account-sheet-check-quota-current{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
    margin:10px 0;
  }
  .account-sheet-check-quota-current > div{
    min-width:0;
    border:1px solid #dbeafe;
    border-radius:10px;
    background:#fff;
    padding:9px;
  }
  .account-sheet-check-quota-label{
    display:block;
    margin-bottom:4px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
  }
  .account-sheet-check-quota-current b{
    color:#0f172a;
    font-size:15px;
    font-weight:950;
  }
  .sheet-check-quota-plan-card{
    border-color:#bfdbfe;
  }
  .sheet-check-quota-plan-card .google-sheet-plan-title{
    color:#1d4ed8;
  }
  .account-telegram-grid{
    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(0, 1.18fr);
    gap:10px;
    align-items:start;
  }
  .account-telegram-grid > *{
    min-width:0;
  }
  .account-telegram-grid .account-panel{
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    padding:10px;
    box-shadow:0 10px 24px rgba(15, 23, 42, .04);
  }
  .account-telegram-grid .account-panel.account-telegram-connect{
    border-color:#fed7aa;
    background:linear-gradient(180deg, #fffdfa 0%, #fff7ed 100%);
  }
  .account-telegram-grid .account-panel.account-panel-notify{
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  }
  .account-telegram-grid .account-panel.account-unlink-panel{
    border-color:#fed7aa;
    background:linear-gradient(180deg, #fffaf5 0%, #fff7ed 100%);
  }
  .account-telegram-side{
    display:grid;
    gap:8px;
  }
  .account-telegram-side .account-unlink-panel{
    margin-top:0;
  }
  .account-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }
  .account-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd5e1;
    border-radius:999px;
    background:#f8fafc;
    color:#475569;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    padding:5px 9px;
    white-space:nowrap;
    flex:0 0 auto;
  }
  .account-status-pill.active{
    border-color:#86efac;
    background:#dcfce7;
    color:#166534;
  }
  .account-step-list{
    display:grid;
    gap:8px;
  }
  .account-step-item{
    display:grid;
    grid-template-columns:28px minmax(0, 1fr);
    gap:8px;
    align-items:flex-start;
    padding:8px 9px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#f8fafc;
  }
  .account-step-badge{
    width:28px;
    height:28px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ee4d2d;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1;
  }
  .account-step-body{
    font-size:12px;
    color:#334155;
    line-height:1.35;
  }
  .account-step-body a{
    font-weight:700;
  }
  .account-bot-link{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .account-topup-panel{
    gap:10px;
  }
  .account-topup-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(280px, 360px);
    gap:14px;
    align-items:stretch;
  }
  .account-topup-info-pane,
  .account-topup-qr-pane{
    min-width:0;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:#fffaf3;
    padding:12px;
  }
  .account-topup-info-pane{
    display:grid;
    gap:9px;
    align-content:start;
  }
  .account-topup-qr-pane{
    display:grid;
    justify-items:center;
    align-content:center;
    gap:9px;
    background:#fff;
  }
  .account-topup-qr-title{
    font-size:14px;
    font-weight:800;
    color:#7c2d12;
  }
  .account-topup-qr-caption{
    max-width:260px;
    text-align:center;
    font-size:12px;
    line-height:1.35;
    color:#64748b;
  }
  .account-topup-bank-list{
    display:grid;
    gap:6px;
  }
  .account-topup-bank-row{
    display:grid;
    grid-template-columns:120px minmax(0, 1fr);
    gap:10px;
    align-items:center;
    border:1px solid #ffedd5;
    border-radius:8px;
    background:#fff;
    padding:8px 10px;
    font-size:13px;
  }
  .account-topup-bank-row span{
    color:#64748b;
  }
  .account-topup-bank-row b{
    min-width:0;
    color:#0f172a;
    word-break:break-word;
  }
  .account-topup-alert{
    border:2px solid #14b8a6;
    border-radius:8px;
    background:linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
    color:#064e3b;
    padding:12px 14px;
    box-shadow:0 8px 22px rgba(20,184,166,.18);
  }
  .account-topup-alert-title{
    font-size:22px;
    line-height:1.15;
    font-weight:900;
    color:#0f766e;
  }
  .account-topup-alert-text{
    margin-top:5px;
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    color:#065f46;
  }
  .account-topup-actions{
    margin-top:2px;
  }
  .account-topup-history{
    margin-top:10px;
    border:1px dashed #e2e8f0;
    border-radius:12px;
    background:#f8fafc;
    padding:8px 10px;
  }
  .account-topup-history-head{
    font-weight:700;
    font-size:12px;
    color:#0f172a;
    margin-bottom:6px;
  }
  .account-topup-history-table{
    display:grid;
    gap:4px;
  }
  .account-topup-history-row{
    display:grid;
    grid-template-columns:1.8fr 1fr 1fr .6fr;
    gap:8px;
    font-size:12px;
    align-items:center;
    padding:4px 0;
    border-bottom:1px dashed #e2e8f0;
  }
  .account-topup-history-row:last-child{
    border-bottom:none;
  }
  .account-topup-history-row-head{
    font-weight:600;
    color:#475569;
  }
  .account-topup-history-empty{
    font-size:12px;
    color:#64748b;
    padding:6px 2px;
  }
  .topup-amount{
    color:#16a34a;
    font-weight:600;
  }
  .topup-total{
    color:#0f172a;
    font-weight:700;
  }
  .topup-tx{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size:11px;
    color:#475569;
  }
  .account-unlink-panel{
    margin-top:8px;
    border-color:#fed7aa;
    background:#fff7ed;
  }
  .account-topup-note{
    border:1px solid #bfdbfe;
    border-radius:8px;
    background:#eff6ff;
    color:#1e3a8a;
    font-size:12px;
    padding:7px 9px;
    line-height:1.35;
  }
  .account-topup-note-code{
    display:grid;
    gap:4px;
    background:#eff6ff;
  }
  .account-topup-note-code span{
    font-weight:700;
  }
  .account-topup-note-code code{
    display:block;
    color:#1d4ed8;
    font-size:13px;
    white-space:normal;
    word-break:break-word;
  }
  .account-topup-note-muted{
    border-color:#e2e8f0;
    background:#f8fafc;
    color:#475569;
  }
  .account-topup-note-warn{
    border-color:#fed7aa;
    background:#fff7ed;
    color:#9a3412;
  }
  .account-sepay-qr-wrap{
    display:flex;
    justify-content:center;
    padding:6px 0;
  }
  .account-sepay-qr{
    width:278px;
    max-width:100%;
    border:1px solid #e5e7eb;
    border-radius:8px;
    background:#fff;
    display:block;
  }
  .topup-success-card{
    width:min(620px, 94vw);
    border:3px solid #22c55e;
    box-shadow:0 24px 70px rgba(22,163,74,.35);
  }
  .topup-success-head{
    font-size:22px;
  }
  .topup-success-modal .modal-body{
    font-size:17px;
    line-height:1.45;
  }
  .topup-success-modal .topup-modal-amount,
  .topup-success-modal .topup-modal-total{
    font-size:24px;
    font-weight:900;
    color:#16a34a;
  }
  .vip-card-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }
  .vip-form{
    min-width:0;
  }
  .vip-card{
    height:100%;
    border:1px solid #fde68a;
    border-radius:12px;
    background:linear-gradient(180deg, #fffdf3 0%, #fff7ed 100%);
    padding:8px;
    display:grid;
    gap:6px;
  }
  .vip-card.active{
    border-color:#fb923c;
    box-shadow:0 0 0 1px #fdba74 inset;
  }
  .vip-card-title{
    font-size:13px;
    font-weight:900;
    color:#7c2d12;
  }
  .vip-card-price{
    font-size:12px;
    font-weight:800;
    color:#111827;
  }
  .vip-card-upgrade-note{
    font-size:10px;
    font-weight:800;
    color:#1d4ed8;
    background:#eff6ff;
    border:1px dashed #93c5fd;
    border-radius:999px;
    padding:2px 8px;
    width:max-content;
  }
  .vip-card-quota{
    font-size:11px;
    color:#475569;
    min-height:30px;
  }
  .vip-card-benefits{
    display:grid;
    gap:3px;
    min-height:52px;
  }
  .vip-card-benefit{
    font-size:11px;
    color:#475569;
    line-height:1.25;
  }
  .vip-card-benefit b{
    color:#334155;
    font-weight:800;
  }
  .vip-current-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    border-radius:999px;
    border:1px solid #86efac;
    background:#dcfce7;
    color:#166534;
    padding:2px 7px;
    font-size:10px;
    font-weight:800;
  }
  .account-panel-notify{
    gap:10px;
  }
  .account-inline-check-card{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    padding:10px 12px;
    border:1px solid #bfdbfe;
    border-radius:12px;
    background:linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
  }
  .account-inline-check-card input{
    flex:0 0 auto;
  }
  .account-notify-master{
    color:#1e3a8a;
  }
  .account-notice-custom{
    display:grid;
    gap:6px;
  }
  .admin-toggle-row{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:700;
    color:#9a3412;
    background:#fff7ed;
    border:1px solid #fed7aa;
    border-radius:10px;
    padding:8px 10px;
  }
  .admin-toggle-row input[type="checkbox"]{
    width:16px;
    height:16px;
  }
  .admin-home-free-code-box{
    display:grid;
    gap:8px;
    margin-top:12px;
    padding:10px;
    border:1px solid #fed7aa;
    border-radius:12px;
    background:#fff7ed;
    overflow-x:auto;
  }
  .admin-home-free-code-toggle-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    padding:10px 12px;
    border:1px solid #f3c58b;
    border-radius:10px;
    background:#fff;
  }
  .admin-home-free-code-toggle-btn{
    min-height:40px;
    min-width:220px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    line-height:1;
  }
  .admin-home-free-code-toggle-btn.primary{
    box-shadow:0 0 0 1px rgba(37,99,235,.08) inset;
  }
  .admin-home-free-code-toggle-btn.warn{
    box-shadow:0 0 0 1px rgba(245,158,11,.12) inset;
  }
  .admin-home-free-code-head,
  .admin-home-free-code-row{
    display:grid;
    grid-template-columns:48px minmax(120px, .8fr) minmax(120px, .8fr) minmax(135px, .9fr) minmax(120px, .65fr) minmax(180px, 1.2fr) minmax(140px, .85fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
    gap:6px;
    align-items:center;
    min-width:1460px;
  }
  .admin-home-free-code-head{
    color:#9a3412;
    font-size:12px;
    font-weight:900;
  }
  .admin-home-free-code-row .tool-input{
    min-height:34px;
    font-size:12px;
  }
  .admin-home-free-code-visible{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:#fff;
  }
  .admin-home-free-code-visible input{
    width:16px;
    height:16px;
  }
  .admin-home-free-code-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
  }
  .admin-shopee-deal-cookie-textarea{
    min-height:118px;
    font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size:12px;
    line-height:1.45;
  }
  .admin-shopee-deal-toolbar{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    min-width:720px;
  }
  .admin-shopee-deal-toolbar .tool-input{
    width:auto;
    min-width:130px;
    min-height:30px;
    padding:5px 8px;
    font-size:12px;
  }
  .admin-shopee-deal-head,
  .admin-shopee-deal-row{
    display:grid;
    grid-template-columns:38px minmax(180px, 1.15fr) minmax(210px, 1.25fr) minmax(150px, .9fr) 82px 82px 64px 58px 52px;
    gap:4px;
    align-items:center;
    min-width:920px;
  }
  .admin-shopee-deal-links-hidden .admin-shopee-deal-head,
  .admin-shopee-deal-links-hidden .admin-shopee-deal-row{
    grid-template-columns:38px minmax(360px, 2.35fr) 82px 82px 64px 58px 52px;
    min-width:760px;
  }
  .admin-shopee-deal-links-hidden .admin-shopee-deal-head > div:nth-child(2),
  .admin-shopee-deal-links-hidden .admin-shopee-deal-head > div:nth-child(4),
  .admin-shopee-deal-links-hidden .admin-shopee-deal-row input[name="home_shopee_deal_link"],
  .admin-shopee-deal-links-hidden .admin-shopee-deal-row input[name="home_shopee_deal_image"]{
    display:none;
  }
  .admin-shopee-deal-head{
    color:#9a3412;
    font-size:11px;
    font-weight:900;
  }
  .admin-shopee-deal-row .tool-input{
    min-height:28px;
    padding:5px 7px;
    font-size:11px;
  }
  .admin-shopee-deal-row .mini-btn{
    min-height:28px;
    padding:5px 7px;
    font-size:11px;
  }
  .admin-shopee-deal-row .admin-home-free-code-visible{
    height:28px;
  }
  .deal-page{
    max-width:1540px;
    margin:0 auto;
    padding:14px;
  }
  .deal-waiting-page{
    min-height:calc(100vh - 92px);
    display:grid;
    place-items:center;
    padding:22px 14px;
    background:
      linear-gradient(180deg, #fff7ed 0%, #eff6ff 55%, #f0fdf4 100%);
  }
  .deal-waiting-shell{
    width:min(1120px, 100%);
    display:grid;
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    align-items:center;
    gap:22px;
  }
  .deal-waiting-copy{
    min-width:0;
  }
  .deal-waiting-kicker{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border:1px solid #fed7aa;
    border-radius:999px;
    color:#9a3412;
    background:#fff7ed;
    font-size:12px;
    font-weight:950;
  }
  .deal-waiting-copy h1{
    margin:12px 0 8px;
    color:#0f172a;
    font-size:clamp(28px, 4vw, 52px);
    line-height:1.04;
    letter-spacing:0;
  }
  .deal-waiting-copy p{
    margin:0;
    color:#334155;
    font-size:18px;
    font-weight:850;
    line-height:1.45;
  }
  .deal-waiting-note{
    margin-top:12px;
    max-width:560px;
    color:#475569;
    font-size:14px;
    line-height:1.55;
  }
  .deal-waiting-home-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    margin-top:18px;
    padding:0 14px;
    border:1px solid #ea580c;
    border-radius:8px;
    color:#fff;
    background:#f97316;
    box-shadow:0 10px 24px rgba(249,115,22,.2);
    font-size:13px;
    font-weight:950;
    text-decoration:none;
  }
  .deal-waiting-art{
    min-width:0;
  }
  .deal-waiting-art img{
    display:block;
    width:100%;
    height:auto;
    border-radius:10px;
    box-shadow:0 18px 40px rgba(15,23,42,.14);
  }
  .deal-page-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    padding:16px 18px;
    color:#fff;
    background:#ee4d2d;
    border-bottom:5px solid #ffb000;
  }
  .deal-page-kicker{
    font-size:12px;
    font-weight:900;
    color:#fff4cc;
  }
  .deal-page-head h1{
    margin:2px 0;
    font-size:24px;
    letter-spacing:0;
  }
  .deal-page-head p{
    margin:0;
    font-size:13px;
  }
  .deal-back-btn{
    flex:0 0 auto;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:6px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
  }
  .deal-head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto;
    flex-wrap:wrap;
  }
  .deal-guide-btn{
    flex:0 0 auto;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:6px;
    color:#fff;
    background:rgba(255,255,255,.14);
    font-size:12px;
    font-weight:900;
    cursor:pointer;
  }
  .deal-video-guide-card{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:12px;
    margin-top:12px;
    padding:14px;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:linear-gradient(180deg, #fff7ed 0%, #fff 100%);
    box-shadow:0 10px 24px rgba(238,77,45,.08);
  }
  .deal-video-guide-copy{
    min-width:0;
  }
  .deal-video-guide-kicker{
    margin-bottom:4px;
    color:#ea580c;
    font-size:12px;
    font-weight:900;
  }
  .deal-video-guide-copy h2{
    margin:0;
    color:#9a3412;
    font-size:19px;
    line-height:1.25;
    letter-spacing:0;
  }
  .deal-video-guide-copy p{
    margin:6px 0 0;
    color:#7c2d12;
    font-size:13px;
    line-height:1.45;
  }
  .deal-video-guide-action{
    display:flex;
    justify-content:flex-end;
  }
  .deal-video-open-btn{
    min-height:36px;
    padding:9px 13px;
    border:1px solid #ea580c;
    border-radius:8px;
    color:#fff;
    background:#f97316;
    box-shadow:0 9px 20px rgba(249,115,22,.22);
    font-size:12px;
    font-weight:900;
    line-height:1.2;
    cursor:pointer;
  }
  .deal-video-open-btn--head{
    min-width:260px;
    min-height:64px;
    padding:18px 28px;
    border-color:#c2410c;
    border-radius:12px;
    font-size:16px;
    box-shadow:0 14px 30px rgba(124,45,18,.22);
  }
  .deal-video-open-btn:hover{
    background:#ea580c;
  }
  .deal-video-modal-open{
    overflow:hidden;
  }
  .deal-video-modal{
    position:fixed;
    inset:0;
    z-index:10000;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.58);
  }
  .deal-video-modal[hidden]{
    display:none;
  }
  .deal-video-dialog{
    width:min(860px, 94vw);
    padding:14px;
    border:1px solid #fed7aa;
    border-radius:14px;
    background:#fff;
    box-shadow:0 22px 60px rgba(15,23,42,.30);
  }
  .deal-video-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }
  .deal-video-head h2{
    margin:0;
    color:#111827;
    font-size:18px;
    line-height:1.25;
    letter-spacing:0;
  }
  .deal-video-close{
    min-height:30px;
    padding:6px 10px;
    border:0;
    border-radius:999px;
    color:#111827;
    background:#f3f4f6;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }
  .deal-video-modal-frame{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:8px;
    background:#0f172a;
  }
  .deal-video-modal-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
  }
  @media (min-width: 901px){
    .deal-video-guide-card{
      display:none;
    }
    .deal-video-open-btn{
      min-height:64px;
      padding:18px 28px;
      border-radius:12px;
      font-size:16px;
      box-shadow:0 14px 30px rgba(249,115,22,.28);
    }
  }
  .deal-filter-bar{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
    padding:10px;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:#fff7ed;
  }
  .deal-slide-section{
    margin-top:8px;
    overflow:hidden;
    border:1px solid #fb923c;
    border-radius:8px;
    background:#fff7ed;
  }
  .deal-slide-section--top{
    border-color:#f9a8d4;
    background:#fdf2f8;
  }
  .deal-slide-section--new{
    border-color:#c4b5fd;
    background:#f5f3ff;
  }
  .deal-slide-group{
    display:block;
  }
  .deal-slide-main-head{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:4px 8px;
    color:#fff;
    background:linear-gradient(90deg, #ee4d2d 0%, #fb923c 100%);
  }
  .deal-slide-section--top .deal-slide-main-head{
    background:linear-gradient(90deg, #db2777 0%, #f9a8d4 100%);
  }
  .deal-slide-section--new .deal-slide-main-head{
    background:linear-gradient(90deg, #7c3aed 0%, #c4b5fd 100%);
  }
  .deal-slide-title-wrap{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  .deal-slide-logo{
    display:grid;
    flex:0 0 auto;
    place-items:center;
    width:18px;
    height:18px;
    border:1px solid rgba(255,255,255,.85);
    border-radius:6px;
    background:rgba(255,255,255,.14);
    font-size:11px;
  }
  .deal-slide-main-head h2{
    margin:0;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1.15;
  }
  .deal-slide-main-head p{
    margin:1px 0 0;
    color:rgba(255,255,255,.9);
    font-size:8px;
    font-weight:700;
    line-height:1.2;
  }
  .deal-slide-main-btn{
    flex:0 0 auto;
    min-height:20px;
    padding:4px 9px;
    border-radius:999px;
    color:#9a3412;
    background:#fff7ed;
    font-size:8px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
  }
  .deal-slide-wrap{
    position:relative;
    padding-top:4px;
  }
  .deal-slide-scroll{
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:#fdba74 #fff7ed;
  }
  .deal-slide-track{
    display:flex;
    gap:5px;
    padding:0 26px 4px;
  }
  .deal-card-strip{
    flex:0 0 112px;
  }
  .deal-card-strip .deal-card-body{
    gap:3px;
    padding:4px;
  }
  .deal-card-strip .deal-card-body h2{
    min-height:24px;
    font-size:9px;
    line-height:1.35;
  }
  .deal-card-strip .deal-price-row{
    gap:4px;
  }
  .deal-card-strip .deal-price-row strong{
    font-size:11px;
  }
  .deal-card-strip .deal-price-row del{
    font-size:8px;
  }
  .deal-card-strip .deal-meta{
    min-height:13px;
    gap:3px;
    font-size:8px;
  }
  .deal-card-strip .deal-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:3px;
  }
  .deal-card-strip .deal-cart-btn,
  .deal-card-strip .deal-qr-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    border-radius:4px;
    padding:4px 3px;
    font-size:8px;
  }
  .deal-card-strip .deal-discount{
    top:3px;
    right:3px;
    padding:2px 4px;
    border-radius:4px;
    font-size:8px;
  }
  .deal-slide-nav{
    position:absolute;
    top:50%;
    z-index:2;
    width:22px;
    height:34px;
    transform:translateY(-50%);
    border:1px solid #fdba74;
    border-radius:6px;
    color:#9a3412;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 18px rgba(120,42,18,.13);
    font-size:20px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
  }
  .deal-slide-nav-prev{
    left:0;
  }
  .deal-slide-nav-next{
    right:0;
  }
  .deal-slide-nav:hover,
  .deal-slide-nav:focus-visible{
    color:#fff;
    border-color:#ee4d2d;
    background:#ee4d2d;
  }
  .deal-slide-nav:disabled{
    opacity:.35;
    cursor:not-allowed;
  }
  .deal-filter-chip{
    padding:7px 10px;
    border:1px solid #fdba74;
    border-radius:999px;
    color:#9a3412;
    background:#fff;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
  }
  .deal-search-form{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .deal-search-input{
    min-width:220px;
    min-height:32px;
    border:1px solid #fdba74;
    border-radius:999px;
    padding:7px 12px;
    color:#7c2d12;
    background:#fff;
    font-size:12px;
    font-weight:800;
    outline:none;
  }
  .deal-search-btn,
  .deal-search-clear{
    min-height:32px;
    border:1px solid #ee4d2d;
    border-radius:999px;
    padding:7px 12px;
    color:#fff;
    background:#ee4d2d;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
  }
  .deal-search-clear{
    color:#9a3412;
    background:#fff;
    border-color:#fdba74;
  }
  .deal-search-input:focus{
    border-color:#ee4d2d;
    box-shadow:0 0 0 3px rgba(238,77,45,.14);
  }
  .deal-filter-chips{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .deal-filter-select{
    display:none;
    width:100%;
    min-height:34px;
    border:1px solid #fdba74;
    border-radius:10px;
    padding:7px 10px;
    color:#7c2d12;
    background:#fff;
    font-size:13px;
    font-weight:900;
    outline:none;
  }
  .deal-filter-chip.active{
    color:#fff;
    border-color:#ee4d2d;
    background:#ee4d2d;
  }
  .deal-filter-count{
    margin-left:auto;
    color:#9a3412;
    font-size:12px;
    font-weight:800;
  }
  .deal-grid{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:8px;
    padding:12px 0;
  }
  .deal-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #f0d7cf;
    border-radius:6px;
    background:#fff;
    box-shadow:0 2px 8px rgba(120,42,18,.08);
  }
  .deal-image-link{
    position:relative;
    display:block;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#fff7f3;
  }
  .deal-image{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .deal-image-placeholder{
    display:grid;
    place-items:center;
    font-size:58px;
  }
  .deal-discount{
    position:absolute;
    top:5px;
    right:5px;
    padding:3px 5px;
    border-radius:4px;
    color:#fff;
    background:#ff5c35;
    font-size:10px;
    font-weight:900;
  }
  .deal-card-body{
    display:grid;
    gap:5px;
    padding:7px;
  }
  .deal-card-body h2{
    min-height:34px;
    margin:0;
    overflow:hidden;
    color:#333;
    font-size:11px;
    font-weight:700;
    line-height:1.5;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .deal-price-row{
    display:flex;
    gap:6px;
    align-items:baseline;
    flex-wrap:wrap;
  }
  .deal-price-row strong{
    color:#ee4d2d;
    font-size:14px;
  }
  .deal-price-row del{
    color:#9ca3af;
    font-size:10px;
  }
  .deal-meta{
    display:flex;
    justify-content:space-between;
    gap:5px;
    min-height:16px;
    color:#18833b;
    font-size:10px;
  }
  .deal-actions{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:5px;
  }
  .deal-cart-btn,
  .deal-qr-btn{
    min-height:28px;
    border:1px solid #ee4d2d;
    border-radius:5px;
    padding:6px 5px;
    font-size:10px;
    font-weight:900;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
  }
  .deal-cart-btn{
    color:#fff;
    background:#ee4d2d;
  }
  .deal-qr-btn{
    color:#c2410c;
    background:#fff7ed;
  }
  .deal-empty{
    padding:28px 14px;
    color:#9a3412;
    background:#fff7ed;
    border:1px solid #fed7aa;
    text-align:center;
    font-weight:800;
  }
  .deal-qr-open{
    overflow:hidden;
  }
  .deal-guide-open{
    overflow:hidden;
  }
  .deal-qr-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.58);
  }
  .deal-qr-modal[hidden]{
    display:none;
  }
  .deal-qr-dialog{
    position:relative;
    width:min(340px, 92vw);
    padding:22px 18px 16px;
    border:1px solid #fed7aa;
    border-radius:14px;
    background:#fff;
    color:#9a3412;
    font-size:13px;
    font-weight:800;
    text-align:center;
    box-shadow:0 22px 60px rgba(15,23,42,.28);
  }
  .deal-qr-dialog img{
    width:min(260px, 100%);
    display:block;
    margin:0 auto 10px;
  }
  .deal-qr-close{
    position:absolute;
    top:8px;
    right:10px;
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    color:#9a3412;
    background:#fff7ed;
    font-size:22px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
  }
  .deal-guide-modal{
    position:fixed;
    inset:0;
    z-index:9998;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.58);
  }
  .deal-guide-modal[hidden]{
    display:none;
  }
  .deal-guide-dialog{
    position:relative;
    width:min(560px, 94vw);
    max-height:88vh;
    overflow:auto;
    padding:22px 18px 18px;
    border:1px solid #fed7aa;
    border-radius:16px;
    background:#fff;
    color:#7c2d12;
    box-shadow:0 22px 60px rgba(15,23,42,.28);
  }
  .deal-guide-close{
    position:absolute;
    top:8px;
    right:10px;
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    color:#9a3412;
    background:#fff7ed;
    font-size:22px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
  }
  .deal-guide-kicker{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    color:#fff;
    background:#ee4d2d;
    font-size:11px;
    font-weight:900;
  }
  .deal-guide-dialog h2{
    margin:10px 0 6px;
    color:#9a3412;
    font-size:22px;
  }
  .deal-guide-note{
    color:#475569;
    font-size:13px;
    font-weight:800;
  }
  .deal-guide-list{
    margin:12px 0;
    padding-left:22px;
    color:#1f2937;
    font-size:14px;
    line-height:1.6;
    font-weight:700;
  }
  .deal-guide-list a{
    color:#ee4d2d;
    font-weight:900;
  }
  .deal-guide-muted{
    color:#64748b;
  }
  .deal-guide-shot{
    margin-top:12px;
    border:1px dashed #fdba74;
    border-radius:12px;
    padding:12px;
    background:#fff7ed;
  }
  .deal-guide-shot-title{
    margin-bottom:8px;
    color:#9a3412;
    font-size:13px;
    font-weight:900;
  }
  .deal-guide-shot-image{
    display:block;
    width:100%;
    max-width:390px;
    margin:0 auto 10px;
    border-radius:14px;
    border:1px solid #fed7aa;
    background:#fff;
    box-shadow:0 8px 22px rgba(234, 88, 12, 0.08);
  }
  .deal-guide-shot-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
    border-top:1px solid #fed7aa;
    color:#374151;
    font-size:13px;
  }
  .deal-guide-shot-row b{
    color:#ef4444;
  }
  .deal-guide-shot-total{
    margin-top:8px;
    padding:8px;
    border-radius:8px;
    color:#9a3412;
    background:#fff;
    font-size:13px;
    font-weight:900;
  }
  .deal-report-box{
    margin-top:10px;
    padding:10px;
    border:1px solid #fed7aa;
    border-radius:12px;
    background:#fffdf7;
  }
  .deal-report-actions{
    margin-top:8px;
  }
  .deal-report-summary{
    margin-top:8px;
    color:#9a3412;
    font-size:13px;
    font-weight:800;
  }
  .deal-report-list{
    margin-top:8px;
    display:grid;
    gap:6px;
  }
  .deal-report-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto auto;
    gap:8px;
    align-items:center;
    padding:8px 10px;
    border:1px solid #fde68a;
    border-radius:10px;
    background:#fff;
    font-size:12px;
  }
  .deal-report-title{
    font-weight:800;
    color:#1f2937;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .deal-report-total{
    color:#ee4d2d;
    font-weight:900;
  }
  .deal-report-source,
  .deal-report-last{
    color:#64748b;
    font-size:11px;
  }
  @media (max-width: 900px){
    .deal-page{
      padding:10px;
    }
    .deal-waiting-page{
      min-height:calc(100vh - 72px);
      padding:16px 10px;
    }
    .deal-waiting-shell{
      grid-template-columns:1fr;
      gap:16px;
    }
    .deal-waiting-copy{
      order:2;
    }
    .deal-waiting-art{
      order:1;
    }
    .deal-waiting-copy h1{
      font-size:30px;
    }
    .deal-waiting-copy p{
      font-size:15px;
    }
    .deal-waiting-note{
      font-size:13px;
    }
    .deal-waiting-home-btn{
      width:100%;
    }
    .deal-page-head{
      align-items:flex-start;
      flex-direction:column;
      border-radius:8px 8px 0 0;
    }
    .deal-page-head p,
    .deal-head-actions{
      display:none;
    }
    .deal-video-guide-card{
      grid-template-columns:1fr;
      gap:10px;
      margin-top:0;
      padding:10px;
      border-top:0;
      border-radius:0 0 8px 8px;
      box-shadow:none;
    }
    .deal-video-guide-action{
      justify-content:flex-start;
    }
    .deal-video-open-btn{
      width:100%;
    }
    .deal-video-guide-copy h2{
      font-size:17px;
    }
    .deal-video-dialog{
      width:min(520px, 94vw);
      padding:10px;
    }
    .deal-video-head h2{
      font-size:16px;
    }
    .deal-slide-group{
      margin-top:8px;
      overflow:hidden;
      border:1px solid #c7d2fe;
      border-radius:8px;
      background:#fff;
    }
    .deal-slide-section{
      margin-top:0;
      border:0;
      border-radius:0;
    }
    .deal-slide-section + .deal-slide-section{
      border-top:1px solid #dbeafe;
    }
    .deal-slide-main-head{
      align-items:stretch;
      flex-direction:column;
      gap:4px;
      padding:4px 7px;
    }
    .deal-slide-title-wrap{
      align-items:center;
      gap:5px;
    }
    .deal-slide-logo{
      width:16px;
      height:16px;
      border-radius:5px;
      font-size:10px;
    }
    .deal-slide-main-head h2{
      font-size:10px;
      line-height:1.1;
    }
    .deal-slide-main-head p{
      font-size:7px;
      line-height:1.15;
    }
    .deal-slide-main-btn{
      width:100%;
      text-align:center;
    }
    .deal-slide-wrap{
      padding-top:3px;
    }
    .deal-slide-track{
      gap:4px;
      padding-left:23px;
      padding-right:23px;
      padding-bottom:3px;
    }
    .deal-card-strip{
      flex-basis:100px;
    }
    .deal-slide-nav{
      width:20px;
      height:30px;
      font-size:18px;
    }
    .deal-filter-count{
      width:100%;
      margin-left:0;
    }
    .deal-search-input{
      flex:1 1 auto;
      min-width:0;
    }
    .deal-search-form{
      width:100%;
    }
    .deal-filter-chips{
      display:none;
    }
    .deal-filter-select{
      display:block;
    }
    .deal-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }
  }
  .account-notice-label{
    font-size:12px;
    color:#334155;
    font-weight:700;
  }
  .account-notice-textarea{
    min-height:92px;
    line-height:1.35;
  }
  .account-notify-table{
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
  }
  .account-notify-head,
  .account-notify-row{
    display:grid;
    grid-template-columns:minmax(0, 1.65fr) 78px 78px;
  }
  .account-notify-head{
    background:#fff7ed;
    color:#9a3412;
    font-size:12px;
    font-weight:800;
  }
  .account-notify-head > div,
  .account-notify-row > div,
  .account-notify-row > label{
    padding:7px 8px;
    border-bottom:1px solid #eef2f7;
  }
  .account-notify-head > div:nth-child(n + 2){
    text-align:center;
  }
  .account-notify-row:last-child > div,
  .account-notify-row:last-child > label{
    border-bottom:none;
  }
  .account-notify-row .event{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:#334155;
    font-weight:600;
    line-height:1.25;
  }
  .account-event-icon{
    flex:0 0 auto;
    font-size:14px;
    line-height:1;
  }
  .account-notify-row .check-cell{
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .account-notify-row input[type="checkbox"]{
    width:15px;
    height:15px;
  }
  .account-notify-row:nth-child(even){
    background:#f8fafc;
  }
  .account-notify-extra{
    display:grid;
    gap:8px;
  }
  .account-notify-extra-title{
    font-size:12px;
    color:#334155;
    font-weight:800;
  }
  .admin-card{
    border:1px solid #e5e7eb;
  }
  .admin-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
  }
  .admin-note{
    border:1px solid #bfdbfe;
    background:#eff6ff;
    color:#1e3a8a;
    border-radius:10px;
    padding:8px 10px;
    font-size:12px;
    margin-bottom:8px;
  }
  .admin-sheet-usage-box{
    border:1px solid #fed7aa;
    background:linear-gradient(180deg,#fffaf5 0%, #fff7ed 100%);
    border-radius:12px;
    padding:9px 10px;
    margin-bottom:8px;
    display:grid;
    gap:8px;
  }
  .admin-sheet-usage-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .admin-sheet-usage-title{
    font-size:14px;
    font-weight:900;
    color:#9a3412;
  }
  .admin-sheet-usage-sub{
    font-size:11px;
    color:#b45309;
    font-weight:700;
  }
  .admin-sheet-usage-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:6px;
  }
  .admin-sheet-usage-item{
    border:1px solid #fdba74;
    background:#fff;
    border-radius:10px;
    padding:6px 8px;
    min-width:0;
  }
  .admin-sheet-usage-item .k{
    font-size:11px;
    color:#9a3412;
    font-weight:700;
    line-height:1.2;
  }
  .admin-sheet-usage-item .v{
    margin-top:2px;
    font-size:18px;
    color:#7c2d12;
    font-weight:900;
    line-height:1;
  }
  .admin-sheet-usage-foot{
    font-size:11px;
    color:#7c2d12;
    font-weight:700;
  }
  @media (max-width: 1200px){
    .admin-sheet-usage-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 720px){
    .admin-sheet-usage-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .admin-sheet-usage-item .v{
      font-size:16px;
    }
  }
  .admin-alert-links{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin-left:6px;
  }
  .admin-alert-link{
    display:inline-flex;
    align-items:center;
    padding:2px 8px;
    border-radius:999px;
    border:1px solid #fdba74;
    background:#fff;
    color:#9a3412;
    font-weight:800;
    text-decoration:none;
  }
  .admin-alert-link:hover{
    background:#ffedd5;
  }
  .admin-search-form{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    gap:6px;
    align-items:center;
  }
  .admin-broadcast-box{
    margin-top:10px;
    border:1px solid #dbeafe;
    background:#f8fbff;
    border-radius:12px;
    padding:8px;
  }
  .admin-broadcast-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    margin-bottom:6px;
    flex-wrap:wrap;
  }
  .admin-broadcast-title{
    font-size:14px;
    font-weight:900;
    color:#1e3a8a;
  }
  .admin-broadcast-form{
    display:grid;
    grid-template-columns:240px minmax(0, 1fr) 140px;
    gap:6px;
    align-items:stretch;
  }
  .admin-broadcast-textarea{
    resize:vertical;
    min-height:74px;
  }
  .admin-table{
    min-width:1320px;
  }
  .admin-user{
    font-weight:800;
    color:#0f172a;
  }
  .admin-sub{
    margin-top:2px;
    font-size:11px;
    color:#64748b;
  }
  .admin-balance{
    font-weight:900;
    color:#065f46;
    font-size:12px;
  }
  .admin-balance-sub{
    font-size:10px;
  }
  .admin-inline-form{
    display:grid;
    grid-template-columns:110px 92px 110px auto;
    gap:6px;
    align-items:center;
  }
  .admin-inline-form .tool-input{
    min-width:0;
  }
  .admin-user-row-head{
    margin-top:10px;
    padding:0 10px;
    display:grid;
    grid-template-columns:minmax(0, 1.8fr) minmax(0, 1.2fr) minmax(0, 1.25fr) minmax(0, 1.2fr) minmax(0, 1.2fr) 56px;
    gap:8px;
    align-items:center;
    font-size:11px;
    font-weight:800;
    color:#64748b;
  }
  .admin-user-list{
    margin-top:6px;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .admin-user-row{
    border:1px solid #dbe3ef;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
  }
  .admin-user-row-summary{
    list-style:none;
    display:grid;
    grid-template-columns:minmax(0, 1.8fr) minmax(0, 1.2fr) minmax(0, 1.25fr) minmax(0, 1.2fr) minmax(0, 1.2fr) 56px;
    gap:8px;
    align-items:center;
    padding:10px;
    cursor:pointer;
  }
  .admin-user-row-summary::-webkit-details-marker{
    display:none;
  }
  .admin-user-row-summary::marker{
    display:none;
  }
  .admin-user-row[open] .admin-user-row-summary{
    background:#f8fbff;
  }
  .admin-user-row-cell{
    min-width:0;
  }
  .admin-user-row-cell .admin-user{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .admin-user-row-cell > div{
    overflow-wrap:anywhere;
  }
  .admin-user-row-toggle{
    justify-self:end;
    font-size:10px;
    font-weight:800;
    color:#1d4ed8;
    border:1px solid #bfdbfe;
    background:#eff6ff;
    border-radius:999px;
    padding:3px 8px;
  }
  .admin-user-row[open] .admin-user-row-toggle{
    color:#0f766e;
    border-color:#99f6e4;
    background:#ecfeff;
  }
  .admin-user-row-body{
    border-top:1px solid #e2e8f0;
    background:#fcfdff;
    padding:10px;
  }
  .admin-user-sections{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .admin-user-panel{
    border:1px solid #e2e8f0;
    background:#fff;
    border-radius:10px;
    padding:8px;
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
  }
  .admin-user-panel-title{
    font-size:12px;
    font-weight:900;
    color:#1e3a8a;
    line-height:1.2;
  }
  .admin-user-panel-wide{
    grid-column:1 / -1;
  }
  .admin-user-form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
    align-items:center;
  }
  .admin-user-form .tool-input{
    width:100%;
    min-width:0;
  }
  .admin-user-form .mini-btn{
    grid-column:1 / -1;
    width:100%;
  }
  .admin-deduct-log-box{
    margin-top:2px;
  }
  .admin-deduct-log-box summary{
    cursor:pointer;
  }
  .admin-deduct-log-list{
    margin-top:4px;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .admin-deduct-log-list .admin-sub{
    word-break:break-word;
  }
  .admin-activity-log-list{
    display:flex;
    flex-direction:column;
    gap:4px;
    max-height:220px;
    overflow:auto;
    padding-right:2px;
  }
  .admin-activity-log-list .admin-sub{
    word-break:break-word;
  }
  .admin-user-log-fetch-form{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    align-items:center;
  }
  .admin-user-log-table-wrap{
    width:100%;
    overflow:auto;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
  }
  .admin-user-log-table{
    width:100%;
    min-width:640px;
    border-collapse:collapse;
  }
  .admin-user-log-table th,
  .admin-user-log-table td{
    padding:6px 8px;
    text-align:left;
    border-bottom:1px solid #f1f5f9;
    font-size:11px;
    vertical-align:top;
  }
  .admin-user-log-table th{
    font-weight:800;
    color:#475569;
    background:#f8fafc;
    white-space:nowrap;
  }
  .admin-user-log-table tbody tr:last-child td{
    border-bottom:none;
  }
  .admin-ban-badge{
    border-color:#fecaca;
    background:#fff1f2;
    color:#9f1239;
  }
  .admin-proxy-actions{
    margin-top:6px;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    gap:6px;
    align-items:center;
  }
  .admin-voucher-link-panel{
    margin-top:8px;
    padding:10px;
    border:1px solid #dbeafe;
    border-radius:8px;
    background:#f8fbff;
  }
  .admin-voucher-link-head,
  .admin-voucher-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
  }
  .admin-voucher-panel-title{
    color:#0f172a;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
  }
  .admin-voucher-panel-sub{
    margin-top:2px;
    color:#64748b;
    font-size:11px;
    line-height:1.35;
  }
  .admin-voucher-link-status{
    max-width:440px;
    color:#475569;
    font-size:11px;
    font-weight:700;
    line-height:1.35;
    text-align:right;
    word-break:break-word;
  }
  .admin-voucher-link-row{
    display:grid;
    grid-template-columns:minmax(280px, 1fr) auto auto;
    gap:8px;
    align-items:center;
  }
  .admin-voucher-link-input{
    min-width:0;
  }
  .admin-voucher-get-btn,
  .admin-voucher-push-btn{
    min-width:92px;
    justify-content:center;
    white-space:nowrap;
  }
  .admin-voucher-section-head{
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid #e2e8f0;
  }
  .admin-voucher-actions-top{
    margin-top:0;
    justify-content:flex-end;
  }
  .admin-voucher-saved-head{
    margin-top:12px;
  }
  .admin-voucher-grid-wrap{
    overflow-x:auto;
    padding-bottom:2px;
  }
  .admin-voucher-head-row,
  .admin-voucher-row{
    display:grid;
    grid-template-columns:minmax(140px, 1fr) minmax(160px, 1fr) minmax(110px, .7fr) minmax(260px, 2fr) minmax(90px, .6fr) minmax(180px, 1.2fr) auto;
    gap:6px;
    align-items:center;
    min-width:980px;
  }
  .admin-voucher-head-row{
    margin:2px 0 6px;
    padding:0 2px;
    font-size:11px;
    font-weight:700;
    color:#64748b;
  }
  .admin-voucher-row{
    margin-bottom:6px;
  }
  .admin-voucher-input{
    padding:5px 8px;
    font-size:12px;
    border-radius:8px;
  }
  .admin-voucher-remove{
    white-space:nowrap;
    padding:5px 8px;
  }
  .admin-voucher-actions{
    margin-top:6px;
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap;
  }
  .admin-acc-grid-wrap{
    overflow-x:auto;
    padding-bottom:2px;
  }
  .admin-acc-head-row,
  .admin-acc-row{
    display:grid;
    grid-template-columns:minmax(180px, 1.1fr) minmax(86px, .5fr) minmax(64px, .35fr) minmax(112px, .65fr) minmax(82px, .35fr) minmax(260px, 1.25fr) auto;
    gap:6px;
    align-items:center;
    min-width:1010px;
  }
  .admin-acc-head-row{
    margin:2px 0 6px;
    padding:0 2px;
    font-size:11px;
    font-weight:700;
    color:#64748b;
  }
  .admin-acc-row{
    margin-bottom:5px;
  }
  .admin-acc-input{
    padding:4px 8px;
    font-size:12px;
    border-radius:8px;
  }
  .admin-acc-desc{
    min-height:36px;
    resize:vertical;
  }
  .admin-acc-stock{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    font-size:12px;
    font-weight:800;
    color:#334155;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:999px;
    padding:3px 8px;
  }
  .admin-acc-actions{
    margin-top:6px;
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap;
  }
  .admin-acc-remove{
    white-space:nowrap;
    padding:5px 8px;
  }
  .admin-report-grid{
    display:grid;
    gap:8px;
  }
  .admin-report-actions-wrap{
    margin-top:8px;
    display:grid;
    gap:6px;
  }
  .admin-report-actions-title{
    font-weight:700;
    color:#475569;
  }
  .admin-report-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
  }
  .admin-report-grid-head{
    display:grid;
    grid-template-columns:minmax(170px, 1fr) minmax(220px, 1.4fr);
    gap:8px;
    font-size:11px;
    font-weight:800;
    color:#64748b;
    padding:2px 4px;
  }
  .admin-report-card{
    display:grid;
    grid-template-columns:minmax(170px, 1fr) minmax(220px, 1.4fr);
    gap:8px;
    align-items:stretch;
    border:1px solid #e2e8f0;
    background:#ffffff;
    border-radius:10px;
    padding:8px;
  }
  .admin-report-card-title{
    font-size:13px;
    font-weight:800;
    color:#0f172a;
    display:flex;
    align-items:center;
  }
  .admin-report-metric{
    border:1px dashed #e2e8f0;
    background:#f8fafc;
    border-radius:8px;
    padding:6px 8px;
    display:grid;
    gap:4px;
    min-height:44px;
  }
  .admin-report-metric-title{
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.3px;
    color:#64748b;
  }
  .admin-report-metric-val{
    font-size:12px;
    font-weight:700;
    color:#0f172a;
    line-height:1.35;
  }
  @media (max-width: 900px){
    .admin-report-grid-head{
      display:none;
    }
    .admin-report-card{
      grid-template-columns:1fr;
    }
    .admin-report-actions{
      width:100%;
    }
  }
  @media (min-width: 901px){
    .admin-report-metric-title{
      display:none;
    }
  }
  .admin-acc-stock-list{
    display:grid;
    gap:10px;
  }
  .admin-acc-stock-card{
    border:1px solid #e2e8f0;
    background:#ffffff;
    border-radius:12px;
    padding:7px 8px;
  }
  .admin-acc-stock-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:5px;
  }
  .admin-acc-stock-title{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:800;
    color:#0f172a;
  }
  .admin-acc-stock-name{
    font-size:13px;
    font-weight:800;
  }
  .admin-acc-stock-meta{
    display:flex;
    flex-wrap:wrap;
    gap:4px 6px;
    font-size:11px;
    color:#475569;
  }
  .admin-acc-stock-meta span{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:1px 7px;
    border-radius:999px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    white-space:nowrap;
  }
  .admin-acc-stock-body{
    display:grid;
    gap:5px;
  }
  .admin-acc-stock-form{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 10px;
  }
  .admin-acc-stock-inputs{
    flex:1 1 100%;
    display:grid;
    gap:6px;
    grid-template-columns:minmax(160px, 250px) minmax(260px, 1fr);
    align-items:start;
  }
  .admin-acc-stock-inputs .tool-input[type="file"]{
    min-height:32px;
  }
  .admin-acc-stock-inputs .tool-textarea{
    min-height:58px;
    max-height:96px;
  }
  .admin-acc-stock-form > label.account-hint{
    display:inline-flex !important;
    align-items:center;
    gap:5px !important;
    margin:0 !important;
    padding:3px 7px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#f8fafc;
    font-size:11px;
    line-height:1.2;
    white-space:nowrap;
  }
  .admin-acc-stock-form > label.account-hint input{
    width:13px;
    height:13px;
    margin:0;
  }
  .admin-acc-stock-ops{
    display:flex;
    gap:5px;
    align-items:center;
    flex-wrap:wrap;
  }
  .admin-acc-stock-form > .admin-acc-stock-ops{
    margin-left:auto;
  }
  .admin-acc-stock-ops-row{
    justify-content:flex-start;
  }
  .admin-acc-stock-ops-row .admin-inline-form{
    display:flex;
    gap:5px;
    align-items:center;
  }
  .admin-acc-stock-ops .mini-btn{
    min-height:28px;
    padding:4px 10px;
  }
  .admin-acc-stock-summary{
    margin-top:6px;
    display:flex;
    flex-wrap:wrap;
    gap:6px 12px;
    font-size:11px;
    font-weight:700;
    color:#0f172a;
  }
  @media (max-width: 720px){
    .admin-acc-stock-inputs{
      grid-template-columns:1fr;
    }
  }
  .admin-phone-grid-wrap{
    overflow-x:auto;
    padding-bottom:2px;
  }
  .admin-phone-service-section{
    min-width:1380px;
    margin-bottom:12px;
    padding:8px;
    border:1px solid #dbeafe;
    border-radius:10px;
    background:#f8fbff;
  }
  .admin-phone-service-section:last-child{
    margin-bottom:0;
  }
  .admin-phone-service-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    margin-bottom:8px;
    padding-bottom:7px;
    border-bottom:1px solid #e2e8f0;
  }
  .admin-phone-service-title{
    font-size:13px;
    font-weight:800;
    color:#0f3b8f;
  }
  .admin-phone-service-tiktok{
    border-color:#fbcfe8;
    background:#fff8fd;
  }
  .admin-phone-service-tiktok .admin-phone-service-title{
    color:#9d174d;
  }
  .admin-phone-service-other{
    border-color:#e5e7eb;
    background:#fafafa;
  }
  .admin-phone-empty-section{
    margin:6px 0 2px;
  }
  .admin-phone-head-row,
  .admin-phone-row{
    display:grid;
    grid-template-columns:minmax(56px, .35fr) minmax(170px, 1.1fr) minmax(120px, .72fr) minmax(130px, .8fr) minmax(130px, .8fr) minmax(118px, .72fr) minmax(185px, 1.05fr) minmax(140px, .8fr) minmax(90px, .5fr) auto;
    gap:6px;
    align-items:center;
    min-width:1380px;
  }
  .admin-phone-head-row{
    margin:2px 0 6px;
    padding:0 2px;
    font-size:11px;
    font-weight:700;
    color:#64748b;
  }
  .admin-phone-row{
    margin-bottom:6px;
  }
  .admin-phone-input{
    padding:5px 8px;
    font-size:12px;
    border-radius:8px;
  }
  .admin-phone-sort-input{
    text-align:center;
    font-weight:700;
  }
  .admin-phone-api-input{
    padding:4px 7px;
    font-size:11px;
  }
  .admin-phone-key-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
  }
  .admin-phone-key-head .mini-btn{
    padding:3px 7px;
    font-size:10px;
    white-space:nowrap;
  }
  .admin-phone-checkpoint-form{
    margin:0;
  }
  .admin-phone-checkpoint-open{
    padding:2px 6px;
    font-size:10px;
  }
  .admin-phone-checkpoint-modal-card{
    width:min(640px, 94vw);
  }
  .admin-phone-checkpoint-modal-body{
    max-height:min(62vh, 520px);
    overflow:auto;
    gap:8px;
  }
  .admin-phone-checkpoint-web-row{
    display:grid;
    grid-template-columns:minmax(150px, 1fr) minmax(180px, 1fr);
    align-items:center;
    gap:8px;
  }
  .admin-phone-checkpoint-web-label{
    font-size:12px;
    font-weight:700;
    color:#334155;
  }
  .admin-phone-checkpoint-balance-input{
    padding:5px 8px;
    font-size:12px;
  }
  @media (max-width: 720px){
    .admin-phone-checkpoint-web-row{
      grid-template-columns:1fr;
    }
  }
  .admin-phone-remove{
    white-space:nowrap;
    padding:5px 8px;
  }
  .admin-phone-actions{
    margin-top:6px;
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap;
  }
  .admin-proxy-test-result{
    margin-top:6px;
    border:1px dashed #cbd5e1;
    background:#f8fafc;
    color:#0f172a;
    border-radius:10px;
    padding:8px;
    min-height:52px;
    max-height:220px;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    font-size:11px;
    line-height:1.35;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .admin-proxy-test-result.is-error{
    border-color:#fecaca;
    background:#fff1f2;
    color:#9f1239;
  }
  .admin-unlink-badge{
    display:inline-flex;
    align-items:center;
    border:1px solid #fdba74;
    background:#fff7ed;
    color:#9a3412;
    border-radius:999px;
    padding:2px 7px;
    font-size:10px;
    font-weight:800;
  }
  .admin-unlink-actions{
    margin-top:6px;
    display:flex;
    gap:6px;
    flex-wrap:wrap;
  }
  .card-title{font-weight:900; margin:0 0 10px 0}
  .muted{color:var(--muted)}
  .grid-orders{display:grid; gap:14px}
  .order-item{
    background:#fff; border-radius:18px; padding:14px;
    box-shadow:0 10px 26px rgba(0,0,0,.06);
    border:1px solid #00000008;
    display:flex; gap:12px;
  }
  .order-thumb{
    width:62px; height:62px; border-radius:14px; background:#f3f4f6;
    border:1px solid #00000010; overflow:hidden; flex:0 0 auto;
    display:flex; align-items:center; justify-content:center;
  }
  .order-thumb img{width:100%; height:100%; object-fit:cover}
  .order-main{flex:1; min-width:0}
  .order-top{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    margin-bottom:6px;
  }
  .order-head-main{min-width:0}
  .order-head-sub{margin-top:6px}
  .order-code{font-weight:900; letter-spacing:.2px}
  .badge{
    padding:6px 10px; border-radius:999px; font-weight:500; font-size:12px;
    border:1px solid #00000010;
  }
  .badge.success{background:#e8fff0; color:#166534; border-color:#bbf7d0}
  .badge.danger{background:#fff1f2; color:#9f1239; border-color:#fecdd3}
  .badge.warning{background:#fff7ed; color:#9a3412; border-color:#fed7aa}
  .badge.info{background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe}
  .order-lines{display:grid; gap:4px; font-size:13px}
  .line{display:flex; gap:8px; align-items:flex-start}
  .line .ico{width:18px; text-align:center}
  .line .txt{min-width:0; white-space:normal; overflow-wrap:anywhere}
  .check-voucher-break{white-space:pre-line}
  .addr-clamp{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .order-bottom{
    margin-top:10px; display:flex; align-items:center; justify-content:space-between; gap:10px;
  }
  .stats-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:5px;
  }
  .watch-order-top{
    display:block;
  }
  .recipient-meta{
    margin-top:5px;
    display:grid;
    gap:2px;
  }
  .recipient-line{
    font-size:12px;
    font-weight:400;
    color:#374151;
    line-height:1.25;
  }
  .stats-item{
    background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:4px 6px;
  }
  .stats-label{
    font-size:10px;
    color:#6b7280;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .stats-value{font-size:14px; line-height:1; font-weight:900; color:#111827; margin-top:2px}
  .dash-stats-grid{margin-bottom:4px}
  .stats-alert-note{
    margin-top:6px;
    font-size:12px;
    color:#9a3412;
    background:#fff7ed;
    border:1px solid #fed7aa;
    border-radius:9px;
    padding:6px 8px;
  }
  .dash-table-wrap{
    width:100%;
    overflow:auto;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
  }
  .recent-mobile-list{display:none}
  .dash-table{
    width:100%;
    min-width:420px;
    border-collapse:collapse;
  }
  .dash-table th,
  .dash-table td{
    padding:6px 8px;
    text-align:left;
    border-bottom:1px solid #f1f5f9;
    font-size:11px;
  }
  .dash-table th{
    font-weight:700;
    color:#475569;
    background:#f8fafc;
  }
  .dash-table tbody tr:last-child td{border-bottom:none}
  .dash-table th:nth-child(3),
  .dash-table td:nth-child(3){
    white-space:nowrap;
    width:108px;
  }
  .dash-table .badge{
    font-size:10px;
    font-weight:700;
    padding:3px 6px;
  }
  .recent-watch-table th:nth-child(3),
  .recent-watch-table td:nth-child(3){
    white-space:normal;
    width:auto;
  }
  .recent-watch-table th,
  .recent-watch-table td{
    white-space:normal;
  }
  .recent-watch-table th:nth-child(5),
  .recent-watch-table td:nth-child(5){
    width:140px;
    max-width:140px;
    white-space:nowrap;
  }
  .recent-watch-table td:nth-child(8){
    min-width:260px;
  }
  .recent-watch-table th:nth-child(9),
  .recent-watch-table td:nth-child(9){
    white-space:nowrap !important;
    width:118px;
    min-width:118px;
  }
  .recent-watch-table form{
    margin:0;
  }
  .recent-thumb{
    width:34px;
    height:34px;
  }
  .recent-addr{
    max-width:300px;
    white-space:nowrap !important;
  }
  .recent-addr-text{
    display:inline-block;
    max-width:220px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
  .recent-status-cell{
    width:156px;
    max-width:156px;
  }
  .recent-status-cell .status-ellipsis{
    max-width:148px;
  }
  .recent-tracking-time{
    display:none;
  }
  .recent-actions{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .recent-actions form{
    display:inline-flex;
    margin:0;
  }
  .recent-copy-btn{
    min-width:28px;
    padding:2px 8px;
  }
  .recent-del-btn{
    min-width:28px;
    padding:2px 8px;
    color:#dc2626;
    border-color:#fecaca;
    background:#fff1f2;
  }
  .recent-del-btn:hover{
    background:#ffe4e6;
    border-color:#fda4af;
  }
  .recent-refresh-btn{
    min-width:28px;
    padding:2px 8px;
    color:#1d4ed8;
    border-color:#bfdbfe;
    background:#eff6ff;
  }
  .recent-refresh-btn:hover{
    background:#dbeafe;
    border-color:#93c5fd;
  }
  .recent-refresh-btn-blue{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    background:#3b82f6 !important;
    border:1px solid #2563eb !important;
  }
  .recent-refresh-btn-blue:hover{
    background:#2563eb !important;
    border-color:#1d4ed8 !important;
  }
  .check-desktop-table-wrap{display:block}
  .check-desktop-note-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    padding:5px 10px;
    border-radius:999px;
    border:1px solid #fed7aa;
    background:linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color:#9a3412;
    font-size:11px;
    font-weight:700;
    line-height:1.25;
  }
  .check-desktop-note-row td{
    padding:5px 6px;
    background:#fff;
    text-align:center;
  }
  .check-mobile-list{display:none}
  .check-mobile-fast-legacy{display:none !important}
  .fast-report-mobile-only{display:none}
  
  /* ---- Zin check results ---- */
  .zin-card{padding:16px 16px 14px}
  .zin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
  .zin-list{display:flex;flex-direction:column;gap:10px}
  .zin-item{border:1px solid #edf2f7;border-radius:14px;padding:8px 12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,0.03)}
  .zin-main{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .zin-main-inline{justify-content:flex-start;gap:12px}
  .zin-phone{display:flex;align-items:center;gap:8px;font-weight:600}
  .zin-label{color:#0f172a}
  .zin-value{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:2px 10px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
  .zin-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  @media (max-width: 720px){
    .zin-card{padding:14px 12px}
    .zin-item{padding:10px}
    .zin-main{flex-direction:column;align-items:flex-start}
    .zin-value{font-size:13px}
  }
  
  /* ---- Filter Shopee Phone ---- */
  .filter-phone-card{padding:16px}
  .filter-phone-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .filter-phone-actions{display:flex;align-items:end}
  .filter-phone-result{display:flex;gap:10px;align-items:center;margin-top:8px}
  .filter-phone-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
  .filter-phone-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #edf2f7;border-radius:12px;padding:8px 10px;background:#fff}
  .filter-phone-no{font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:2px 10px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
  .filter-phone-attempt{font-size:12px;color:#64748b}
  .filter-phone-errors{display:flex;flex-direction:column;gap:6px}
  @media (max-width: 720px){
    .filter-phone-card{padding:14px 12px}
    .filter-phone-grid{grid-template-columns:1fr}
    .filter-phone-result{flex-direction:column;align-items:flex-start}
  }
  /* ---- Filter Tool UI ---- */
  .filter-tool-card{padding:16px;border:1px solid #e2e8f0;background:#fff}
  .filter-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  .filter-tool-sub{margin-top:4px;font-size:12px;color:#64748b}
  .filter-tool-bar{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:12px;margin-top:12px}
  .filter-balance{display:flex;align-items:center;min-height:36px;padding:8px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#f1f5f9;font-weight:600;color:#0f172a}
  .filter-tool-row{display:grid;grid-template-columns:2fr .7fr .7fr 1.2fr;gap:12px;margin-top:12px;align-items:end}
  .filter-tool-row-single{grid-template-columns:1fr}
  .filter-single-wrap{display:flex;gap:8px;align-items:center}
  .filter-single-input{max-width:220px}
  .filter-network-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
  .filter-network-item{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 10px;border-radius:999px;font-size:12px;color:#0f172a}
  .filter-network-item input{accent-color:#2563eb}
  .filter-action-buttons{display:flex;flex-wrap:wrap;gap:8px}
  .filter-tool-note{margin-top:10px;padding:8px 10px;border-radius:8px;border:1px dashed #e2e8f0;background:#f8fafc;font-size:12px;color:#0f172a}
  .filter-tool-status{margin-top:8px;font-size:12px;color:#0f172a}
  .filter-tool-status.is-ok{color:#047857}
  .filter-tool-status.is-warn{color:#b45309}
  .filter-tool-status.is-error{color:#b91c1c}
  .filter-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .filter-output-title{font-weight:700;color:#0f172a}
  .filter-output-meta{font-size:12px;color:#64748b}
  .filter-output-body{display:flex;flex-direction:column;gap:10px}
  .filter-output-actions{display:flex;gap:8px}
  .filter-compact-box{
    min-height:112px;
    max-height:112px;
    overflow:auto;
    padding:10px 12px;
    border:1px solid #dbe7f3;
    border-radius:10px;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .filter-compact-line{
    min-height:20px;
    font-size:13px;
    line-height:1.3;
    color:#0f172a;
    white-space:pre-wrap;
    word-break:break-word;
  }
  .filter-compact-value{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight:600;
    letter-spacing:.1px;
  }
  .filter-compact-empty{
    font-size:12px;
    color:#94a3b8;
  }
  .filter-copy-buffer{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .filter-result-list{display:flex;flex-direction:column;gap:8px}
  .filter-result-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:8px 10px}
  .filter-result-no{font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:2px 10px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
  .filter-error-list{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b91c1c}
  .filter-output-grid{display:flex;gap:12px;flex-wrap:nowrap;align-items:stretch}
  .filter-output-grid > .card{flex:1 1 0;min-width:0}
  .filter-history-table{display:flex;flex-direction:column;gap:6px;overflow-x:auto}
  .filter-history-row{display:grid;grid-template-columns:52px 120px 160px minmax(220px,1fr) 90px 140px;gap:8px;align-items:center;padding:6px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:12px}
  .filter-history-row-head{font-weight:700;background:#f1f5f9;border-color:#e2e8f0}
  .filter-history-row > div{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .filter-history-row > div:nth-child(4){text-align:center;font-weight:600}
  @media (max-width: 960px){
    .filter-history-row{grid-template-columns:52px 110px 140px 220px 130px 110px;min-width:760px}
  }
  .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.45);z-index:2000;padding:16px}
  .modal.show{display:flex}
  .modal-card{width:min(520px, 92vw);background:#fff;border-radius:12px;padding:14px;box-shadow:0 16px 40px rgba(15,23,42,.2)}
  .modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:10px}
  .modal-body{display:grid;gap:10px}
  .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
  .add-mail-job-card{
    width:min(500px,calc(100vw - 28px));
    min-height:360px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.36);
    border-radius:20px;
    background:linear-gradient(160deg,#fff 0%,#f8fbff 100%);
    box-shadow:0 28px 80px rgba(15,23,42,.28),0 8px 24px rgba(37,99,235,.12);
  }
  .add-mail-job-card .modal-head{
    min-height:58px;
    margin:0;
    padding:14px 18px;
    border-bottom:1px solid #dbeafe;
    background:linear-gradient(120deg,#eff6ff 0%,#fff 52%,#f5f3ff 100%);
    color:#0f172a;
    font-size:18px;
    letter-spacing:-.2px;
  }
  .add-mail-job-card .modal-head .mini-btn{
    width:34px;
    height:34px;
    padding:0;
    border:0;
    border-radius:10px;
    background:#fff;
    color:#64748b;
    box-shadow:0 3px 12px rgba(15,23,42,.1);
    font-size:20px;
  }
  .add-mail-job-card .modal-body{
    gap:13px;
    padding:18px 20px 12px;
  }
  .add-mail-job-card .modal-actions{
    min-height:58px;
    margin:0;
    padding:10px 20px 16px;
    align-items:center;
    border-top:1px solid rgba(226,232,240,.85);
  }
  .add-mail-job-visual{
    padding:10px 14px 11px;
    overflow:hidden;
    border:1px solid #dbeafe;
    border-radius:16px;
    background:
      radial-gradient(circle at 18% 18%,rgba(56,189,248,.16),transparent 34%),
      radial-gradient(circle at 82% 74%,rgba(139,92,246,.13),transparent 36%),
      linear-gradient(135deg,#f0f9ff,#f8fafc 52%,#faf5ff);
  }
  .add-mail-job-visual-track{
    position:relative;
    width:min(360px,100%);
    height:66px;
    margin:0 auto;
  }
  .add-mail-job-visual-track::before{
    content:"";
    position:absolute;
    top:32px;
    left:14%;
    right:15%;
    height:2px;
    border-radius:999px;
    background:repeating-linear-gradient(90deg,#93c5fd 0 8px,transparent 8px 15px);
    opacity:.72;
  }
  .add-mail-job-route-dot{
    position:absolute;
    top:28px;
    z-index:1;
    width:9px;
    height:9px;
    border:2px solid #fff;
    border-radius:50%;
    background:#60a5fa;
    box-shadow:0 0 0 4px rgba(96,165,250,.13);
    animation:addMailDotPulse 1.45s ease-in-out infinite;
  }
  .add-mail-job-route-dot.dot-one{left:31%;animation-delay:.05s}
  .add-mail-job-route-dot.dot-two{left:47%;animation-delay:.25s}
  .add-mail-job-route-dot.dot-three{left:63%;animation-delay:.45s}
  .add-mail-job-mail-icon{
    position:absolute;
    top:8px;
    left:9%;
    z-index:3;
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border:1px solid rgba(255,255,255,.85);
    border-radius:15px;
    background:rgba(255,255,255,.92);
    box-shadow:0 8px 24px rgba(37,99,235,.19);
    font-size:29px;
    animation:addMailEnvelopeTravel 2.1s cubic-bezier(.42,0,.22,1) infinite;
  }
  .add-mail-job-target-icon{
    position:absolute;
    top:8px;
    right:7%;
    z-index:2;
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border:1px solid rgba(255,255,255,.9);
    border-radius:15px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 24px rgba(124,58,237,.15);
    font-size:29px;
    animation:addMailInboxBounce 1.5s ease-in-out infinite;
  }
  .add-mail-job-loading-label{
    min-height:21px;
    text-align:center;
    color:#1e3a8a;
    font-size:14px;
    font-weight:800;
    letter-spacing:.1px;
  }
  .add-mail-job-message{
    min-height:22px;
    text-align:center;
    color:#334155;
    font-size:14px;
    line-height:1.45;
  }
  .add-mail-job-progress{
    position:relative;
    height:11px;
    overflow:hidden;
    border:1px solid #dbe5f1;
    border-radius:999px;
    background:#e8eef6;
    box-shadow:inset 0 1px 3px rgba(15,23,42,.08);
  }
  .add-mail-job-progress-bar{
    position:relative;
    height:100%;
    overflow:hidden;
    border-radius:inherit;
    background:linear-gradient(90deg,#38bdf8,#2563eb 58%,#7c3aed);
    box-shadow:0 0 14px rgba(37,99,235,.35);
    transition:width .4s ease;
  }
  .add-mail-job-progress-bar::after{
    content:"";
    position:absolute;
    inset:0;
    width:42%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
    transform:translateX(-130%);
    animation:addMailProgressShine 1.35s linear infinite;
  }
  .add-mail-job-progress-meta{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    min-height:34px;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
  }
  #addMailJobProgressText{
    flex:0 0 auto;
    padding:4px 9px;
    border:1px solid #dbeafe;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-weight:800;
  }
  #addMailJobSummary{
    padding-top:4px;
    text-align:right;
  }
  .add-mail-job-errors{
    display:grid;
    gap:6px;
    max-height:118px;
    overflow:auto;
  }
  .add-mail-job-error{
    padding:8px 10px;
    border:1px solid #fed7aa;
    border-radius:10px;
    background:#fff7ed;
    color:#9a3412;
    font-size:12px;
    line-height:1.4;
  }
  .add-mail-job-history-link{
    display:flex;
    width:max-content;
    margin-top:7px;
  }
  .add-mail-job-card.is-done .add-mail-job-visual{
    border-color:#bbf7d0;
    background:linear-gradient(135deg,#ecfdf5,#f0fdf4 55%,#f7fee7);
  }
  .add-mail-job-card.is-done .add-mail-job-mail-icon,
  .add-mail-job-card.is-failed .add-mail-job-mail-icon{
    left:37%;
    animation:none;
  }
  .add-mail-job-card.is-done .add-mail-job-target-icon,
  .add-mail-job-card.is-failed .add-mail-job-target-icon{
    animation:none;
  }
  .add-mail-job-card.is-done .add-mail-job-loading-label{color:#15803d}
  .add-mail-job-card.is-done .add-mail-job-progress-bar{
    background:linear-gradient(90deg,#4ade80,#16a34a);
    box-shadow:0 0 14px rgba(22,163,74,.3);
  }
  .add-mail-job-card.is-done .add-mail-job-progress-bar::after,
  .add-mail-job-card.is-failed .add-mail-job-progress-bar::after{display:none}
  .add-mail-job-card.is-failed .add-mail-job-visual{
    border-color:#fed7aa;
    background:linear-gradient(135deg,#fff7ed,#fff 56%,#fef2f2);
  }
  .add-mail-job-card.is-failed .add-mail-job-loading-label{color:#c2410c}
  .add-mail-job-card.is-failed .add-mail-job-progress-bar{
    background:linear-gradient(90deg,#fb923c,#dc2626);
    box-shadow:0 0 14px rgba(220,38,38,.25);
  }
  @keyframes addMailEnvelopeTravel{
    0%{left:9%;opacity:0;transform:translateY(6px) rotate(-8deg) scale(.88)}
    12%{opacity:1}
    48%{transform:translateY(-5px) rotate(4deg) scale(1)}
    83%{opacity:1}
    100%{left:69%;opacity:0;transform:translateY(4px) rotate(8deg) scale(.9)}
  }
  @keyframes addMailInboxBounce{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-4px) scale(1.04)}
  }
  @keyframes addMailDotPulse{
    0%,100%{opacity:.35;transform:scale(.75)}
    50%{opacity:1;transform:scale(1.08)}
  }
  @keyframes addMailProgressShine{
    to{transform:translateX(340%)}
  }
  @media (max-width:520px){
    .add-mail-job-card{min-height:350px;border-radius:16px}
    .add-mail-job-card .modal-head{padding:12px 14px;font-size:16px}
    .add-mail-job-card .modal-body{padding:14px}
    .add-mail-job-card .modal-actions{padding:10px 14px 14px}
    .add-mail-job-visual{padding-inline:8px}
    .add-mail-job-progress-meta{display:grid;gap:4px}
    #addMailJobSummary{text-align:left}
  }
  @media (prefers-reduced-motion:reduce){
    .add-mail-job-mail-icon,
    .add-mail-job-target-icon,
    .add-mail-job-route-dot,
    .add-mail-job-progress-bar::after{animation:none !important}
  }
  @media (max-width: 620px){
    .voucher-free-code-main{
      align-items:stretch;
      flex-direction:column;
    }
    .voucher-free-code-brand{
      align-items:flex-start;
    }
    .voucher-free-code-icon{
      width:52px;
      height:52px;
      border-radius:14px;
    }
    .voucher-free-code-brand h3{
      font-size:18px;
    }
    .voucher-free-code-cta{
      width:100%;
      min-width:0;
    }
    .voucher-free-code-links{
      grid-template-columns:1fr;
    }
    .voucher-free-code-item{
      grid-template-columns:minmax(0, 1fr) 96px;
    }
    .voucher-free-code-qr{
      width:96px;
      height:96px;
    }
    .home-new-free-hero{
      align-items:center;
      flex-direction:row;
      gap:7px;
    }
    .home-new-free-title-wrap{
      align-items:center;
      min-width:0;
    }
    .home-new-free-logo{
      width:26px;
      height:26px;
      border-radius:8px;
    }
    .home-new-free-title-wrap h2{
      font-size:15px;
      white-space:nowrap;
    }
    .home-new-free-main-btn{
      width:auto;
      min-width:96px;
      min-height:28px;
      padding:5px 10px;
    }
    .home-new-free-grid{
      grid-template-columns:1fr;
    }
    .home-new-free-item{
      grid-template-columns:82px minmax(0, 1fr);
    }
    .home-new-free-image{
      height:94px;
      min-height:94px;
    }
    .home-new-free-hot{
      white-space:normal;
      text-align:center;
    }
    .home-new-free-qr{
      width:74px;
      height:74px;
    }
    .home-deal-hero{
      align-items:stretch;
      flex-direction:column;
    }
    .home-deal-title-wrap{
      align-items:flex-start;
    }
    .home-deal-logo{
      width:26px;
      height:26px;
      border-radius:8px;
    }
    .home-deal-title-wrap h2{
      font-size:13px;
    }
    .home-deal-main-btn{
      width:100%;
      max-width:none;
      min-width:0;
    }
    .home-deal-track{
      gap:6px;
    }
    .home-deal-item{
      flex-basis:clamp(100px, 54vw, 136px);
    }
  }
  .signup-bonus-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border:1px solid #fcd34d;
    background:#fef3c7;
    border-radius:12px;
    margin:10px 0 12px;
    font-size:13px;
    color:#92400e;
  }
  .signup-bonus-text{
    flex:1;
    line-height:1.4;
  }
  @media (max-width: 720px){
    .signup-bonus-banner{
      flex-direction:column;
      align-items:flex-start;
    }
  }
  @media (max-width: 960px){
    .filter-tool-card{padding:14px 12px}
    .filter-tool-bar{grid-template-columns:1fr}
    .filter-tool-row{grid-template-columns:1fr}
    .filter-action-buttons{justify-content:flex-start}
    .filter-output-grid{flex-direction:column;flex-wrap:wrap}
    .filter-compact-box{min-height:96px;max-height:96px}
  }
  .check-mobile-thumb{
    position:relative;
    overflow:visible;
  }
  .check-mobile-list .order-top{
    align-items:flex-start;
  }
  .check-mobile-list .order-head-main{
    min-width:0;
  }
  .check-mobile-list .order-code{
    display:block;
    max-width:100%;
    min-width:0;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    overflow-wrap:normal;
    word-break:normal;
  }
  .check-mobile-list .order-head-sub{
    min-width:0;
  }
  .check-mobile-list .badge{
    display:inline-flex;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.2;
    padding:4px 8px;
  }
  .check-mobile-order-tag{
    position:absolute;
    top:-9px;
    left:-2px;
    background:#ee4d2d;
    color:#fff;
    border-radius:999px;
    padding:2px 7px;
    font-size:10px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
    box-shadow:0 2px 8px rgba(238,77,45,.28);
  }
  .check-table-wrap{
    width:100%;
    overflow-x:auto;
    overflow-y:visible;
    position:relative;
    border:1px solid #f0caca;
    border-radius:10px;
    background:#fff;
  }
  .check-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
    table-layout:fixed;
  }
  .check-result-desktop-table{
    min-width:1180px;
    table-layout:fixed;
  }
  .check-result-desktop-table th,
  .check-result-desktop-table td{
    text-align:center;
    padding:3px 3px;
  }
  .check-result-desktop-table th:nth-child(1),
  .check-result-desktop-table td:nth-child(1){
    width:42px;
    max-width:42px;
  }
  .check-result-desktop-table th:nth-child(2),
  .check-result-desktop-table td:nth-child(2){
    width:52px;
    max-width:52px;
  }
  .check-result-desktop-table th:nth-child(3),
  .check-result-desktop-table td:nth-child(3){
    width:80px;
    max-width:80px;
  }
  .check-result-desktop-table th:nth-child(4),
  .check-result-desktop-table td:nth-child(4){
    width:140px;
    max-width:140px;
  }
  .check-result-desktop-table th:nth-child(5),
  .check-result-desktop-table td:nth-child(5){
    width:220px;
    max-width:220px;
  }
  .check-result-desktop-table th:nth-child(6),
  .check-result-desktop-table td:nth-child(6){
    width:100px;
    max-width:100px;
  }
  .check-result-desktop-table th:nth-child(7),
  .check-result-desktop-table td:nth-child(7){
    width:90px;
    max-width:90px;
  }
  .check-result-desktop-table th:nth-child(8),
  .check-result-desktop-table td:nth-child(8){
    width:160px;
    max-width:160px;
  }
  .check-result-desktop-table th:nth-child(9),
  .check-result-desktop-table td:nth-child(9){
    width:110px;
    max-width:110px;
  }
  .check-result-desktop-table th:nth-child(10),
  .check-result-desktop-table td:nth-child(10){
    width:118px;
    max-width:118px;
  }
  .check-table.check-result-desktop-table th:nth-last-child(2),
  .check-table.check-result-desktop-table td:nth-last-child(2){
    width:110px;
    max-width:110px;
  }
  .check-table.check-result-desktop-table th:last-child,
  .check-table.check-result-desktop-table td:last-child{
    width:118px;
    max-width:118px;
  }
  .check-result-desktop-table .check-address{
    max-width:160px;
    text-align:center;
  }
  .check-result-desktop-table .check-address .quick-tip{
    margin:0 auto;
    text-align:center;
  }
  .check-result-desktop-table .check-status-cell{
    width:220px;
    max-width:220px;
    text-align:center;
  }
  .check-result-desktop-table .check-tools{
    justify-content:center;
    gap:2px;
  }
  .check-result-desktop-table .check-add-col .mini-btn{
    padding:3px 5px;
    font-size:11px;
  }
  .status-ellipsis-wide{
    max-width:190px;
  }
  .check-table th,
  .check-table td{
    padding:4px 5px;
    border-bottom:1px solid #f6d7d7;
    font-size:11px;
    text-align:left;
    vertical-align:middle;
    line-height:1.2;
  }
  .check-table th{
    background:var(--shopee);
    color:#fff;
    font-weight:700;
    font-size:11px;
    white-space:nowrap;
    text-align:center;
  }
  .check-table tbody tr:hover{background:#fff8f8}
  .check-table td:first-child{
    width:40px;
    text-align:center;
    padding-left:4px;
    padding-right:4px;
  }
  .check-table th:first-child{
    width:40px;
  }
  .check-thumb{
    width:32px;
    height:32px;
    border-radius:4px;
    border:1px solid #e5e7eb;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .check-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .check-cod{
    color:#dc2626;
    white-space:nowrap;
  }
  .check-tracking{
    color:#1d4ed8;
    font-weight:600;
    white-space:nowrap;
  }
  .check-recipient-head{
    width:120px;
    max-width:120px;
  }
  .check-recipient-cell{
    width:120px;
    max-width:120px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .check-address{
    max-width:460px;
    white-space:nowrap;
    overflow:visible;
    padding-right:10px;
  }
  .check-address .quick-tip{
    display:block;
    max-width:100%;
  }
  .check-address .quick-ellipsis{
    display:block;
    max-width:100%;
  }
  .check-normal-desktop-table{
    table-layout:fixed;
    min-width:1040px;
    width:100%;
  }
  .check-normal-desktop-table th,
  .check-normal-desktop-table td{
    padding-left:2px;
    padding-right:2px;
  }
  .check-normal-desktop-table th:nth-child(2),
  .check-normal-desktop-table td:nth-child(2){
    width:50px;
    max-width:50px;
  }
  .check-normal-desktop-table th:nth-child(3),
  .check-normal-desktop-table td:nth-child(3){
    width:68px;
    max-width:68px;
  }
  .check-normal-desktop-table th:nth-child(7),
  .check-normal-desktop-table td:nth-child(7){
    width:82px;
    max-width:82px;
  }
  .check-normal-desktop-table th:nth-child(4),
  .check-normal-desktop-table td:nth-child(4){
    width:105px;
    max-width:105px;
  }
  .check-normal-desktop-table th:nth-child(5),
  .check-normal-desktop-table td:nth-child(5){
    width:98px;
    max-width:98px;
  }
  .check-normal-desktop-table th:nth-child(8),
  .check-normal-desktop-table td:nth-child(8){
    min-width:260px;
  }
  .check-normal-desktop-table .check-recipient-head,
  .check-normal-desktop-table .check-recipient-cell{
    width:75px;
    max-width:75px;
    text-align:center;
  }
  .check-normal-desktop-table .check-status-cell-normal{
    width:130px;
    max-width:130px;
  }
  .check-normal-desktop-table .status-normal-full{
    max-width:100%;
  }
  .check-normal-desktop-table .check-add-col{
    width:130px;
    max-width:130px;
  }
  .check-normal-desktop-table .check-tools-head{
    width:130px;
    min-width:130px;
    max-width:130px;
  }
  .check-normal-desktop-table td:nth-child(7){
    text-align:center;
  }
  .check-fast-desktop-table{
    table-layout:fixed;
    min-width:980px;
  }
  .check-fast-desktop-table th:nth-child(1),
  .check-fast-desktop-table td:nth-child(1){
    width:44px;
    max-width:44px;
  }
  .check-fast-desktop-table th:nth-child(2),
  .check-fast-desktop-table td:nth-child(2){
    width:50px;
    max-width:50px;
  }
  .check-fast-desktop-table th:nth-child(3),
  .check-fast-desktop-table td:nth-child(3){
    width:80px;
    max-width:80px;
  }
  .check-fast-desktop-table th:nth-child(4),
  .check-fast-desktop-table td:nth-child(4){
    width:98px;
    max-width:98px;
  }
  .check-fast-desktop-table th:nth-child(5),
  .check-fast-desktop-table td:nth-child(5){
    width:118px;
    max-width:118px;
  }
  .check-fast-desktop-table th:nth-child(6),
  .check-fast-desktop-table td:nth-child(6){
    width:100px;
    max-width:100px;
  }
  .check-fast-desktop-table th:nth-child(7),
  .check-fast-desktop-table td:nth-child(7){
    width:80px;
    max-width:80px;
  }
  .check-fast-desktop-table th:nth-child(8),
  .check-fast-desktop-table td:nth-child(8){
    width:120px;
    max-width:120px;
  }
  .check-fast-desktop-table th:nth-child(9),
  .check-fast-desktop-table td:nth-child(9){
    width:110px;
    max-width:110px;
  }
  .check-fast-desktop-table th:nth-child(10),
  .check-fast-desktop-table td:nth-child(10){
    width:60px;
    max-width:60px;
  }
  .check-fast-desktop-table th:nth-child(11),
  .check-fast-desktop-table td:nth-child(11){
    width:110px;
    max-width:110px;
  }
  .check-fast-desktop-table .check-fast-tracking{
    width:110px;
    max-width:110px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .check-fast-desktop-table .check-fast-address{
    width:120px;
    max-width:120px;
  }
  .check-fast-desktop-table .check-recipient-head,
  .check-fast-desktop-table .check-recipient-cell{
    width:100px;
    max-width:100px;
  }
  .check-fast-desktop-table .check-status-cell{
    width:118px;
    max-width:118px;
  }
  .check-fast-desktop-table .status-ellipsis{
    max-width:110px;
  }
  .check-fast-desktop-table .check-shipper-cell{
    width:110px;
    max-width:110px;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    font-size:11px;
    text-align:center;
  }
  .check-fast-desktop-table .check-pin-line,
  .check-fast-desktop-table .check-pin-inline,
  .check-fast-desktop-table .check-pin-full{
    white-space:nowrap;
    font-size:10px;
  }
  .check-fast-desktop-table .check-pin-full{
    display:inline-block;
  }
  .check-fast-desktop-table .check-time-cell{
    width:60px;
    max-width:60px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
  }
  .check-fast-desktop-table .check-add-col{
    width:110px;
    max-width:110px;
  }
  .check-fast-desktop-table .check-tools-head{
    width:110px;
    min-width:110px;
    max-width:110px;
  }
  .check-fast-desktop-table .check-tools{
    gap:2px;
  }
  .check-fast-follow-wrap{
    margin-top:4px;
  }
  .check-fast-follow-wrap form{
    margin:0;
    display:inline-flex;
  }
  .check-fast-follow-btn{
    height:22px;
    padding:0 7px;
    font-size:10px;
    border-radius:8px;
    background:#eff6ff;
    border:1px solid #bfdbfe;
    color:#1d4ed8;
  }
  .check-fast-follow-btn:hover{
    background:#dbeafe;
    border-color:#93c5fd;
  }
  .check-fast-follow-muted{
    display:inline-block;
    font-size:10px;
    color:#64748b;
    white-space:nowrap;
  }
  .check-pin-line{
    margin-top:2px;
    font-size:10px;
    color:#b45309;
    font-weight:700;
    white-space:normal;
    word-break:break-all;
  }
  .check-pin-inline{
    font-size:10px;
    color:#b45309;
    font-weight:700;
    white-space:normal;
    word-break:break-all;
  }
  .check-pin-full{
    display:block;
    white-space:normal;
    word-break:break-all;
    line-height:1.2;
  }
  .check-pin-inline.check-pin-full{
    display:inline-block;
    white-space:nowrap;
    word-break:normal;
  }
  .check-shipper-cell,
  .check-time-cell{
    white-space:nowrap;
  }
  .check-table th:nth-last-child(2),
  .check-table td:nth-last-child(2){
    width:64px;
    max-width:64px;
  }
  .check-fast-desktop-table th:nth-last-child(2),
  .check-fast-desktop-table td:nth-last-child(2){
    width:60px;
    max-width:60px;
  }
  .check-result-main-row,
  .check-normal-main-row,
  .check-fast-main-row{
    cursor:pointer;
  }
  .check-result-main-row.open,
  .check-normal-main-row.open,
  .check-fast-main-row.open{
    background:#fff8f8;
  }
  .check-desktop-detail-row{
    display:none;
  }
  .check-desktop-detail-row td{
    background:#f8fafc;
    padding:8px 6px;
    text-align:left;
  }
  .check-desktop-detail-box{
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding:10px;
  }
  .check-desktop-detail-grid-split{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px 14px;
  }
  .check-desktop-detail-col{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    min-width:0;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:8px 10px;
    background:#f8fafc;
  }
  .check-desktop-detail-col-left{
    background:#f8fafc;
    border-color:#dbe7f3;
  }
  .check-desktop-detail-col-right{
    background:#fff7ed;
    border-color:#fed7aa;
  }
  .check-desktop-detail-col > div{
    width:100%;
    text-align:left;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.35;
    color:#0f172a;
  }
  .check-desktop-detail-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px 14px;
    font-size:12px;
    color:#334155;
    text-align:left;
  }
  .check-desktop-detail-col > div span{
    color:#334155;
    font-weight:700;
  }
  .check-desktop-detail-grid span{
    color:#475569;
    font-weight:600;
  }
  .check-desktop-detail-grid .full{
    grid-column:1 / -1;
    overflow-wrap:anywhere;
  }
  .check-desktop-detail-grid a{
    color:#1d4ed8;
    text-decoration:underline;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .check-desktop-detail-timeline{
    margin-top:8px;
    border-top:1px solid #cbd5e1;
    border-left:3px solid #f97316;
    padding:7px 0 0 10px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    text-align:left;
  }
  .check-desktop-detail-timeline-title{
    font-size:12px;
    font-weight:700;
    color:#9a3412;
    padding:0 2px 5px;
  }
  .check-desktop-detail-timeline-item{
    border:none;
    border-bottom:1px dashed #cbd5e1;
    border-radius:0;
    background:transparent;
    padding:7px 2px;
    font-size:11px;
    color:#334155;
    line-height:1.35;
    overflow-wrap:anywhere;
    word-break:break-word;
    text-align:left;
  }
  .check-desktop-detail-timeline-item:last-child{
    border-bottom:none;
  }
  .check-table .badge{
    font-size:9px;
    font-weight:700;
    padding:3px 6px;
  }
  .check-status-cell{
    width:180px;
    max-width:180px;
    overflow:visible;
    position:relative;
  }
  .check-status-cell-normal{
    width:260px;
    max-width:260px;
    overflow:visible;
    position:relative;
  }
  .check-status-cell .quick-tip,
  .check-status-cell-normal .quick-tip{
    display:block;
    max-width:100%;
  }
  .status-ellipsis{
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
  .status-normal-full{
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
    vertical-align:middle;
    cursor:pointer;
  }
  .status-normal-full.is-open{
    max-width:100%;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  @media (max-width: 1220px){
    .check-desktop-detail-grid,
    .check-desktop-detail-grid-split{
      grid-template-columns:1fr;
      gap:5px;
    }
  }
  .check-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    flex-wrap:wrap;
  }
  .check-head .card-title{margin:0}
  .normal-head-inline{
    flex-wrap:nowrap;
  }
  .normal-head-left{
    display:flex;
    align-items:baseline;
    gap:8px;
    min-width:0;
    flex:1 1 auto;
  }
  .normal-head-left .card-title{
    white-space:nowrap;
  }
  .normal-summary-note{
    margin:0;
    color:#dc2626;
    font-style:italic;
    font-weight:600;
    font-size:12px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tracking-mvd-wrap{
    border:1px solid #e2e8f0;
  }
  .tracking-mvd-item{
    padding:6px 2px;
  }
  .tracking-mvd-item-divider{
    border-bottom:1px solid #e5e7eb;
    padding-bottom:10px;
    margin-bottom:8px;
  }
  .tracking-mvd-line{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:13px;
    color:#334155;
  }
  .tracking-mvd-label{
    font-weight:700;
    color:#1e3a8a;
  }
  .tracking-mvd-code{
    display:inline-flex;
    align-items:center;
    padding:3px 8px;
    border-radius:8px;
    background:#dbeafe;
    color:#1d4ed8;
    font-weight:800;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .tracking-mvd-carrier{
    color:#64748b;
    font-size:12px;
  }
  .tracking-mvd-status{
    margin-top:8px;
  }
  .tracking-mvd-title{
    margin-top:12px;
    margin-bottom:4px;
    color:#475569;
    font-size:11px;
    font-weight:800;
    letter-spacing:.3px;
  }
  .tracking-mvd-events{
    border-top:1px solid #e5e7eb;
  }
  .tracking-mvd-event{
    padding:8px 0;
    border-bottom:1px solid #f1f5f9;
  }
  .tracking-mvd-event:last-child{
    border-bottom:none;
  }
  .tracking-mvd-time{
    font-size:11px;
    color:#64748b;
    margin-bottom:2px;
  }
  .tracking-mvd-text{
    font-size:13px;
    color:#0f172a;
    line-height:1.35;
  }
  .tracking-check-desktop-table{
    table-layout:fixed;
    min-width:980px;
  }
  .tracking-check-desktop-table th:nth-child(1),
  .tracking-check-desktop-table td:nth-child(1){
    width:42px;
    max-width:42px;
  }
  .tracking-check-desktop-table th:nth-child(2),
  .tracking-check-desktop-table td:nth-child(2){
    width:180px;
    max-width:180px;
  }
  .tracking-check-desktop-table th:nth-child(3),
  .tracking-check-desktop-table td:nth-child(3){
    width:176px;
    max-width:176px;
  }
  .tracking-check-desktop-table th:nth-child(4),
  .tracking-check-desktop-table td:nth-child(4){
    width:170px;
    max-width:170px;
  }
  .tracking-check-desktop-table th:nth-child(5),
  .tracking-check-desktop-table td:nth-child(5){
    width:312px;
    max-width:312px;
  }
  .tracking-check-desktop-table th:nth-child(6),
  .tracking-check-desktop-table td:nth-child(6){
    width:100px;
    max-width:100px;
    text-align:center;
  }
  .tracking-check-main-row{
    cursor:pointer;
  }
  .tracking-check-main-row.open{
    background:#fff8f8;
  }
  .tracking-check-status-cell{
    width:100%;
    max-width:none;
  }
  .tracking-status-pill{
    display:block;
    width:100%;
    max-width:100%;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.35;
  }
  .tracking-check-time-cell{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tracking-check-note-cell{
    width:180px;
    max-width:180px;
  }
  .tracking-note-wrap{
    display:flex;
    align-items:center;
    gap:4px;
  }
  .tracking-note-text{
    flex:1 1 auto;
    min-width:0;
    font-size:11px;
    color:#64748b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tracking-note-text.has-note{
    color:#1e293b;
    font-weight:600;
  }
  .tracking-note-form{
    margin:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
  }
  .tracking-note-edit-btn{
    min-width:24px;
    height:22px;
    padding:0 5px;
    font-size:12px;
    border-radius:7px;
  }
  .tracking-note-inline-input{
    display:none;
    width:118px;
    height:22px;
    border:1px solid #cbd5e1;
    border-radius:7px;
    padding:0 6px;
    font-size:11px;
    background:#fff;
    color:#0f172a;
  }
  .tracking-note-save-btn,
  .tracking-note-cancel-btn{
    display:none;
    min-width:24px;
    height:22px;
    padding:0 5px;
    font-size:11px;
    border-radius:7px;
  }
  .tracking-note-wrap.is-editing .tracking-note-inline-input,
  .tracking-mobile-note-cell.is-editing .tracking-note-inline-input{
    display:inline-block;
  }
  .tracking-note-wrap.is-editing .tracking-note-save-btn,
  .tracking-note-wrap.is-editing .tracking-note-cancel-btn,
  .tracking-mobile-note-cell.is-editing .tracking-note-save-btn,
  .tracking-mobile-note-cell.is-editing .tracking-note-cancel-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .tracking-note-wrap.is-editing .tracking-note-edit-btn,
  .tracking-mobile-note-cell.is-editing .tracking-note-edit-btn{
    display:none;
  }
  .tracking-check-detail-row{
    display:none;
  }
  .tracking-check-desktop-table .tracking-check-detail-row td{
    background:#f8fafc;
    padding:8px 7px;
    text-align:left;
  }
  .tracking-check-detail-box{
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
    padding:9px;
  }
  .tracking-check-detail-head{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    font-size:12px;
    color:#334155;
    margin-bottom:7px;
  }
  .tracking-check-timeline{
    position:relative;
    border-top:1px solid #e2e8f0;
    margin-top:4px;
    padding-left:0;
  }
  .tracking-check-timeline::before{
    content:"";
    position:absolute;
    left:10px;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg, #f97316 0%, #fb923c 100%);
  }
  .tracking-check-timeline-item{
    position:relative;
    border-bottom:1px dashed #e2e8f0;
    padding:8px 0 8px 28px;
    text-align:left;
  }
  .tracking-check-timeline-item:last-child{
    border-bottom:none;
  }
  .tracking-check-timeline-item::before{
    content:"";
    position:absolute;
    left:6px;
    top:15px;
    width:8px;
    height:8px;
    border-radius:50%;
    border:2px solid #fb923c;
    background:#fff;
    box-sizing:border-box;
  }
  .tracking-check-timeline-time{
    font-size:11px;
    color:#64748b;
    margin-bottom:2px;
    text-align:left;
  }
  .tracking-check-timeline-text{
    font-size:12px;
    color:#0f172a;
    line-height:1.35;
    text-align:left;
  }
  .tracking-check-mobile-wrap .tracking-check-mobile-table th:nth-child(1),
  .tracking-check-mobile-wrap .tracking-check-mobile-table td:nth-child(1){width:10%}
  .tracking-check-mobile-wrap .tracking-check-mobile-table th:nth-child(2),
  .tracking-check-mobile-wrap .tracking-check-mobile-table td:nth-child(2){width:22%}
  .tracking-check-mobile-wrap .tracking-check-mobile-table th:nth-child(3),
  .tracking-check-mobile-wrap .tracking-check-mobile-table td:nth-child(3){width:30%}
  .tracking-check-mobile-wrap .tracking-check-mobile-table th:nth-child(4),
  .tracking-check-mobile-wrap .tracking-check-mobile-table td:nth-child(4){width:38%}
  .tracking-check-mobile-main-row{
    cursor:pointer;
  }
  .tracking-check-mobile-main-row.open{
    background:#fff8f8;
  }
  .tracking-mobile-note-col{
    text-align:left;
  }
  .tracking-mobile-note-cell{
    display:flex;
    align-items:center;
    gap:4px;
  }
  .tracking-mobile-note-text{
    flex:1 1 auto;
    min-width:0;
    font-size:10px;
    color:#64748b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tracking-mobile-note-text.has-note{
    color:#1e293b;
    font-weight:600;
  }
  .tracking-mobile-note-cell .tracking-note-form{
    flex:0 0 auto;
  }
  .tracking-mobile-note-cell .tracking-note-edit-btn{
    min-width:22px;
    width:22px;
    height:20px;
    padding:0;
    font-size:10px;
  }
  .tracking-mobile-note-cell .tracking-note-inline-input{
    width:88px;
    height:20px;
    font-size:10px;
    padding:0 5px;
  }
  .tracking-mobile-note-cell .tracking-note-save-btn,
  .tracking-mobile-note-cell .tracking-note-cancel-btn{
    min-width:20px;
    width:20px;
    height:20px;
    padding:0;
    font-size:9px;
  }
  .tracking-check-timeline-mobile{
    margin-top:8px;
  }
  .check-head-right{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
  }
  @media (max-width: 900px){
    .normal-head-inline{
      flex-wrap:wrap;
    }
    .normal-head-left{
      display:block;
      width:100%;
    }
    .normal-summary-note{
      margin-top:2px;
      white-space:normal;
      overflow:visible;
      text-overflow:clip;
    }
  }
  .section-toggle-btn{
    min-width:68px;
    height:24px;
    padding:0 8px;
    border-radius:999px;
    border:1px solid #cbd5e1;
    background:#f8fafc;
    color:#0f172a;
    font-size:10px;
    font-weight:800;
    line-height:1;
  }
  .section-toggle-btn:hover{
    background:#e2e8f0;
  }
  .section-toggle-btn.is-collapsed{
    background:#eff6ff;
    border-color:#93c5fd;
    color:#1d4ed8;
  }
  .section-toggle-body.is-collapsed{
    display:none;
  }
  .check-report-bar{
    margin-bottom:10px;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:8px;
  }
  .check-report-item{
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding:7px 9px;
    display:grid;
    gap:3px;
  }
  .check-report-label{
    font-size:11px;
    color:#475569;
    line-height:1.2;
  }
  .check-report-value{
    font-size:18px;
    line-height:1;
    font-weight:900;
    color:#0f172a;
  }
  .check-mobile-fast-wrap{
    margin-top:8px;
  }
  .check-filter-panel{
    margin-bottom:10px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#f8fafc;
    padding:8px;
  }
  .check-filter-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr auto;
    gap:8px;
    align-items:center;
  }
  .check-filter-grid-compact{
    grid-template-columns:2fr 1fr 1fr auto;
  }
  .check-filter-grid .tool-input{
    height:34px;
    padding:6px 9px;
  }
  .check-stt-cell{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    white-space:nowrap;
    min-width:52px;
  }
  .check-table td.check-stt-cell{
    vertical-align:middle;
  }
  .check-stt-cell form{
    margin:0;
    display:inline-flex;
  }
  .check-add-col{
    text-align:center;
    width:118px;
  }
  .check-add-col form{
    margin:0;
    display:inline-flex;
  }
  .check-add-col .badge{
    font-size:10px;
  }
  .check-add-col .mini-btn{
    padding:4px 6px;
    font-size:12px;
  }
  .check-tools{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
  }
  .check-tools-head{
    width:120px;
    min-width:120px;
    max-width:120px;
    vertical-align:middle;
  }
  .check-table th.check-tools-head{
    text-align:right;
  }
  .check-tools-head-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    line-height:1;
    width:100%;
  }
  .bulk-delete-dropdown{
    position:relative;
    display:inline-flex;
  }
  .bulk-delete-dropdown summary{
    list-style:none;
    cursor:pointer;
  }
  .bulk-delete-dropdown summary::-webkit-details-marker{
    display:none;
  }
  .bulk-delete-trigger{
    min-width:82px;
    height:24px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    font-size:9px;
    line-height:1;
  }
  .bulk-delete-icon{
    font-size:11px;
    line-height:1;
  }
  .bulk-delete-label{
    font-size:9px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
  }
  .check-tools-head .bulk-delete-trigger{
    color:#fff;
    background:rgba(255, 255, 255, .14);
    border:1px solid rgba(255, 255, 255, .45);
  }
  .check-tools-head .bulk-delete-trigger:hover{
    background:rgba(255, 255, 255, .24);
  }
  .check-tools-head .bulk-delete-icon,
  .check-tools-head .bulk-delete-label{
    color:#fff;
  }
  .bulk-delete-menu{
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    z-index:40;
    width:176px;
    padding:6px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    background:#fff;
    box-shadow:0 10px 20px rgba(15, 23, 42, .16);
    display:grid;
    gap:4px;
  }
  .bulk-delete-menu form{
    margin:0;
  }
  .bulk-delete-menu .mini-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    font-size:11px;
    padding:6px 8px;
    white-space:nowrap;
  }
  .check-tool-btn{
    min-width:24px;
    height:24px;
    padding:0 4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .mini-btn[data-tip]{
    position:relative;
  }
  .mini-btn[data-tip]::after{
    content:attr(data-tip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 6px);
    transform:translateX(-50%) translateY(4px);
    padding:4px 6px;
    border-radius:6px;
    border:1px solid #fed7aa;
    background:#fff;
    color:#111827;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 6px 14px rgba(15, 23, 42, 0.12);
    opacity:0;
    pointer-events:none;
    transition:opacity .05s ease, transform .05s ease;
    z-index:30;
  }
  .mini-btn[data-tip]:hover::after,
  .mini-btn[data-tip]:focus-visible::after{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }
  .quick-tip[data-tip]{
    position:relative;
    display:inline-block;
    overflow:visible;
  }
  .status-hover-tip[data-tip]{
    z-index:1;
  }
  .status-hover-tip[data-tip] .badge{
    cursor:help;
  }
  .status-hover-tip[data-tip]::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 2px);
    transform:translateX(-50%) translateY(4px);
    border:6px solid transparent;
    border-top-color:#1f2937;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, transform .12s ease, visibility .12s ease;
    z-index:2199;
  }
  .status-hover-tip[data-tip]::after{
    top:auto;
    bottom:calc(100% + 8px);
    transform:translateX(-50%) translateY(4px);
    padding:8px 10px;
    border-radius:10px;
    border:1px solid rgba(15, 23, 42, .16);
    background:#1f2937;
    color:#fff;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
    white-space:normal;
    width:max-content;
    min-width:120px;
    max-width:320px;
    text-align:center;
    box-shadow:0 16px 36px rgba(15, 23, 42, .28);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, transform .12s ease, visibility .12s ease;
    z-index:2200;
    word-break:break-word;
  }
  .quick-tip[data-tip]::after{
    content:attr(data-tip);
    position:absolute;
    left:50%;
    top:calc(100% + 6px);
    bottom:auto;
    transform:translateX(-50%);
    padding:4px 6px;
    border-radius:6px;
    border:1px solid #fed7aa;
    background:#fff;
    color:#111827;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
    max-width:none;
    box-shadow:0 6px 14px rgba(15, 23, 42, 0.12);
    opacity:0;
    pointer-events:none;
    transition:none;
    z-index:90;
  }
  .quick-tip[data-tip]:hover::after,
  .quick-tip[data-tip]:focus-visible::after{
    opacity:1;
  }
  .status-hover-tip[data-tip]:hover,
  .status-hover-tip[data-tip]:focus-visible{
    z-index:2200;
  }
  .status-hover-tip[data-tip]:hover::before,
  .status-hover-tip[data-tip]:focus-visible::before{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
  .status-hover-tip[data-tip]:hover::after,
  .status-hover-tip[data-tip]:focus-visible::after{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
  .quick-ellipsis{
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
  .tap-copy{
    cursor:pointer;
  }
  .tap-copy.copy-ok{
    background:#dcfce7;
    border-radius:4px;
  }
  .tap-copy.copy-fail{
    background:#fee2e2;
    border-radius:4px;
  }
  .check-tool-del{
    color:#dc2626;
    background:#fff1f2;
    border:1px solid #fecaca;
  }
  .check-tool-del:hover{
    background:#ffe4e6;
  }
  .check-tool-cancel{
    color:#b45309;
    background:#fff7ed;
    border:1px solid #fed7aa;
  }
  .check-tool-cancel:hover{
    background:#ffedd5;
  }
  .check-tool-link{
    color:#2563eb;
    background:#eff6ff;
    border:1px solid #bfdbfe;
  }
  .check-tool-link:hover{
    background:#dbeafe;
  }
  .check-mobile-table-wrap{
    display:none;
  }
  .check-mobile-table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    border:1px solid #f0caca;
    border-radius:10px;
    overflow:visible;
    background:#fff;
  }
  .check-mobile-table th:nth-child(1),
  .check-mobile-table td:nth-child(1){width:10%}
  .check-mobile-table th:nth-child(2),
  .check-mobile-table td:nth-child(2){width:16%}
  .check-mobile-table th:nth-child(3),
  .check-mobile-table td:nth-child(3){width:18%}
  .check-mobile-table th:nth-child(4),
  .check-mobile-table td:nth-child(4){width:56%}
  .check-mobile-table th,
  .check-mobile-table td{
    padding:7px 6px;
    border-bottom:1px solid #f6d7d7;
    font-size:12px;
    vertical-align:middle;
    text-align:center;
  }
  .check-mobile-table th{
    background:var(--shopee);
    color:#fff;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
    position:relative;
    z-index:2;
  }
  .check-mobile-status-head-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    position:relative;
    width:100%;
  }
  .check-mobile-status-head-wrap > span{
    display:block;
    text-align:center;
  }
  .bulk-delete-mobile-dropdown{
    display:inline-flex;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }
  .bulk-delete-mobile-trigger{
    min-width:22px;
    width:22px;
    height:20px;
    padding:0;
    border-radius:8px;
  }
  .bulk-delete-mobile-trigger .bulk-delete-icon{
    font-size:10px;
  }
  .check-mobile-status-head .bulk-delete-mobile-trigger{
    color:#fff;
    background:rgba(255, 255, 255, .14);
    border:1px solid rgba(255, 255, 255, .45);
  }
  .check-mobile-status-head .bulk-delete-mobile-trigger:hover{
    background:rgba(255, 255, 255, .24);
  }
  .check-mobile-status-head .bulk-delete-mobile-trigger .bulk-delete-icon{
    color:#fff;
  }
  .bulk-delete-menu-mobile{
    width:146px;
    top:calc(100% + 4px);
    right:0;
    z-index:70;
  }
  .bulk-delete-menu-mobile .mini-btn{
    font-size:10px;
    padding:5px 7px;
  }
  .check-mobile-table tr:last-child td{
    border-bottom:none;
  }
  .check-mobile-note-row td{
    padding:5px 7px;
    background:#fff;
  }
  .check-mobile-note-chip{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:10px;
    font-weight:700;
    color:#9a3412;
    border:1px solid #fed7aa;
    border-radius:999px;
    padding:4px 8px;
    background:linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  }
  .check-mobile-note-chip .note-text{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .check-mobile-note-chip .note-emoji{
    flex:0 0 auto;
  }
  .check-mobile-main-row{
    cursor:pointer;
  }
  .check-mobile-main-row.open{
    background:#fff8f8;
  }
  .check-mobile-main-row td:first-child{
    width:38px;
    text-align:center;
  }
  .mobile-status-top .badge{
    display:block;
    width:100%;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
    padding:3px 7px;
    font-size:10px;
  }
  .mobile-status-top{
    display:flex;
    justify-content:center;
    min-width:0;
    width:100%;
    overflow:hidden;
  }
  .mobile-mvd-bottom{
    margin-top:4px;
    color:#1d4ed8;
    font-size:11px;
    font-weight:700;
    overflow-wrap:anywhere;
  }
  .check-mobile-detail-row{
    display:none;
  }
  .check-mobile-detail-row td{
    background:#f8fafc;
    padding:8px 6px;
    text-align:left;
  }
  .check-mobile-detail-box{
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
    padding:8px;
    text-align:left;
  }
  .check-mobile-detail-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    font-size:12px;
    color:#334155;
    text-align:left;
    justify-items:start;
  }
  .check-mobile-detail-grid span{
    color:#475569;
    font-weight:600;
  }
  .check-mobile-detail-grid .full{
    overflow-wrap:anywhere;
  }
  .check-mobile-detail-tools{
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .check-mobile-detail-tools .mini-btn{
    min-width:30px;
    height:30px;
    padding:0 6px;
    font-size:14px;
  }
  .check-mobile-detail-tools form{
    margin:0;
  }
  .check-mobile-tools{
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .check-mobile-tools .mini-btn{
    min-width:30px;
    height:30px;
    padding:0 6px;
    font-size:14px;
  }
  .check-mobile-tools form{
    margin:0;
  }
  .check-add-btn{
    border:none;
    background:var(--shopee);
    color:#fff;
    width:18px;
    height:18px;
    border-radius:999px;
    font-weight:800;
    line-height:18px;
    padding:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 18px;
  }
  .check-add-btn:hover{background:var(--shopee-dark)}
  .timeline-drop{
    margin-top:10px;
    border-radius:14px;
    border:1px solid #e5e7eb;
    background:#f9fafb;
    padding:8px 10px;
  }
  .timeline-drop summary{
    cursor:pointer;
    font-weight:400;
    font-size:12px;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  .timeline-drop summary::-webkit-details-marker{display:none}
  .timeline-title{font-weight:500}
  .timeline-time{font-size:12px; color:#6b7280; white-space:nowrap}
  .timeline-drop-body{
    margin-top:8px;
    font-size:12px;
    font-weight:400;
    white-space:pre-line;
  }
  .timeline-meta{
    margin-top:10px;
    font-size:12px;
  }
  .watch-order-item{
    display:flex;
    flex-wrap:wrap;
  }
  .watch-order-item .order-main{
    flex:1;
    min-width:0;
  }
  .watch-order-item .timeline-drop,
  .watch-order-item .timeline-meta{
    flex-basis:100%;
    width:100%;
  }
  .watch-order-thumb{
    position:relative;
    overflow:visible;
  }
  .watch-order-tag{
    position:absolute;
    top:-9px;
    left:-2px;
    background:#ee4d2d;
    color:#fff;
    border-radius:999px;
    padding:2px 7px;
    font-size:10px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
    box-shadow:0 2px 8px rgba(238,77,45,.28);
  }
  .mini-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
  }
  .price{font-weight:900}
  .mini-btn{
    border:none; background:#1118270f; padding:6px 8px;
    border-radius:10px; font-weight:500; font-size:12px; line-height:1.1;
  }
  .mini-btn:hover{background:#1118271a}
  .mini-btn.primary{background:var(--shopee); color:#fff}
  .mini-btn.primary:hover{background:var(--shopee-dark)}
  .mini-btn.danger{background:#fee2e2; color:#991b1b}
  .mini-btn.danger:hover{background:#fecaca}
  .mini-btn.warn{background:#fff7ed; color:#9a3412}
  .mini-btn.warn:hover{background:#ffedd5}
  .mini-btn.sky{background:#38bdf8; color:#0f172a}
  .mini-btn.sky:hover{background:#0ea5e9; color:#fff}
  
  .api-doc-shell{
    display:grid;
    gap:16px;
  }
  .api-doc-hero{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:stretch;
    background:linear-gradient(135deg,#fff7ed 0%,#ffffff 48%,#eef6ff 100%);
    border:1px solid #fed7aa;
  }
  .api-doc-kicker{
    color:var(--shopee);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-bottom:6px;
  }
  .api-doc-hero h1{
    margin:0 0 8px;
    font-size:28px;
    line-height:1.15;
    color:#0f172a;
  }
  .api-doc-hero p{
    margin:0;
    max-width:760px;
    color:#475569;
    font-size:14px;
    line-height:1.55;
  }
  .api-doc-base{
    min-width:260px;
    align-self:center;
    border:1px solid #ffedd5;
    background:#fff;
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(238,77,45,.08);
  }
  .api-doc-base span{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    margin-bottom:6px;
  }
  .api-doc-base code{
    display:block;
    color:#0f172a;
    font-size:14px;
    white-space:nowrap;
  }
  .api-doc-layout{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:16px;
    align-items:start;
  }
  .api-doc-sidebar{
    position:sticky;
    top:12px;
    display:grid;
    gap:8px;
    border:1px solid #e2e8f0;
  }
  .api-doc-sidebar-title{
    font-size:13px;
    font-weight:900;
    color:#0f172a;
    margin-bottom:2px;
  }
  .api-doc-nav{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#0f172a;
    font-size:13px;
    font-weight:800;
  }
  .api-doc-nav.active{
    color:var(--shopee);
    background:#fff7ed;
    border-color:#fed7aa;
  }
  .api-doc-copy-full{
    width:100%;
    cursor:pointer;
    text-align:left;
    font-family:inherit;
    font-weight:900;
    color:#075985;
    border-color:#bae6fd;
    background:#f0f9ff;
  }
  .api-doc-copy-full:hover{
    background:#e0f2fe;
  }
  .api-doc-nav-disabled{
    opacity:.72;
  }
  .api-doc-sidebar-note{
    margin-top:6px;
    padding:10px;
    border-radius:12px;
    background:#f8fafc;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
  }
  .api-doc-content{
    display:grid;
    gap:14px;
  }
  .api-doc-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid #e2e8f0;
  }
  .api-doc-section-head h2,
  .api-doc-future h2{
    margin:0 0 6px;
    color:#0f172a;
    font-size:20px;
  }
  .api-doc-section-head p,
  .api-doc-future p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.45;
  }
  .api-doc-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .api-doc-card,
  .api-doc-endpoint,
  .api-doc-future{
    border:1px solid #e2e8f0;
  }
  .api-doc-card-label{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#fff7ed;
    color:#c2410c;
    font-size:11px;
    font-weight:900;
    margin-bottom:8px;
  }
  .api-doc-card h3,
  .api-doc-endpoint h3{
    margin:0;
    color:#0f172a;
    font-size:17px;
  }
  .api-doc-card p,
  .api-doc-endpoint p{
    margin:8px 0 10px;
    color:#475569;
    font-size:13px;
    line-height:1.5;
  }
  .api-doc-endpoint-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    margin-bottom:10px;
  }
  .api-doc-endpoint-head > div{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .api-doc-endpoint-head > code{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:6px 8px;
    color:#334155;
    font-size:12px;
    white-space:nowrap;
  }
  .api-doc-method{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    padding:4px 7px;
    border-radius:999px;
    color:#fff;
    font-size:11px;
    font-weight:900;
  }
  .api-doc-method.get{background:#0ea5e9}
  .api-doc-method.post{background:#22c55e}
  .api-doc-method.warn{background:#f97316}
  .api-doc-method.tip{background:#8b5cf6}
  .api-doc-code-title{
    color:#0f172a;
    font-size:12px;
    font-weight:900;
    margin:10px 0 6px;
  }
  .api-doc-content pre{
    position:relative;
    margin:8px 0 0;
    padding:12px 44px 12px 12px;
    border-radius:14px;
    background:#0f172a;
    color:#e2e8f0;
    overflow:auto;
    border:1px solid #1e293b;
  }
  .api-doc-content pre code{
    font-family:Consolas,Monaco,"Courier New",monospace;
    font-size:12px;
    line-height:1.55;
    white-space:pre;
  }
  .api-doc-copy{
    position:absolute;
    top:8px;
    right:8px;
    border:none;
    border-radius:9px;
    padding:4px 7px;
    background:#ffffff1c;
    color:#fff;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
  }
  .api-doc-copy:hover{
    background:#ffffff33;
  }
  .api-doc-status-grid,
  .api-doc-error-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
  }
  .api-doc-status-grid > div,
  .api-doc-error-list > div{
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:10px;
    background:#f8fafc;
  }
  .api-doc-status-grid b,
  .api-doc-error-list code{
    display:block;
    color:#0f172a;
    font-size:13px;
    margin-bottom:4px;
  }
  .api-doc-status-grid span,
  .api-doc-error-list span{
    color:#64748b;
    font-size:12px;
    line-height:1.4;
  }
  .api-doc-tips{
    margin:10px 0 0;
    padding-left:18px;
    color:#475569;
    font-size:13px;
    line-height:1.7;
  }
  
  @media (max-width: 900px){
    .api-doc-hero,
    .api-doc-section-head{
      flex-direction:column;
      align-items:stretch;
    }
    .api-doc-hero h1{
      font-size:22px;
    }
    .api-doc-base{
      min-width:0;
    }
    .api-doc-base code{
      white-space:normal;
      overflow-wrap:anywhere;
    }
    .api-doc-layout,
    .api-doc-grid,
    .api-doc-status-grid,
    .api-doc-error-list{
      grid-template-columns:1fr;
    }
    .api-doc-sidebar{
      position:static;
    }
    .api-doc-endpoint-head{
      flex-direction:column;
    }
    .api-doc-endpoint-head > code{
      white-space:normal;
      width:100%;
      overflow-wrap:anywhere;
    }
    .api-doc-content pre{
      padding:12px;
    }
    .api-doc-copy{
      position:sticky;
      float:right;
      top:0;
      right:0;
    }
  }
  
  .watch-time{font-size:12px; white-space:nowrap}
  .watch-actions{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
  }
  .watch-action-form{margin:0}
  .watch-bulk-actions{
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .watch-bulk-actions form{margin:0}
  .watch-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    margin-top:12px;
  }
  .page-btn{
    min-width:30px;
    height:30px;
    padding:0 8px;
    border-radius:9px;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#111827;
    font-weight:500;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
  }
  .page-btn.active{
    background:var(--shopee);
    border-color:var(--shopee);
    color:#fff;
  }
  .flash{
    border-radius:12px;
    padding:8px 10px;
    margin:8px 0;
    border:1px solid #00000010;
    font-size:13px;
    line-height:1.3;
  }
  .flash.ok{background:#e8fff0; color:#166534; border-color:#bbf7d0}
  .flash.err{background:#fff1f2; color:#9f1239; border-color:#fecdd3}
  .flash.warn{background:#fff7ed; color:#9a3412; border-color:#fed7aa}
  @media (max-width: 960px){
    body{
      font-size:10px;
    }
    .account-page{
      gap:8px;
    }
    .account-hero,
    .account-section{
      padding:10px;
    }
    .account-page-title{
      font-size:16px;
    }
    .account-section-title{
      font-size:16px;
    }
    .account-setup-banner{
      flex-direction:column;
      align-items:flex-start;
      gap:7px;
      padding:8px 9px;
    }
    .account-setup-banner-text{
      font-size:11px;
    }
    .account-setup-banner-link{
      height:28px;
      padding:0 10px;
      font-size:11px;
    }
    .account-meta-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:5px;
    }
    .account-meta-item{
      padding:5px 6px;
    }
    .account-meta-item .k{
      font-size:9px;
    }
    .account-meta-item .v{
      font-size:11px;
    }
    .account-form-grid{
      grid-template-columns:1fr;
      gap:7px;
    }
    .account-api-key-grid{
      grid-template-columns:1fr;
    }
    .account-api-status{
      width:100%;
    }
    .account-api-actions{
      align-items:stretch;
    }
    .account-api-actions form,
    .account-api-create-btn,
    .account-api-doc-btn,
    .account-api-copy-guide-btn{
      width:100%;
    }
    .account-api-key-box{
      padding:9px;
    }
    .account-google-sheet-head{
      display:grid;
    }
    .account-google-sheet-status{
      max-width:100%;
      width:100%;
    }
    .google-sheet-plan-grid{
      grid-template-columns:1fr;
    }
    .account-sheet-check-quota-current{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .account-accordion{
      gap:7px;
    }
    .account-accordion-summary{
      padding:8px 9px;
      font-size:13px;
    }
    .account-accordion-toggle{
      font-size:9px;
      padding:3px 6px;
    }
    .account-accordion-content{
      padding:7px;
    }
    .account-panel{
      padding:8px;
      gap:6px;
    }
    .account-panel-title{
      font-size:14px;
    }
    .account-hint{
      font-size:11px;
    }
    .account-inline-check{
      font-size:12px;
    }
    .account-btn{
      height:30px;
      font-size:12px;
    }
    .account-telegram-grid{
      grid-template-columns:1fr;
    }
    .account-telegram-grid .account-panel{
      padding:9px;
    }
    .account-panel-head{
      flex-direction:column;
      align-items:flex-start;
    }
    .account-status-pill{
      white-space:normal;
    }
    .account-inline-check-card{
      padding:9px 10px;
    }
    .account-topup-grid{
      grid-template-columns:1fr;
    }
    .account-topup-qr-pane{
      align-content:start;
    }
    .vip-card-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .account-sepay-qr{
      width:200px;
    }
    .account-notify-head,
    .account-notify-row{
      grid-template-columns:minmax(0, 1fr) 70px 70px;
    }
    .account-notify-head > div,
    .account-notify-row > div{
      padding:6px;
    }
    .account-notify-row .event{
      font-size:11px;
    }
    .admin-note{
      font-size:11px;
    }
    .admin-broadcast-form{
      grid-template-columns:1fr;
    }
    .admin-inline-form{
      grid-template-columns:1fr 1fr;
    }
    .admin-inline-form .mini-btn{
      grid-column:1 / -1;
    }
    .admin-user-row-head{
      display:none;
    }
    .admin-user-row-summary{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      align-items:flex-start;
    }
    .admin-user-row-toggle{
      grid-column:1 / -1;
      justify-self:flex-start;
    }
    .admin-user-sections{
      grid-template-columns:1fr;
    }
    .admin-proxy-actions{
      grid-template-columns:1fr;
    }
    .admin-voucher-link-panel{
      padding:8px;
    }
    .admin-voucher-link-head,
    .admin-voucher-section-head{
      flex-direction:column;
      align-items:stretch;
      gap:6px;
    }
    .admin-voucher-link-status{
      max-width:none;
      text-align:left;
    }
    .admin-voucher-link-row{
      grid-template-columns:1fr;
    }
    .admin-voucher-get-btn,
    .admin-voucher-push-btn{
      width:100%;
    }
    .admin-voucher-actions-top{
      justify-content:flex-start;
    }
    .card-title{
      font-size:.78rem;
    }
    .dash-input-head{
      font-size:10px;
    }
    .dash-input-label,
    .dash-input-form textarea,
    .dash-input-note,
    .tool-input,
    .mini-btn,
    .sh-btn{
      font-size:9px;
    }
    .dash-input-form{
      --dash-action-height:30px;
      --dash-action-font-size:9px;
    }
    .dash-input-topbar{
      align-items:stretch;
      gap:6px;
    }
    .dash-input-topbar .dash-check-inline{
      height:auto;
      min-height:0;
      align-self:stretch;
    }
    .dash-input-actions{
      gap:6px;
    }
    .dash-input-actions .sh-btn,
    .dash-input-topbar .sh-btn{
      padding:0 10px;
      gap:4px;
    }
    .dash-input-menu-actions{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:6px;
    }
    .dash-input-menu-actions .sh-btn{
      width:100%;
    }
    .vip-card-grid.dash-vip-inline-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .dash-vip-title{
      font-size:14px;
    }
    .dash-vip-status{
      font-size:10px;
      padding:4px 7px;
    }
    .dash-vip-cta-box{
      padding:7px;
    }
    .dash-input-note-rotator{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      align-items:end;
      column-gap:4px;
      row-gap:2px;
      min-height:40px;
      padding:6px 8px;
    }
    .dash-rotating-line{
      white-space:normal;
      overflow:visible;
      text-overflow:clip;
      font-size:9px;
      line-height:1.2;
    }
    .dash-rotating-link{
      font-size:9px;
      line-height:1.1;
    }
    .vip-card-benefits{
      min-height:0;
      gap:2px;
    }
    .vip-card-benefit{
      font-size:10px;
    }
    .qr-cookie-head{
      align-items:flex-start;
    }
    .qr-cookie-create-btn{
      width:100%;
      text-align:center;
    }
    .qr-cookie-usage-grid{
      display:none;
    }
    .qr-cookie-mobile-summary{
      display:block;
      font-size:10px;
      padding:6px 8px;
    }
    .qr-cookie-status{
      font-size:11px;
    }
    .qr-cookie-image{
      width:min(250px, 100%);
    }
    .qr-cookie-history-head{
      flex-wrap:wrap;
    }
    .qr-cookie-history-table{
      min-width:100%;
    }
    .qr-cookie-history-table th,
    .qr-cookie-history-table td{
      font-size:10px;
      padding:6px 7px;
    }
    .qr-cookie-history-table th:nth-child(1),
    .qr-cookie-history-table td:nth-child(1){
      width:36%;
    }
    .qr-cookie-history-table th:nth-child(2),
    .qr-cookie-history-table td:nth-child(2){
      width:28%;
      padding-left:3px;
      padding-right:3px;
    }
    .qr-cookie-history-table th:nth-child(3),
    .qr-cookie-history-table td:nth-child(3){
      width:36%;
    }
    .qr-cookie-history-table th:nth-child(4),
    .qr-cookie-history-table td:nth-child(4),
    .qr-cookie-history-table th:nth-child(5),
    .qr-cookie-history-table td:nth-child(5){
      display:none;
    }
    .qr-cookie-history-table td:nth-child(2) .badge{
      font-size:8px;
      padding:3px 6px;
    }
    .qr-cookie-result-line{
      flex-wrap:nowrap;
      font-size:10px;
    }
    .qr-cookie-result-line code{
      flex:1 1 auto;
      min-width:0;
      width:0;
      max-width:100%;
    }
    .qr-cookie-st-line{
      flex-wrap:nowrap;
      gap:4px;
    }
    .qr-st-copy-btn{
      width:18px;
      min-width:18px;
      height:18px;
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .qr-cookie-st-code{
      max-width:100%;
      width:0;
    }
    .badge{
      font-size:9px;
    }
    .order-lines{
      font-size:9px;
    }
    .flash{
      padding:6px 9px;
      margin:6px 0;
      font-size:9px;
      border-radius:10px;
    }
    .layout{
      grid-template-columns: 1fr;
      padding:12px;
    }
    .sidebar{display:none}
    .mobile-menu-bar{
      display:block;
      background:transparent;
      padding:8px 0 0 0;
    }
    .mobile-menu-dropdown{
      display:block;
      position:relative;
    }
    .mobile-menu-dropdown summary{
      list-style:none;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:7px 10px;
      border-radius:10px;
      border:1px solid #ee4d2d44;
      background:#fff3ef;
      color:#d63a1c;
      font-size:14px;
      font-weight:800;
    }
    .mobile-menu-dropdown summary::-webkit-details-marker{display:none}
    .mobile-menu-dropdown[open] summary{
      background:#ee4d2d;
      color:#fff;
      border-color:#ee4d2d;
    }
    .mobile-menu-list{
      display:grid;
      gap:8px;
      margin-top:8px;
      padding:10px;
      border-radius:12px;
      border:1px solid #ee4d2d33;
      background:#fff;
    }
    .mobile-menu-link{
      display:flex;
      align-items:center;
      gap:9px;
      color:#9a3412;
      font-size:15px;
      font-weight:600;
      padding:10px 11px;
      border-radius:10px;
      border:1px solid #fed7aa;
      background:#fff7ed;
    }
    .mobile-menu-link.active{
      background:#fff3ef;
      border-color:#fdba74;
      color:#c2410c;
    }
    .mobile-menu-link:hover{
      background:#ffedd5;
    }
    .dash-mobile-hide-checked{display:none}
    .sh-top-right{display:none}
    .sh-header-main{
      align-items:flex-start;
      flex-wrap:wrap;
      gap:6px;
      padding:8px 10px;
    }
    .sh-logo-badge{
      width:34px;
      height:34px;
      font-size:11px;
    }
    .sh-brand-mark{
      width:42px;
      height:42px;
      flex-basis:42px;
    }
    .sh-brand-mark-main{
      width:22px;
      height:17px;
      font-size:10px;
    }
    .sh-header-brand{
      min-width:0;
      flex:1 1 auto;
    }
    .sh-header-main-guest .sh-header-brand{
      flex:1 1 auto;
    }
    .sh-header-actions{
      min-width:0;
      gap:4px;
    }
    .sh-header-actions-top{
      margin-left:auto;
      order:2;
      gap:4px;
    }
    .sh-header-actions-bottom{
      order:3;
      flex:0 0 100%;
      width:100%;
      margin-top:2px;
      gap:4px;
      justify-content:flex-end;
    }
    .sh-pill{
      flex:0 0 74px;
      width:74px;
      height:22px;
      padding:0 4px;
      font-size:8px;
      line-height:1;
      border-radius:8px;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .sh-menu-wrap{
      display:inline-flex;
    }
    .sh-pill-money{
      flex:0 0 auto;
      width:auto;
      min-width:104px;
      height:auto;
      min-height:22px;
      padding:2px 5px;
    }
    .sh-pill-admin{
      flex:0 0 auto;
      width:auto;
      min-width:102px;
      max-width:142px;
      min-height:22px;
      padding:2px 18px 2px 5px;
    }
    .sh-pill-menu{
      min-width:82px;
      padding:2px 7px;
      gap:4px;
    }
    .sh-pill-menu-label{
      font-size:8px;
    }
    .sh-pill-menu-caret{
      font-size:7px;
    }
    .sh-menu-dropdown{
      top:calc(100% + 6px);
      width:min(292px, calc(100vw - 20px));
      max-height:min(70vh, 430px);
      padding:9px;
      border-radius:12px;
    }
    .sh-menu-title{
      font-size:10px;
      margin-bottom:7px;
    }
    .sh-menu-section + .sh-menu-section{
      margin-top:8px;
      padding-top:8px;
    }
    .sh-menu-section-title{
      margin-bottom:5px;
      font-size:9px;
    }
    .sh-menu-grid{
      gap:5px;
    }
    .sh-menu-link{
      min-height:32px;
      padding:6px 7px;
      border-radius:8px;
      font-size:10px;
    }
    .sh-pill-title{
      font-size:8px;
    }
    .sh-pill-sub{
      font-size:6px;
    }
    .sh-money-line{
      font-size:7px;
    }
    .sh-money-line-sub{
      font-size:6px;
    }
    .sh-search{border-radius:12px}
    .sh-search textarea{max-height:190px; min-height:44px}
    .guest-main-wide{
      margin:14px auto;
      padding:0 12px;
    }
    .promo-footer-inner{
      padding:8px 10px 12px;
    }
    .promo-chip-list{
      flex-wrap:wrap;
      justify-content:center;
      overflow:visible;
      padding-bottom:0;
      gap:6px;
    }
    .promo-chip{
      flex:0 1 auto;
      max-width:100%;
      font-size:10px;
      padding:6px 10px;
    }
    .promo-contact{
      font-size:12px;
      line-height:1.4;
    }
    .recent-desktop-wrap{display:block}
    .recent-mobile-list{display:none !important}
    .recent-watch-table th,
    .recent-watch-table td{
      padding:3px 4px;
      font-size:9px;
      vertical-align:middle;
      text-align:left;
    }
    .recent-watch-table{
      min-width:0 !important;
      width:100%;
      table-layout:fixed;
    }
    .recent-watch-table th:nth-child(1),
    .recent-watch-table td:nth-child(1){width:8%}
    .recent-watch-table th:nth-child(2),
    .recent-watch-table td:nth-child(2){width:18%}
    .recent-watch-table th:nth-child(4),
    .recent-watch-table td:nth-child(4){width:36%}
    .recent-watch-table th:nth-child(5),
    .recent-watch-table td:nth-child(5){width:46%}
    .recent-watch-table th:nth-child(3),
    .recent-watch-table td:nth-child(3),
    .recent-watch-table th:nth-child(6),
    .recent-watch-table td:nth-child(6),
    .recent-watch-table th:nth-child(7),
    .recent-watch-table td:nth-child(7),
    .recent-watch-table th:nth-child(8),
    .recent-watch-table td:nth-child(8),
    .recent-watch-table th:nth-child(9),
    .recent-watch-table td:nth-child(9),
    .recent-watch-table th:nth-child(10),
    .recent-watch-table td:nth-child(10){
      display:none;
    }
    .recent-watch-table th:nth-child(4),
    .recent-watch-table td:nth-child(4){
      min-width:0;
      max-width:none;
    }
    .recent-tracking-main{
      font-size:9px;
      line-height:1.15;
      white-space:normal;
      overflow-wrap:anywhere;
      text-align:left;
    }
    .recent-tracking-time{
      display:block;
      margin-top:1px;
      font-size:8px;
      color:#6b7280;
      white-space:normal;
      line-height:1.1;
      text-align:left;
    }
    .recent-status-cell{
      width:auto;
      max-width:none;
    }
    .recent-status-cell .status-ellipsis{
      max-width:none;
      white-space:normal;
      overflow:visible;
      text-overflow:clip;
      line-height:1.15;
    }
    .recent-watch-table .badge{
      font-size:8px;
      padding:2px 5px;
      font-weight:500;
    }
    .recent-actions{
      gap:3px;
    }
    .recent-copy-btn,
    .recent-refresh-btn,
    .recent-del-btn{
      min-width:22px;
      padding:1px 4px;
      font-size:9px;
    }
    .check-desktop-table-wrap{display:none}
    .check-mobile-table-wrap{display:block}
    .check-mobile-list{
      display:grid;
      gap:10px;
    }
    .check-mobile-fast-legacy{
      display:none !important;
    }
    .fast-report-mobile-only{
      display:grid;
    }
    .check-report-bar{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:5px;
      overflow:visible;
      padding-bottom:0;
    }
    .check-report-item{
      min-width:0;
      padding:5px 6px;
      border-radius:9px;
    }
    .check-report-label{
      font-size:8px;
      line-height:1.1;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .check-report-value{
      font-size:11px;
    }
    .tracking-mvd-item{
      padding:4px 0;
    }
    .tracking-mvd-line{
      font-size:10px;
      gap:4px;
    }
    .tracking-mvd-code{
      padding:2px 6px;
      font-size:9px;
    }
    .tracking-mvd-carrier{
      font-size:9px;
    }
    .tracking-mvd-title{
      font-size:9px;
      margin-top:8px;
    }
    .tracking-mvd-time{
      font-size:8px;
    }
    .tracking-mvd-text{
      font-size:10px;
    }
    .tracking-check-desktop-table{
      min-width:860px;
    }
    .tracking-check-detail-head{
      gap:6px;
      font-size:10px;
      margin-bottom:6px;
    }
    .tracking-check-timeline-time{
      font-size:9px;
    }
    .tracking-check-timeline-text{
      font-size:10px;
    }
    .tracking-note-text{
      font-size:10px;
    }
    .tracking-note-edit-btn{
      min-width:22px;
      height:20px;
      padding:0 4px;
      font-size:10px;
    }
    .tracking-note-inline-input{
      width:96px;
      height:20px;
      font-size:10px;
      padding:0 5px;
    }
    .tracking-note-save-btn,
    .tracking-note-cancel-btn{
      min-width:20px;
      height:20px;
      padding:0 4px;
      font-size:9px;
    }
    .tracking-mobile-note-text{
      font-size:9px;
    }
    .check-head-right{
      gap:4px;
    }
    .check-tools-head{
      width:136px;
      min-width:136px;
      max-width:136px;
    }
    .check-table th.check-tools-head{
      text-align:right;
    }
    .check-tools-head-wrap{
      gap:4px;
      justify-content:flex-end;
    }
    .bulk-delete-trigger{
      min-width:76px;
      padding:0 7px;
      font-size:9px;
    }
    .bulk-delete-icon{
      font-size:10px;
    }
    .bulk-delete-label{
      font-size:9px;
    }
    .bulk-delete-menu{
      width:154px;
      padding:5px;
    }
    .bulk-delete-menu .mini-btn{
      font-size:10px;
      padding:5px 7px;
    }
    .section-toggle-btn{
      min-width:62px;
      height:22px;
      padding:0 6px;
      font-size:9px;
    }
    .check-filter-grid,
    .check-filter-grid-compact{
      display:grid !important;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 92px;
      overflow:visible;
      gap:6px;
      padding-bottom:0;
    }
    .check-filter-grid .tool-input{
      min-width:0;
      width:100%;
      height:30px;
      font-size:10px;
      padding:5px 8px;
    }
    .check-recipient-head,
    .check-recipient-cell{
      width:120px;
      max-width:120px;
    }
    .bulk-delete-mobile-trigger{
      min-width:20px;
      width:20px;
      height:18px;
    }
    .bulk-delete-mobile-trigger .bulk-delete-icon{
      font-size:9px;
    }
    .bulk-delete-menu-mobile{
      width:136px;
    }
    .bulk-delete-menu-mobile .mini-btn{
      font-size:9px;
      padding:5px 6px;
    }
    .check-filter-grid #checkFilterKeyword{
      grid-column:1 / -1;
    }
    .check-filter-grid #checkFilterStatus{
      grid-column:1 / 2;
    }
    .check-filter-grid #checkFilterDate{
      grid-column:2 / 3;
    }
    .check-filter-grid #checkFilterReset{
      grid-column:3 / 4;
      white-space:nowrap;
      height:30px;
      padding:0 8px;
      font-size:10px;
    }
    .check-fast-follow-btn{
      height:20px;
      font-size:9px;
      padding:0 6px;
    }
    .check-fast-follow-muted{
      font-size:9px;
    }
    .dash-table{min-width:390px}
    .watch-actions{gap:5px}
    .watch-bulk-actions{
      gap:6px;
      flex-wrap:nowrap;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:thin;
      padding-bottom:2px;
    }
    .watch-bulk-actions form{
      flex:0 0 auto;
    }
    .watch-bulk-actions .mini-btn{
      white-space:nowrap;
      padding:6px 8px;
      font-size:12px;
    }
    .mini-btn{padding:5px 6px; font-size:9px}
    .tool-form-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .tool-grid-2{grid-template-columns:1fr}
    .add-mail-form-grid .tool-box:first-child{
      display:flex;
      flex-direction:column;
    }
    .add-mail-form-grid .add-mail-actions-desktop{
      display:none;
    }
    .add-mail-form-grid .add-mail-actions-mobile{
      display:flex;
    }
    .add-mail-form-grid .add-mail-count-actions{
      order:20;
      margin-top:14px;
      justify-content:flex-start;
      flex-wrap:nowrap;
      gap:6px;
      overflow-x:auto;
    }
    .add-mail-form-grid .add-mail-count-actions .mini-btn{
      flex:1 1 0;
      min-width:0;
      white-space:nowrap;
      padding-left:7px;
      padding-right:7px;
    }
    .tool-wallet-head{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .notify-matrix{font-size:12px}
    .notify-matrix th,
    .notify-matrix td{padding:7px 6px}
    .notice-steps{grid-template-columns:1fr}
    .stats-head{flex-wrap:wrap}
  }
  @media (min-width: 961px){
    .check-desktop-table-wrap{display:block}
    .check-mobile-table-wrap{display:none}
    .check-mobile-list{display:none}
  }
  @media (max-width: 480px){
    body{
      font-size:9px;
    }
    .account-page-title,
    .account-section-title{
      font-size:15px;
    }
    .account-meta-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:4px;
    }
    .account-user-pill{
      font-size:10px;
      padding:3px 8px;
    }
    .account-telegram-grid{
      gap:8px;
    }
    .account-telegram-grid .account-panel{
      padding:8px;
    }
    .account-status-pill{
      font-size:10px;
      padding:4px 8px;
    }
    .account-inline-check-card{
      padding:8px 9px;
      gap:8px;
    }
    .vip-card-grid{
      grid-template-columns:1fr;
    }
    .vip-card{
      padding:7px;
    }
    .vip-card-title{
      font-size:12px;
    }
    .vip-card-price{
      font-size:11px;
    }
    .vip-card-grid.dash-vip-inline-grid{
      grid-template-columns:1fr;
    }
    .dash-vip-title{
      font-size:13px;
    }
    .dash-vip-cta-label{
      font-size:10px;
    }
    .dash-vip-free-btn{
      min-height:30px;
    }
    .vip-card-quota{
      font-size:10px;
      min-height:0;
    }
    .vip-card-benefit{
      font-size:9px;
      line-height:1.2;
    }
    .qr-cookie-head .card-title{
      font-size:14px;
    }
    .qr-cookie-create-btn{
      width:100%;
      padding:8px 10px;
    }
    .qr-cookie-usage-grid{
      display:none;
    }
    .qr-cookie-mobile-summary{
      display:block;
      font-size:9px;
      padding:5px 7px;
    }
    .qr-cookie-status{
      font-size:10px;
    }
    .qr-cookie-history-head{
      flex-direction:column;
      align-items:stretch;
      gap:6px;
    }
    .qr-cookie-history-table{
      min-width:100%;
    }
    .qr-cookie-history-table th:nth-child(1),
    .qr-cookie-history-table td:nth-child(1){
      width:38%;
    }
    .qr-cookie-history-table th:nth-child(2),
    .qr-cookie-history-table td:nth-child(2){
      width:28%;
    }
    .qr-cookie-history-table th:nth-child(3),
    .qr-cookie-history-table td:nth-child(3){
      width:34%;
    }
    .qr-cookie-history-table th:nth-child(4),
    .qr-cookie-history-table td:nth-child(4),
    .qr-cookie-history-table th:nth-child(5),
    .qr-cookie-history-table td:nth-child(5){
      display:none;
    }
    .qr-cookie-st-code{
      max-width:100%;
      width:0;
    }
    .account-sepay-qr{
      width:170px;
    }
    .account-topup-info-pane,
    .account-topup-qr-pane{
      padding:10px;
    }
    .account-topup-bank-row{
      grid-template-columns:1fr;
      gap:3px;
      padding:7px 9px;
      font-size:12px;
    }
    .account-topup-alert{
      padding:10px 12px;
    }
    .account-topup-alert-title{
      font-size:18px;
    }
    .account-topup-alert-text{
      font-size:13px;
    }
    .account-topup-note{
      font-size:11px;
    }
    .topup-success-head{
      font-size:18px;
    }
    .topup-success-modal .modal-body{
      font-size:14px;
    }
    .topup-success-modal .topup-modal-amount,
    .topup-success-modal .topup-modal-total{
      font-size:20px;
    }
    .admin-search-form{
      grid-template-columns:1fr;
    }
    .admin-search-form .mini-btn{
      width:100%;
    }
    .admin-broadcast-title{
      font-size:13px;
    }
    .admin-user-row-summary{
      grid-template-columns:1fr;
      padding:8px;
      gap:6px;
    }
    .admin-user-row-body{
      padding:8px;
    }
    .admin-user-row-toggle{
      justify-self:flex-start;
    }
    .admin-user-panel{
      padding:7px;
      gap:5px;
    }
    .admin-user-panel-title{
      font-size:11px;
    }
    .admin-user-form{
      grid-template-columns:1fr;
    }
    .admin-user-form .mini-btn{
      grid-column:1;
    }
    .account-notify-head,
    .account-notify-row{
      grid-template-columns:minmax(0, 1fr) 62px 62px;
    }
    .account-step-item{
      grid-template-columns:26px minmax(0, 1fr);
      gap:7px;
      padding:7px 8px;
    }
    .account-step-badge{
      width:26px;
      height:26px;
      font-size:11px;
    }
    .account-step-body{
      font-size:11px;
    }
    .account-accordion-summary{
      padding:7px 8px;
      font-size:12px;
    }
    .account-accordion-toggle{
      font-size:8px;
      padding:2px 6px;
    }
    .account-accordion-content{
      padding:6px;
    }
    .account-notify-head{
      font-size:10px;
    }
    .account-notify-head > div,
    .account-notify-row > div{
      padding:5px;
    }
    .sh-header-main{
      padding:7px 8px;
      gap:5px;
    }
    .sh-logo-badge{
      width:30px;
      height:30px;
      font-size:10px;
    }
    .sh-brand-mark{
      width:36px;
      height:36px;
      flex-basis:36px;
    }
    .sh-brand-mark-main{
      width:19px;
      height:15px;
      font-size:9px;
    }
    .sh-brand{
      font-size:.88rem;
    }
    .sh-brand-sub{
      font-size:9px;
    }
    .sh-header-actions{gap:3px}
    .sh-header-actions-top{gap:3px}
    .sh-header-actions-bottom{gap:3px}
    .sh-pill{
      flex:0 0 68px;
      width:68px;
      height:20px;
      padding:0 3px;
      font-size:7px;
      border-radius:7px;
    }
    .sh-pill-money{
      flex:0 0 auto;
      width:auto;
      min-width:96px;
      height:auto;
      min-height:20px;
      padding:2px 4px;
    }
    .sh-pill-admin{
      min-width:96px;
      max-width:128px;
      min-height:20px;
      padding:2px 16px 2px 4px;
    }
    .sh-pill-menu{
      min-width:76px;
      padding:2px 6px;
      gap:3px;
    }
    .sh-pill-menu-label{
      font-size:7px;
    }
    .sh-pill-menu-caret{
      font-size:6px;
    }
    .sh-menu-dropdown{
      width:min(272px, calc(100vw - 16px));
      max-height:min(68vh, 380px);
      padding:8px;
    }
    .sh-menu-section + .sh-menu-section{
      margin-top:7px;
      padding-top:7px;
    }
    .sh-menu-section-title{
      font-size:8px;
    }
    .sh-menu-link{
      min-height:30px;
      padding:6px;
      font-size:9px;
    }
    .sh-pill-title{
      font-size:7px;
    }
    .sh-pill-sub{
      font-size:5px;
    }
    .sh-money-line{
      font-size:6px;
    }
    .sh-money-line-sub{
      font-size:5px;
    }
    .sh-top-inner{padding:6px 12px}
    .sh-btn{padding:10px 12px}
    .check-report-item{
      padding:4px 5px;
    }
    .check-report-label{
      font-size:7px;
    }
    .check-report-value{
      font-size:10px;
    }
    .check-filter-grid,
    .check-filter-grid-compact{
      grid-template-columns:minmax(0, 1fr) 112px 82px;
      gap:5px;
    }
    .check-filter-grid #checkFilterReset{
      padding:0 7px;
      font-size:8px;
    }
    .order-item{padding:12px}
    .order-thumb{width:56px; height:56px}
    .check-mobile-list .order-code{
      font-size:12px;
    }
    .stats-grid{gap:4px}
    .stats-item{padding:5px}
    .stats-label{font-size:9px}
    .stats-value{font-size:13px}
    .dash-table{min-width:340px}
    .mobile-menu-bar{padding:7px 0 0 0}
    .mobile-menu-dropdown summary{
      font-size:13px;
      padding:6px 9px;
    }
    .mobile-menu-list{gap:6px; padding:8px}
    .mobile-menu-link{font-size:14px; padding:9px 10px}
    .recipient-line{font-size:11px}
    .watch-actions{width:100%; justify-content:flex-start; overflow-x:auto}
    .watch-time{width:100%}
    .watch-bulk-actions .mini-btn{
      padding:6px 7px;
      font-size:11px;
    }
    .tool-form-grid{grid-template-columns:1fr}
    .tool-grid-2{grid-template-columns:1fr}
    .tool-inline-form{flex-wrap:wrap}
    .tool-inline-form .tool-input{max-width:none}
    .tool-wallet-head{grid-template-columns:1fr}
    .notify-matrix{font-size:11px}
    .notify-matrix th,
    .notify-matrix td{padding:6px 4px}
    .notice-title{font-size:13px}
    .notice-text{font-size:10px}
  }

  .sh-header-main-guest{
    justify-content:space-between;
  }
  .sh-header-nav{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    flex:0 0 auto;
  }
  .sh-header-nav-link{
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    white-space:nowrap;
  }
  .sh-header-nav-link:hover,
  .sh-header-nav-link.is-active{
    background:rgba(255,255,255,.28);
  }
  @media (max-width:720px){
    .sh-header-main-guest{
      flex-wrap:wrap;
      row-gap:10px;
    }
    .sh-header-nav{
      width:100%;
      margin-left:0;
      justify-content:flex-end;
    }
    .sh-header-nav-link{
      font-size:13px;
      padding:6px 12px;
    }
  }