:root{
  --bg:#eef4f7;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f2f6fb;--border:#d9e2ec;
  --text:#192432;--muted:#627186;--primary:#1f4b99;--primary-soft:#eaf1ff;--success:#157b49;
  --danger:#8f2436;--warning:#8a5a00;--orange:#ff7a1a;--shadow:0 20px 40px rgba(15,32,61,.08);
  --radius:18px;--header:#6b2d1a;
}
@media (max-width:900px){
  body.panel-shell-page .topbar.app-topbar .wrap.app-wrap{
    width:min(100% - 16px, 1240px) !important;
  }
  body.panel-shell-page .topbar.app-topbar .nav.app-nav{
    grid-template-columns:1fr !important;
    gap:10px !important;
    min-height:auto !important;
    padding:12px 0 14px !important;
    justify-items:stretch !important;
  }
  body.panel-shell-page .topbar.app-topbar .brand.app-brand{
    width:100% !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.panel-shell-page .topbar.app-topbar .app-brand-logo{
    width:auto !important;
    height:auto !important;
    max-width:min(180px,68vw) !important;
    max-height:54px !important;
  }
  body.panel-shell-page .topbar.app-topbar .menu.app-menu{
    display:none !important;
  }
  body.panel-shell-page .topbar.app-topbar .auth.app-auth{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:8px !important;
    justify-content:stretch !important;
  }
  body.panel-shell-page .topbar.app-topbar .status-live-pill,
  body.panel-shell-page .topbar.app-topbar .cta.app-cta,
  body.panel-shell-page .topbar.app-topbar .login.app-login{
    width:100% !important;
    justify-content:center !important;
  }
  body.panel-shell-page .dashboard-wide-section .dashboard-wide-container{
    width:min(100% - 12px, 1720px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.panel-shell-page .dashboard-main,
  body.panel-shell-page .genel-bakis-v2,
  body.panel-shell-page .gb2-main-grid,
  body.panel-shell-page .gb2-bottom-grid{
    min-width:0 !important;
  }
}
@media (max-width:640px){
  body.panel-shell-page .topbar.app-topbar{
    position:relative !important;
  }
  body.panel-shell-page .topbar.app-topbar .wrap.app-wrap{
    width:min(100% - 12px, 1240px) !important;
  }
  body.panel-shell-page .topbar.app-topbar .app-brand-logo{
    max-width:min(160px,62vw) !important;
    max-height:46px !important;
  }
  body.panel-shell-page .topbar.app-topbar .status-live-pill,
  body.panel-shell-page .topbar.app-topbar .cta.app-cta,
  body.panel-shell-page .topbar.app-topbar .login.app-login{
    min-height:44px !important;
    border-radius:16px !important;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f6f9fb,#eef4f7);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1240px,calc(100% - 32px));margin:0 auto}
.main-shell{min-height:calc(100vh - 140px)}
.site-header{position:sticky;top:0;z-index:90;background:var(--header);box-shadow:0 10px 24px rgba(39,15,8,.16)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.brand-logo{display:block;max-width:188px;height:auto;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:14px}
.main-nav a{color:#fff4ee;font-weight:700;padding:10px 12px;border-radius:12px}
.main-nav a.active,.main-nav a:hover{background:rgba(255,255,255,.09)}
.btn,.btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;border:1px solid transparent;cursor:pointer}
.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.btn-sm{padding:10px 14px}
.ghost-link{background:rgba(255,255,255,.08)}
.menu-toggle{display:none;background:rgba(255,255,255,.08);border:0;color:#fff7f2;width:42px;height:42px;border-radius:10px;font-size:20px}
.mobile-nav{display:none;padding:0 16px 16px}
.mobile-nav.show{display:grid;gap:8px}
.mobile-nav a{display:block;background:rgba(255,255,255,.07);padding:12px 14px;border-radius:12px;color:#fff5ee;font-weight:700}
.hero{padding:42px 0 18px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800}
.hero h1{font-size:56px;line-height:1.02;letter-spacing:-.05em;margin:14px 0}
.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-card,.card,.auth-card,.panel,.stat-card,.detail-panel,.info-card,.badge-card,.today-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
.hero-card{border-radius:28px;padding:24px;display:grid;gap:14px}
.stat{padding:18px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}
.stat span{display:block;color:var(--muted);font-size:14px;margin-bottom:8px}
.stat strong{font-size:28px;letter-spacing:-.03em}
.section{padding:18px 0 28px}
.section.narrow .container{max-width:720px}
.section-head{margin-bottom:18px}
.section-head h1,.section-head h2{margin:0 0 10px;font-size:34px;letter-spacing:-.03em}
.section-head p{margin:0;color:var(--muted);line-height:1.7}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{padding:22px;border-radius:24px}
.muted-card{opacity:.78}
.auth-card{padding:28px;border-radius:24px}
.form-stack{display:grid;gap:14px;margin-top:18px}
.form-stack label,.field-group{display:grid;gap:8px}
input,select{width:100%;height:48px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface-2);color:var(--text);font-size:16px;outline:none}
input:focus,select:focus{border-color:color-mix(in srgb,var(--primary) 40%,white 60%);background:var(--surface);box-shadow:0 0 0 4px rgba(31,75,153,.08)}
.flash{margin:18px 0 0;padding:14px 16px;border-radius:14px;font-weight:700}
.flash.success{background:#e9fff1;color:#0f6d3f;border:1px solid #c7ebd4}
.flash.error{background:#fff1f1;color:#8f2436;border:1px solid #f0d1d1}
.app-toast-root{position:fixed;right:18px;bottom:18px;z-index:300;display:grid;gap:10px;pointer-events:none}
.app-toast{min-width:280px;max-width:min(360px,calc(100vw - 32px));padding:14px 16px 14px 18px;border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.16);border:1px solid rgba(255,255,255,.5);background:#fff;color:#172033;display:grid;gap:4px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .24s ease,transform .24s ease}
.app-toast.show{opacity:1;transform:translateY(0) scale(1)}
.app-toast.success{background:linear-gradient(180deg,#f5fff8 0%,#e9fff1 100%);border-color:#c7ebd4}
.app-toast.error{background:linear-gradient(180deg,#fff7f7 0%,#fff1f1 100%);border-color:#f0d1d1}
.app-toast-title{font-size:14px;font-weight:900;letter-spacing:-.01em}
.app-toast.success .app-toast-title{color:#0f6d3f}
.app-toast.error .app-toast-title{color:#8f2436}
.app-toast-text{font-size:13px;line-height:1.5;font-weight:700;color:#445066}
@media (max-width:640px){.app-toast-root{right:12px;left:12px;bottom:12px}.app-toast{min-width:0;max-width:none}}
.site-footer{padding:20px 0 24px;background:#fff;border-top:1px solid var(--border);margin-top:20px}
.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.footer-inner p{margin:8px 0 0;color:var(--muted)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links a{color:var(--muted);font-weight:700}

/* Calculator */
.calculator-layout{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}
.panel{border-radius:18px}
.form-panel{padding:20px}
.section-title{margin:0 0 14px;font-size:18px;font-weight:800}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-group.full{grid-column:1/-1}
.label{font-size:13px;color:var(--muted);font-weight:700}
.sub-label{margin-top:-2px;font-size:12px;color:var(--muted);line-height:1.45}
.input-wrap{position:relative}
.unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700;pointer-events:none}
.segmented{display:flex;gap:8px;flex-wrap:wrap}
.segmented button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;min-height:42px;padding:8px 14px;font-weight:700;cursor:pointer}
.segmented button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(31,75,153,.18)}
.cargo-native{display:none}
.cargo-select{position:relative}
.cargo-trigger{width:100%;min-height:52px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.cargo-trigger-left{display:flex;align-items:center;gap:10px;min-width:0}
.cargo-logo{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid rgba(0,0,0,.05);padding:3px;flex:0 0 auto}
.cargo-trigger span,.cargo-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cargo-chevron{color:var(--muted);font-size:16px;flex:0 0 auto}
.cargo-menu{position:absolute;inset:calc(100% + 8px) 0 auto 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;z-index:30;max-height:280px;overflow:auto}
.cargo-menu.show{display:block}
.cargo-option{width:100%;border:0;background:transparent;color:var(--text);border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:700;text-align:left}
.cargo-option:hover{background:var(--surface-3)}
.helper{margin-top:12px;background:color-mix(in srgb,var(--surface-2) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--border) 88%,#fff 12%);border-radius:14px;padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.55}
.results{display:grid;gap:18px}
.top-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat-card{padding:18px;border-radius:16px;position:relative;overflow:hidden}
.stat-card.primary{background:linear-gradient(180deg,#234f9b 0%,#193d7a 100%);color:#fff;border:0}
.stat-card.expense{background:linear-gradient(180deg,#9f2336 0%,#7e1b2b 100%);color:#fff;border:0}
.stat-card.kdv{background:linear-gradient(180deg,#b37800 0%,#8a5a00 100%);color:#fff;border:0}
.stat-card.net{background:linear-gradient(180deg,#17874e 0%,#0f6d3f 100%);color:#fff;border:0}
.stat-label{font-size:13px;font-weight:700;margin-bottom:10px;position:relative;z-index:2;color:rgba(255,255,255,.84)}
.stat-value{font-size:28px;font-weight:900;letter-spacing:-.02em;position:relative;z-index:2}
.stat-sub{margin-top:8px;font-size:13px;line-height:1.45;position:relative;z-index:2;color:rgba(255,255,255,.84)}
.float-plus{position:absolute;right:18px;top:16px;font-size:18px;font-weight:900;color:rgba(255,255,255,.55);opacity:0;transform:translateY(8px);pointer-events:none}
.float-plus.show{animation:floatPlus .75s ease forwards}
@keyframes floatPlus{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
.detail-panel{padding:18px}
.detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;background:var(--primary-soft);color:var(--primary)}
.barem-on{background:#e8fff0;color:#137a48}
.barem-off{background:#eef2f7;color:#5d6b80}
.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.stack,.summary-card{display:grid;gap:14px}
.detail-table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.table-head{padding:14px 16px;font-size:15px;font-weight:800;color:#fff}
.detail-table.expense .table-head{background:linear-gradient(180deg,#9f2336 0%,#7e1b2b 100%)}
.detail-table.kdv .table-head{background:linear-gradient(180deg,#b37800 0%,#8a5a00 100%)}
.detail-table.net .table-head{background:linear-gradient(180deg,#17874e 0%,#0f6d3f 100%)}
.detail-row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent 25%);font-size:15px;background:var(--surface)}
.detail-row:last-child{border-bottom:0}
.detail-row span:first-child{color:var(--muted)}
.info-card,.badge-card{border-radius:16px;padding:18px}
.info-card h3,.badge-card h3,.today-box h3,.explain-box h3{margin:0 0 12px;font-size:17px}
.info-card p,.explain-box p,.today-box p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.65}
.info-list{display:grid;gap:8px;margin-top:10px;color:var(--text);font-size:14px;line-height:1.5}
.info-list div{display:flex;align-items:center;gap:10px;font-weight:600}
.dot{font-size:18px;line-height:1;color:var(--warning)}
.profit-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.01em;border:1px solid transparent;box-shadow:0 10px 22px rgba(15,32,61,.08)}
.profit-badge.loss{background:#fff1f1;color:#b12626;border-color:#f0c8c8}
.profit-badge.edge{background:#fff5e8;color:#ad6a00;border-color:#f2ddba}
.profit-badge.low{background:#fff8df;color:#8a5a00;border-color:#ebd9a5}
.profit-badge.mid{background:#eef7ff;color:#1f4b99;border-color:#d6e5ff}
.profit-badge.good{background:#e9fff1;color:#0f6d3f;border-color:#c7ebd4}
.today-box{display:none;background:linear-gradient(180deg,#eef7ff 0%,#e7f0ff 100%);border:1px solid #d7e5ff;border-radius:16px;padding:18px}
.today-box.show{display:block}
.today-diff{margin-top:8px;font-size:15px;font-weight:800;color:var(--text)}
.today-positive{color:var(--success)}
.today-negative{color:var(--danger)}
.explain-box{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface) 45%);border:1px solid var(--border);border-radius:14px;padding:16px}
.status-note{border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.5}
.status-note.info{background:#eef4ff;color:var(--primary);border:1px solid #d8e6ff}
.status-note.warn{background:#fff5e9;color:var(--warning);border:1px solid #f2dfbe}
.status-note.bad{background:#fff1f1;color:var(--danger);border:1px solid #f0d1d1}
.trust-bar{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;padding:14px 18px;color:var(--muted);font-size:13px}

@media (max-width:1180px){
  .hero-grid,.calculator-layout,.detail-grid{grid-template-columns:1fr}
  .top-cards{grid-template-columns:repeat(2,1fr)}
  .card-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .main-nav{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .header-inner{min-height:64px}
  .brand-logo{max-width:140px}
}
@media (max-width:720px){
  .container{width:min(100% - 28px,1240px)}
  .hero{padding-top:26px}
  .hero h1{font-size:38px}
  .hero p{font-size:16px}
  .top-cards,.form-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column}
}





@media (max-width:720px){
  }

.tool-direct-wrap{padding-top:0}



:root{
  --header:#dff0f7;
  --brand-dark:#2a0d08;
  --brand-brown:#3a1209;
  --brand-orange:#ff7a4f;
  --soft-panel:#fffaf8;
  --home-border:#e5d8d4;
}
body{
  font-family: Inter, Arial, sans-serif;
  background: linear-gradient(180deg,#dff0f7 0%, #f6f8fb 18%, #f8fbfd 100%);
}
.site-header{
  position: sticky;
  top: 0;
  z-index: 90;
  background: transparent;
  box-shadow: none;
  padding: 24px 0 10px;
}
.header-shell{
  min-height: 92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background: rgba(255,255,255,.94);
  border:1px solid rgba(38,12,8,.08);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(48,20,12,.06);
  padding: 0 22px;
}
.brand-logo{max-width:202px}
.main-nav{gap:10px}
.main-nav a{
  color: var(--brand-dark);
  font-weight: 700;
  padding: 12px 14px;
  border-radius: 999px;
}
.main-nav a.active,.main-nav a:hover{
  background: rgba(58,18,9,.08);
}
.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.header-link{
  color: var(--brand-dark);
  font-weight:700;
}
.header-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background: var(--brand-brown);
  color:#fff;
  padding: 14px 20px;
  border-radius: 999px;
  font-weight: 800;
}
.header-cta span{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.menu-toggle{
  display:none;
  background: var(--brand-brown);
  color:#fff;
  border:0;
  border-radius:14px;
}
.mobile-nav{
  margin-top:12px;
  background:#fff;
  border-radius:24px;
  border:1px solid rgba(38,12,8,.08);
  box-shadow:0 10px 24px rgba(48,20,12,.06);
}
.mobile-nav a{
  background:transparent;
  color:var(--brand-dark);
  border-radius:14px;
}
.mobile-nav a:hover{
  background:rgba(58,18,9,.06);
}
.page-home .site-footer{
  position: relative;
  background: transparent;
  border-top: 0;
  margin-top: 26px;
  overflow: hidden;
}
.footer-backdrop{
  position:absolute;
  inset: 0 0 auto 0;
  transform: translateY(-32%);
  font-size: clamp(100px, 22vw, 320px);
  line-height: .8;
  font-weight: 900;
  letter-spacing: -.06em;
  color: rgba(42,13,8,.05);
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}
.footer-panel{
  position:relative;
  display:block;
  background:#fbfbfc;
  border:1px solid rgba(38,12,8,.08);
  border-radius:22px;
  padding:14px 18px;
}
.footer-panel-compact{box-shadow:0 10px 24px rgba(22,28,45,.04)}
.footer-bar{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(360px,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:64px;
}
.footer-brand-stack{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  min-width:0;
}
.footer-brand-meta{
  display:flex;
  align-items:center;
  min-width:0;
}
.footer-copyright{
  color:#69758b;
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}
.footer-center-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 12px;
  min-width:0;
}
.footer-center-nav a{
  color:#73819a;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
}
.footer-center-nav a:hover{color:#24304a}
.footer-right-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-width:0;
}
.footer-payment-row{
  gap:14px;
  margin-top:0;
  padding-left:16px;
  border-left:1px solid rgba(38,12,8,.08);
  color:#5f6880;
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
}
.footer-theme-button{
  width:48px;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(38,12,8,.08);
  background:#fff;
  color:#7b869b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.footer-theme-button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
  background:#f8f9fb;
  color:#5c667d;
}
body.footer-soft-mode .footer-panel-compact{
  background:#f8f9fb;
}
body.footer-soft-mode .footer-theme-button{
  background:#f3f4f8;
  color:#f59e0b;
}
.footer-logo{max-width:110px}
.footer-copy,.footer-contact-box,.footer-phone-icon,.social-icon,.footer-links-col,.footer-news-col,.footer-bottom{display:none}
.newsletter-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  margin:14px 0 26px;
}
.newsletter-form input{
  height:68px;
  border-radius:18px;
  background:#f5f5f6;
  border:0;
  padding:0 20px;
  font-size:18px;
}
.newsletter-form button{
  min-width:136px;
  border:0;
  border-radius:18px;
  background:var(--brand-orange);
  color:#fff;
  font-size:18px;
  font-weight:800;
}
.social-row,.payment-row{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
}
.payment-row{
  margin-top:26px;
  color:#6c7788;
  font-weight:800;
}
.home-hero{padding: 18px 0 36px}
.home-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:44px;
  border:1px solid rgba(58,18,9,.08);
  background:
    linear-gradient(90deg, rgba(255,246,243,.98) 0%, rgba(255,248,246,.95) 48%, rgba(229,245,252,.95) 100%);
  padding: 52px 52px 56px;
  box-shadow: 0 20px 50px rgba(63,30,18,.05);
}
.home-hero-top-pill{
  width:max-content;
  margin:0 auto 34px;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid rgba(58,18,9,.12);
  border-radius:999px;
  padding:6px 14px 6px 6px;
  color:#6f798c;
  font-weight:600;
}
.pill-dark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:84px;
  min-height:38px;
  border-radius:999px;
  background:var(--brand-brown);
  color:#fff;
  font-weight:800;
}
.home-hero-grid{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:28px;
  align-items:center;
}
.home-hero-copy h1{
  margin:0 0 20px;
  font-size: clamp(50px, 6vw, 86px);
  line-height:.94;
  letter-spacing:-.06em;
  color:var(--brand-dark);
  max-width:760px;
}
.home-hero-copy p{
  margin:0;
  max-width:640px;
  color:#6f798c;
  font-size:18px;
  line-height:1.7;
}
.home-hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:34px;
}
.home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:64px;
  padding:0 28px;
  border-radius:999px;
  font-weight:800;
  font-size:18px;
}
.home-btn-primary{
  background:var(--brand-brown);
  color:#fff;
}
.home-btn-primary span{
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:inline-flex;align-items:center;justify-content:center;
}
.home-btn-secondary{
  color:var(--brand-dark);
  border:1px solid rgba(58,18,9,.32);
  background:rgba(255,255,255,.6);
}
.home-dashboard-scene{
  position:relative;
  min-height:620px;
}
.market-badges{
  position:absolute;
  top:108px;
  left:22px;
  display:flex;
  gap:18px;
  z-index:2;
}
.market-badge{
  position:relative;
  width:78px;height:78px;border-radius:50%;
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  font-size:14px;
  font-weight:900;
  box-shadow:0 12px 22px rgba(40,16,10,.08);
}
.market-badge em{
  position:absolute;
  top:-8px;right:-4px;
  min-width:28px;height:28px;padding:0 6px;
  border-radius:999px;
  background:#ff8c42;color:#fff;
  font-style:normal;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}
.market-badge.hb{color:#ff7a1a}
.market-badge.ty{color:#121212}
.dashboard-browser{
  position:absolute;
  left:34px;
  right:62px;
  bottom:0;
  top:134px;
  background:rgba(255,255,255,.6);
  border:1px solid rgba(58,18,9,.06);
  border-radius:28px;
  padding:18px 18px 20px;
  backdrop-filter: blur(8px);
}
.browser-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding:2px 6px 16px;
}
.browser-top span{
  width:14px;height:14px;border-radius:50%;background:#f2e7e3;
}
.browser-address{
  margin-left:10px;
  flex:1;
  height:44px;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  padding:0 20px;
  color:#b7adb0;
  font-size:17px;
}
.dashboard-metrics{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
}
.metric-card{
  min-height:96px;
  background:#fff;
  border:1px solid rgba(58,18,9,.06);
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
}
.metric-icon{
  width:54px;height:54px;border-radius:18px;
  background:#f9f6ff;color:#ff7a4f;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;font-weight:900;
}
.metric-card small{
  display:block;
  color:#6f798c;
  font-size:14px;
  margin-bottom:4px;
}
.metric-card strong{
  color:var(--brand-dark);
  font-size:18px;
}
.dashboard-content-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.chart-card,.funnel-card,.donut-card{
  background:#fff;
  border-radius:22px;
  border:1px solid rgba(58,18,9,.06);
  padding:22px;
}
.chart-card{
  min-height:360px;
}
.chart-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#4a4a4a;
  font-weight:700;
}
.chart-card strong{
  display:block;
  margin:16px 0 12px;
  font-size:62px;
  letter-spacing:-.04em;
  color:var(--brand-dark);
}
.mini-chip{
  background:#d9f4ff;
  color:#173349;
  padding:10px 12px;
  border-radius:999px;
  font-size:18px;
}
.fake-line-chart{
  height:180px;
  margin-top:24px;
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  align-items:end;
  gap:12px;
}
.fake-line-chart span{
  height: calc(35px + var(--h));
  border-radius:999px 999px 0 0;
  background: linear-gradient(180deg,#ff926f 0%, rgba(255,146,111,.1) 100%);
}
.fake-line-chart span:nth-child(1){--h:55px}
.fake-line-chart span:nth-child(2){--h:105px}
.fake-line-chart span:nth-child(3){--h:68px}
.fake-line-chart span:nth-child(4){--h:136px}
.fake-line-chart span:nth-child(5){--h:94px}
.fake-line-chart span:nth-child(6){--h:154px}
.funnel-card h4,.donut-card h4{
  margin:0 0 18px;
  font-size:18px;
  color:#4a4a4a;
}
.funnel-shape{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin-top:42px;
}
.funnel-part{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
}
.funnel-part.red{width:88%;height:52px;background:#ff3a35;border-radius:999px / 70%}
.funnel-part.coral{width:76%;height:50px;background:#ff6660}
.funnel-part.salmon{width:62%;height:48px;background:#ff8e86}
.funnel-part.pink{width:50%;height:46px;background:#ffb2a8}
.funnel-part.green{width:34%;height:42px;background:#18bf2d;border-radius:0 0 20px 20px}
.donut-layout{
  display:grid;
  grid-template-columns: 1fr 190px;
  gap:12px;
  align-items:center;
}
.donut-legend{
  display:grid;
  gap:18px;
  color:#6f798c;
  font-size:15px;
}
.donut-legend strong{
  display:block;
  margin-top:6px;
  color:var(--brand-dark);
  font-size:20px;
}
.legend-dot{
  display:inline-block;
  width:12px;height:12px;border-radius:50%;
  margin-right:10px;
}
.legend-dot.one,.legend-dot.peach{background:#ff4a42}
.legend-dot.two,.legend-dot.light{background:#bfe9f7}
.legend-dot.three,.legend-dot.green{background:#ff8d88}
.fake-donut,.feature-donut{
  aspect-ratio:1/1;
  border-radius:50%;
  background: conic-gradient(#ff4138 0 28%, #bfe9f7 28% 62%, #ff817a 62% 100%);
  position:relative;
}
.fake-donut::after,.feature-donut::after{
  content:"";
  position:absolute;
  inset:24%;
  border-radius:50%;
  background:#fff;
}
.floating-note{
  position:absolute;
  width:290px;
  background:#eefbff;
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 28px rgba(48,20,12,.12);
  color:#656f81;
}
.floating-note h4{
  margin:8px 0 12px;
  color:var(--brand-dark);
  font-size:18px;
}
.floating-note p{
  margin:0;
  line-height:1.55;
  font-size:15px;
}
.floating-note strong{
  display:block;
  margin-top:14px;
  color:var(--brand-dark);
  font-size:18px;
}
.floating-note.right{
  right:-10px;
  top:130px;
  transform:rotate(-8deg);
}
.floating-note.left{
  left:-18px;
  bottom:40px;
  transform:rotate(8deg);
}
.stars{color:#ff9d2d;letter-spacing:4px;font-size:16px}
.feature-section{
  padding: 34px 0;
}
.feature-grid{
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap:36px;
  align-items:center;
}
.feature-grid.reverse .feature-visual{order:1}
.feature-grid.reverse .feature-copy{order:2}
.large-card,.report-card-wrap{
  position:relative;
  border-radius:40px;
  background: linear-gradient(90deg, rgba(252,245,241,.95), rgba(233,247,251,.95));
  padding: 26px;
  min-height: 560px;
  overflow:hidden;
  border:1px solid rgba(58,18,9,.06);
}
.sales-summary-card{
  position:absolute;
  inset: 44px 74px 44px 34px;
  background:#fff;
  border-radius:30px;
  border:1px solid rgba(58,18,9,.05);
  display:grid;
  grid-template-columns: 1fr 240px;
  align-items:center;
  padding:30px 32px;
}
.sales-copy span{
  display:block;
  color:var(--brand-dark);
  font-size:20px;
  font-weight:700;
}
.sales-copy strong{
  display:block;
  margin-top:14px;
  color:var(--brand-dark);
  font-size:66px;
  letter-spacing:-.05em;
}
.sales-list{
  margin-top:28px;
  display:grid;
  gap:18px;
  color:#677286;
  font-size:18px;
}
.sales-list b{
  display:block;
  margin-top:6px;
  color:var(--brand-dark);
  font-size:18px;
}
.feature-copy h2{
  margin:0 0 18px;
  color:var(--brand-dark);
  font-size: clamp(38px, 4vw, 64px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.feature-copy p{
  margin:0 0 24px;
  color:#71798a;
  font-size:18px;
  line-height:1.65;
}
.report-card-scene{
  position:absolute;
  inset: 20px;
}
.report-rings{
  position:absolute;
  left:0;
  right:0;
  top:28px;
  bottom:28px;
  background:
    radial-gradient(circle at 38% 45%, rgba(255,136,96,.58) 0 16%, transparent 16%),
    radial-gradient(circle at 38% 45%, rgba(255,136,96,.28) 0 30%, transparent 30%),
    radial-gradient(circle at 38% 45%, rgba(255,136,96,.12) 0 44%, transparent 44%);
}
.report-box{
  position:absolute;
  left:120px;
  bottom:22px;
  width:300px;
  height:320px;
  background:#fff;
  border-radius:24px;
  border:6px solid #dcdcdc;
  box-shadow:0 18px 28px rgba(48,20,12,.08);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:22px;
}
.report-stick{
  position:absolute;
  bottom:22px;
  width:92px;
  border-radius:20px;
  color:#fff;
  font-weight:800;
  font-size:18px;
  line-height:1.2;
  padding:24px 16px;
  box-shadow:0 10px 20px rgba(0,0,0,.16);
}
.report-stick span{
  display:block;
  margin-top:12px;
  font-size:14px;
}
.report-stick.blue{height:230px;left:48px;background:#3f84f0;transform:rotate(18deg)}
.report-stick.red{height:180px;left:128px;background:#ff1d14;transform:rotate(10deg)}
.report-stick.green{height:190px;left:210px;background:#18c62c;transform:rotate(0deg)}
@media (max-width:1180px){
  .header-shell{border-radius:30px;min-height:82px}
  .main-nav{display:none}
  .header-actions{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .mobile-nav.show{display:grid}
  .home-hero-grid,.feature-grid{grid-template-columns:1fr}
  .footer-bar{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:auto}
  .footer-brand-stack{align-items:center;justify-content:center;flex-wrap:wrap}
  .footer-brand-meta{justify-content:center}
  .footer-center-nav{flex-wrap:wrap;padding:0}
  .footer-right-tools{justify-content:center;flex-wrap:wrap}
  .footer-payment-row{padding-left:0;border-left:0;justify-content:center}
  .home-dashboard-scene{min-height:auto;padding-top:120px}
  .dashboard-browser{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .sales-summary-card{position:relative;inset:auto;grid-template-columns:1fr}
  .report-box{left:50%;transform:translateX(-50%)}
}
@media (max-width:860px){
  .container{width:min(100% - 24px,1240px)}
  .site-header{padding:18px 0 8px}
  .header-shell{min-height:74px;padding:0 16px}
  .brand-logo{max-width:160px}
  .home-hero-card{padding:28px 20px 30px;border-radius:28px}
  .home-hero-top-pill{margin:0 0 22px}
  .home-hero-copy h1{font-size: clamp(42px, 10vw, 62px)}
  .home-hero-actions,.newsletter-form{grid-template-columns:1fr;display:grid}
  .market-badges{position:relative;top:auto;left:auto;margin-bottom:14px}
  .dashboard-browser{padding:14px}
  .dashboard-metrics,.dashboard-content-grid,.donut-layout{grid-template-columns:1fr}
  .chart-card strong{font-size:44px}
  .floating-note{display:none}
  .feature-section{padding:22px 0}
  .large-card,.report-card-wrap{min-height:auto}
  .feature-copy p{font-size:16px;margin-bottom:18px}
  .footer-panel{padding:16px 14px}
  .footer-bar{gap:12px}
  .footer-center-nav{gap:10px 14px}
  .footer-center-nav a,.footer-copyright,.footer-payment-row{font-size:13px}
  .footer-theme-button{width:44px;height:44px;border-radius:14px}
}

.refined h1{font-size:44px;font-weight:600}
.refined p{font-size:15px;color:#6b7280}
.brand-logo{max-width:150px}
.main-nav a{font-size:14px;font-weight:500}
.hero-mini-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.mini-card{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,0.08)}
.mini-card.secondary{background:#f3f4f6}
.demo-box{background:#ffffffcc;border:1px solid rgba(0,0,0,0.08);border-radius:14px;padding:16px}
.demo-box h4{margin:0 0 6px;font-size:15px}
.secure-badge{display:block;margin-top:10px;font-size:12px;color:#4b7c5a}


/* === HOMEPAGE FINAL REFINEMENT === */
.page-home .main-shell{
  padding-top: 4px;
}

.home-final{
  padding: 18px 0 26px;
}

.home-hero-surface{
  display:grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
  gap: 28px;
  align-items: center;
  padding: 34px 36px;
  border: 1px solid rgba(28, 16, 12, 0.08);
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(245,250,253,0.96));
  box-shadow: 0 18px 44px rgba(40, 18, 10, 0.05);
}

.home-top-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,122,79,.18);
  background: rgba(255,255,255,.86);
  color: #ff6c37;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}

.home-hero-copy h1{
  margin: 0 0 16px;
  max-width: 760px;
  font-size: clamp(42px, 5.2vw, 66px);
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--brand-dark);
  font-weight: 700;
}

.home-hero-copy p{
  margin: 0;
  max-width: 620px;
  font-size: 17px;
  line-height: 1.7;
  color: #687488;
}

.home-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  margin-top: 24px;
}

.home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid transparent;
}

.home-btn-primary{
  background: #321109;
  color: #fff;
  box-shadow: 0 10px 20px rgba(50,17,9,.12);
}

.home-btn-secondary{
  background: rgba(255,255,255,.9);
  color: var(--brand-dark);
  border-color: rgba(50,17,9,.14);
}

.home-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-top: 22px;
}

.home-trust-row span{
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(28,16,12,.08);
  color: #6f798c;
  font-size: 13px;
  font-weight: 600;
}

.home-hero-panel{
  position: relative;
}

.panel-window{
  border: 1px solid rgba(28,16,12,.08);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,253,.96));
  box-shadow: 0 18px 40px rgba(40,18,10,.08);
  overflow:hidden;
}

.panel-window-top{
  display:flex;
  gap:8px;
  padding: 16px 18px 0;
}

.panel-window-top span{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e8eef1;
}

.panel-window-body{
  padding: 18px;
  display:grid;
  gap: 16px;
}

.panel-mini-stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.panel-stat{
  border: 1px solid rgba(28,16,12,.06);
  border-radius: 18px;
  background: #fff;
  padding: 12px;
}

.panel-stat small{
  display:block;
  margin-bottom: 8px;
  color: #7c8698;
  font-size: 12px;
  font-weight: 600;
}

.panel-stat strong{
  color: var(--brand-dark);
  font-size: 22px;
  letter-spacing: -0.03em;
}

.panel-chart-card{
  border: 1px solid rgba(28,16,12,.06);
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  padding: 16px;
}

.panel-chart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom: 14px;
  color: var(--brand-dark);
  font-size: 14px;
  font-weight: 700;
}

.panel-chart-head em{
  color: #738194;
  font-style: normal;
  font-weight: 600;
}

.panel-chart-bars{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  align-items:end;
  gap: 10px;
  height: 180px;
}

.panel-chart-bars i{
  display:block;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, #ff8b67 0%, rgba(255,139,103,.14) 100%);
}

.panel-chart-bars i:nth-child(1){height:46%}
.panel-chart-bars i:nth-child(2){height:62%}
.panel-chart-bars i:nth-child(3){height:34%}
.panel-chart-bars i:nth-child(4){height:82%}
.panel-chart-bars i:nth-child(5){height:56%}
.panel-chart-bars i:nth-child(6){height:74%}
.panel-chart-bars i:nth-child(7){height:92%}

.panel-side-note{
  border: 1px solid rgba(28,16,12,.06);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.panel-side-note h4{
  margin: 0 0 8px;
  color: var(--brand-dark);
  font-size: 16px;
  font-weight: 700;
}

.panel-side-note p{
  margin: 0;
  color: #6f798c;
  font-size: 14px;
  line-height: 1.6;
}

.home-value-strip{
  padding: 4px 0 18px;
}

.value-strip-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.value-pill{
  padding: 18px 18px 16px;
  border-radius: 22px;
  border: 1px solid rgba(28,16,12,.08);
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 24px rgba(40,18,10,.03);
}

.value-pill strong{
  display:block;
  margin-bottom: 8px;
  color: var(--brand-dark);
  font-size: 18px;
  font-weight: 700;
}

.value-pill span{
  color: #6f798c;
  font-size: 14px;
  line-height: 1.6;
}

.home-features{
  padding: 18px 0 26px;
}

.section-heading{
  margin-bottom: 18px;
  text-align: center;
}

.section-heading h2{
  margin: 0 0 10px;
  color: var(--brand-dark);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 700;
}

.section-heading p{
  margin: 0 auto;
  max-width: 720px;
  color: #6f798c;
  font-size: 16px;
  line-height: 1.7;
}

.feature-card-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.feature-card{
  min-height: 278px;
  padding: 28px 24px;
  border-radius: 28px;
  border: 1px solid rgba(28,16,12,.06);
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 32px rgba(40,18,10,.04);
  text-align: center;
}

.feature-icon{
  width: 62px;
  height: 62px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: #fff2ec;
  color: #ff7a4f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 28px;
  font-weight: 700;
}

.feature-card h3{
  margin: 0 0 14px;
  color: var(--brand-dark);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}

.feature-card p{
  margin: 0;
  color: #687488;
  font-size: 15px;
  line-height: 1.75;
}

.home-cta-band{
  padding: 8px 0 10px;
}

.cta-band-shell{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items:center;
  padding: 28px 30px;
  border-radius: 30px;
  border: 1px solid rgba(28,16,12,.08);
  background: linear-gradient(135deg, rgba(255,251,249,.96), rgba(242,248,251,.96));
  box-shadow: 0 18px 34px rgba(40,18,10,.04);
}

.cta-kicker{
  display:inline-flex;
  margin-bottom: 10px;
  color: #ff6c37;
  font-size: 13px;
  font-weight: 700;
}

.cta-band-shell h3{
  margin: 0 0 10px;
  color: var(--brand-dark);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 700;
  max-width: 680px;
}

.cta-band-shell p{
  margin: 0;
  color: #6f798c;
  font-size: 16px;
  line-height: 1.65;
  max-width: 720px;
}

.cta-band-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

.page-home .footer-panel{
  padding:14px 18px;
}

@media (max-width: 1180px){
  .home-hero-surface,
  .cta-band-shell{
    grid-template-columns: 1fr;
  }

  .feature-card-grid,
  .value-strip-grid{
    grid-template-columns: 1fr 1fr;
  }

  .panel-mini-stats{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px){
  .home-final{
    padding: 10px 0 20px;
  }

  .home-hero-surface{
    padding: 22px 18px;
    border-radius: 24px;
  }

  .home-hero-copy h1{
    font-size: clamp(34px, 10vw, 48px);
  }

  .home-hero-copy p,
  .section-heading p,
  .cta-band-shell p{
    font-size: 15px;
  }

  .panel-window-body{
    padding: 14px;
  }

  .feature-card-grid,
  .value-strip-grid{
    grid-template-columns: 1fr;
  }

  .feature-card{
    min-height: auto;
    padding: 24px 18px;
  }

  .cta-band-shell{
    padding: 22px 18px;
    border-radius: 24px;
  }

  .cta-band-actions{
    width: 100%;
  }

  .cta-band-actions .home-btn{
    width: 100%;
  }

  .home-btn{
    width: 100%;
  }

  .home-cta-row{
    display:grid;
    grid-template-columns: 1fr;
  }
}


/* === HEADER FINAL FIX === */
.site-header.clean-header{
  position: relative !important;
  top: auto !important;
  z-index: 40;
  background: #ffffff;
  border-bottom: 1px solid rgba(20,24,32,.08);
  box-shadow: 0 8px 18px rgba(17,24,39,.05);
  padding: 0;
}

.clean-header .container{
  width: min(100% - 48px, 1540px);
}

.clean-header-bar{
  min-height: 90px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 24px;
}

.clean-brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.clean-brand-logo{
  height: 56px;
  width: auto;
  object-fit: contain;
  display: block;
}

.clean-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
}

.clean-nav a{
  color: #4b5563;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.clean-nav a:hover,
.clean-nav a.active{
  color: #1f2937;
}

.clean-actions{
  display: flex;
  align-items: center;
  gap: 24px;
}

.clean-login{
  color: #ff6b00;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: uppercase;
  white-space: nowrap;
}

.clean-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background: #ff6b00;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.clean-menu-toggle{
  display: none;
  border: 0;
  background: #ff6b00;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 20px;
}

.clean-mobile-nav{
  display: none;
  padding: 0 0 16px;
}

.clean-mobile-nav a{
  display: block;
  padding: 12px 14px;
  text-decoration: none;
  color: #374151;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 1px solid rgba(20,24,32,.06);
}

.clean-mobile-nav.show{
  display: block;
}

@media (max-width: 1180px){
  .clean-header-bar{
    grid-template-columns: 1fr auto;
    min-height: 78px;
  }
  .clean-nav,
  .clean-actions{
    display: none;
  }
  .clean-menu-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .clean-brand-logo{
    height: 44px;
  }
}

@media (max-width: 720px){
  .clean-header .container{
    width: min(100% - 24px, 1540px);
  }
  .clean-header-bar{
    min-height: 72px;
  }
  .clean-brand-logo{
    height: 38px;
  }
}


/* === HERO V2 + LOGO SCALE === */
.clean-brand-logo{
  height: 64px !important;
}
@media (max-width: 1180px){
  .clean-brand-logo{
    height: 50px !important;
  }
}
@media (max-width: 720px){
  .clean-brand-logo{
    height: 42px !important;
  }
}

.hero-v2{
  padding: 28px 0 34px;
}

.hero-v2-shell{
  display:grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
  gap: 28px;
  align-items: center;
  padding: 34px 36px;
  border-radius: 34px;
  border: 1px solid rgba(23, 30, 46, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,253,.96));
  box-shadow: 0 18px 40px rgba(20,24,32,.05);
}

.hero-v2-badge{
  display:inline-flex;
  align-items:center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(255, 107, 0, 0.14);
  color: #ff6b00;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}

.hero-v2-copy h1{
  margin: 0 0 16px;
  max-width: 760px;
  color: #172033;
  font-size: clamp(38px, 5vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.hero-v2-copy p{
  margin: 0;
  max-width: 620px;
  color: #617089;
  font-size: 17px;
  line-height: 1.7;
}

.hero-v2-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  margin-top: 24px;
}

.hero-v2-trust{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 20px;
}
.hero-v2-trust span{
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(23, 30, 46, 0.08);
  color: #6b778a;
  font-size: 13px;
  font-weight: 600;
}

.hero-v2-panel{
  position: relative;
}

.demo-panel{
  border: 1px solid rgba(23, 30, 46, 0.08);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,252,.96));
  box-shadow: 0 20px 40px rgba(20,24,32,.08);
  overflow: hidden;
}

.demo-panel-top{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(23, 30, 46, 0.06);
}
.demo-panel-top span{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9eef2;
}
.demo-panel-top strong{
  margin-left: 8px;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
}

.demo-panel-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 18px;
}
.metric-box{
  padding: 16px 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(23, 30, 46, 0.06);
}
.metric-box small{
  display:block;
  min-height: 36px;
  color: #7b8798;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
  margin-bottom: 8px;
}
.metric-box strong{
  color: #172033;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.demo-chart-card{
  margin: 0 18px 18px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  border: 1px solid rgba(23, 30, 46, 0.06);
}
.demo-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.demo-chart-head span{
  color: #172033;
  font-size: 14px;
  font-weight: 700;
}
.demo-chart-head em{
  color: #7b8798;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.demo-chart-bars{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  align-items:end;
  gap: 10px;
  height: 160px;
}
.demo-chart-bars i{
  display:block;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, #ff8a66 0%, rgba(255,138,102,.15) 100%);
}
.demo-chart-bars i:nth-child(1){height:42%}
.demo-chart-bars i:nth-child(2){height:62%}
.demo-chart-bars i:nth-child(3){height:48%}
.demo-chart-bars i:nth-child(4){height:78%}
.demo-chart-bars i:nth-child(5){height:58%}
.demo-chart-bars i:nth-child(6){height:88%}

.demo-note{
  margin: 0 18px 18px;
  padding: 16px;
  border-radius: 18px;
  background: #fff7f2;
  border: 1px solid rgba(255, 107, 0, 0.10);
}
.demo-note p{
  margin: 0;
  color: #5f6f82;
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 1180px){
  .hero-v2-shell{
    grid-template-columns: 1fr;
  }
  .demo-panel-grid{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 780px){
  .hero-v2{
    padding: 18px 0 24px;
  }
  .hero-v2-shell{
    padding: 22px 18px;
    border-radius: 24px;
  }
  .hero-v2-copy h1{
    font-size: clamp(34px, 9vw, 46px);
  }
  .hero-v2-copy p{
    font-size: 15px;
  }
  .hero-v2-actions{
    display:grid;
    grid-template-columns: 1fr;
  }
  .hero-v2-actions .home-btn{
    width: 100%;
  }
}


/* === HERO V3 ANIMATION === */
.demo-live-dots{
  display:flex;
  align-items:center;
  gap:8px;
}
.demo-live-dots .dot{
  display:inline-block;
  border-radius:50%;
  background:#27c767;
  box-shadow:0 0 0 rgba(39,199,103,0.25);
  animation: liveDotPulse 1.8s infinite ease-in-out;
}
.demo-live-dots .dot-sm{width:8px;height:8px;animation-delay:0s}
.demo-live-dots .dot-md{width:11px;height:11px;animation-delay:.2s}
.demo-live-dots .dot-lg{width:14px;height:14px;animation-delay:.4s}

@keyframes liveDotPulse{
  0%,100%{transform:scale(.88);opacity:.55;box-shadow:0 0 0 0 rgba(39,199,103,0.24)}
  50%{transform:scale(1);opacity:1;box-shadow:0 0 0 8px rgba(39,199,103,0)}
}

.metric-highlight{
  position:relative;
  overflow:hidden;
}
.metric-float-plus{
  position:absolute;
  right:12px;
  top:14px;
  color:#22c55e;
  font-size:16px;
  font-weight:800;
  letter-spacing:2px;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
}
.metric-float-plus.show{
  animation: metricPlusPop .9s ease forwards;
}
@keyframes metricPlusPop{
  0%{opacity:0;transform:translateY(10px)}
  20%{opacity:1}
  100%{opacity:0;transform:translateY(-10px)}
}

.demo-notification{
  margin: 0 18px 18px;
  padding: 12px 14px;
  border-radius: 18px;
  border:1px solid rgba(34,197,94,.16);
  background: linear-gradient(180deg, rgba(238,252,244,.98), rgba(232,250,240,.95));
  display:flex;
  align-items:flex-start;
  gap:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}
.demo-notification-badge{
  flex:0 0 auto;
  min-width:52px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#22c55e;
  color:#fff;
  font-size:12px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.demo-notification p{
  margin:0;
  color:#355367;
  font-size:13px;
  line-height:1.6;
}

.metric-box strong.demo-bump{
  animation: demoBump .45s ease;
}
@keyframes demoBump{
  0%{transform:scale(1)}
  35%{transform:scale(1.06)}
  100%{transform:scale(1)}
}

.demo-chart-bars i.demo-rise{
  animation: demoRise .6s ease;
}
@keyframes demoRise{
  0%{transform:scaleY(.75);transform-origin:bottom}
  100%{transform:scaleY(1);transform-origin:bottom}
}

@media (max-width: 780px){
  .demo-notification{
    flex-direction:column;
  }
}


/* refined animation fixes */
.metric-float-plus{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%) translateY(6px);
  color:#22c55e;
  font-size:14px;
  font-weight:700;
  letter-spacing:1px;
  opacity:0;
}
.metric-float-plus.show{
  animation: plusFloat 1s ease forwards;
}
@keyframes plusFloat{
  0%{opacity:0;transform:translateX(-50%) translateY(6px)}
  30%{opacity:1}
  100%{opacity:0;transform:translateX(-50%) translateY(-12px)}
}

/* toast animation */
.demo-notification{
  opacity:0;
  transform:translateY(10px);
}
.demo-notification.show{
  animation: toastIn 0.5s ease forwards;
}
@keyframes toastIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}


/* v5 richer panel motion */
.demo-chart-card{
  position: relative;
}

.demo-chart-tooltip{
  position:absolute;
  top:14px;
  right:16px;
  padding:8px 10px;
  border-radius:12px;
  background:#172033;
  color:#fff;
  font-size:12px;
  line-height:1.3;
  font-weight:600;
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  box-shadow:0 10px 20px rgba(23,32,51,.18);
  transition:opacity .22s ease, transform .22s ease;
  z-index:2;
}

.demo-chart-tooltip.show{
  opacity:1;
  transform:translateY(0);
}

.demo-chart-bars i{
  cursor:default;
  transition:height .8s cubic-bezier(.22,1,.36,1), transform .25s ease, filter .25s ease;
}

.demo-chart-bars i:hover{
  transform:translateY(-4px);
  filter:brightness(1.03);
}

.demo-floating-gain{
  position:absolute;
  right:26px;
  top:112px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#25c768,#1ba855);
  color:#fff;
  font-size:13px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:translateY(8px) scale(.96);
  box-shadow:0 10px 24px rgba(37,199,104,.22);
  pointer-events:none;
}

.demo-floating-gain.show{
  animation: gainPop 1.2s ease forwards;
}

@keyframes gainPop{
  0%{opacity:0;transform:translateY(8px) scale(.96)}
  20%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-18px) scale(1)}
}

@media (max-width: 780px){
  .demo-chart-tooltip{
    left:14px;
    right:auto;
    top:12px;
    max-width:calc(100% - 28px);
  }
  .demo-floating-gain{
    right:18px;
    top:98px;
  }
}


/* === HOMEPAGE UPGRADE V1 === */
.metric-box,
.feature-card,
.use-case-card,
.home-btn{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.metric-box:hover,
.use-case-card:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 16px 28px rgba(20,24,32,.08);
}

.metric-trend{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  color:#1fa45a;
  font-size:12px;
  font-weight:700;
}
.metric-trend::before{
  content:"↑";
  font-size:12px;
}

.metric-box.loading{
  position:relative;
  overflow:hidden;
}
.metric-box.loading small,
.metric-box.loading strong,
.metric-box.loading .metric-trend{
  visibility:hidden;
}
.metric-box.loading::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(245,247,250,0) 0%, rgba(232,237,243,.8) 50%, rgba(245,247,250,0) 100%);
  transform: translateX(-100%);
  animation: shimmerMove 1.2s infinite;
}
@keyframes shimmerMove{
  100%{transform: translateX(100%);}
}

.trust-strip{
  padding: 6px 0 22px;
}
.trust-strip-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding: 0 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(23,30,46,.06);
  color:#5e6d82;
  font-size:14px;
  font-weight:600;
}
.trust-icon{
  color:#1fa45a;
  font-size:16px;
  flex:0 0 auto;
}

.use-case-section{
  padding: 10px 0 32px;
}
.use-case-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.use-case-card{
  min-height: 200px;
  padding: 24px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(23,30,46,.07);
  box-shadow: 0 14px 28px rgba(20,24,32,.04);
}
.use-case-icon{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #fff2ec;
  color: #ff6b00;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 18px;
}
.use-case-card h3{
  margin:0 0 10px;
  color:#172033;
  font-size:20px;
  line-height:1.2;
  font-weight:700;
}
.use-case-card p{
  margin:0;
  color:#687488;
  font-size:15px;
  line-height:1.7;
}

.reveal-on-scroll{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal-on-scroll.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.stagger-1{transition-delay:.04s}
.stagger-2{transition-delay:.10s}
.stagger-3{transition-delay:.16s}
.stagger-4{transition-delay:.22s}

.home-btn:hover{
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 14px 26px rgba(20,24,32,.10);
}

@media (max-width: 1180px){
  .trust-strip-grid{
    grid-template-columns: 1fr 1fr;
  }
  .use-case-grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 780px){
  .trust-strip{
    padding: 4px 0 18px;
  }
  .trust-strip-grid,
  .use-case-grid{
    grid-template-columns: 1fr;
  }
  .trust-item{
    min-height: 50px;
    font-size: 13px;
  }
  .use-case-card{
    min-height: auto;
    padding: 20px 18px;
  }
}


/* Trendyol panel v1 */
.dashboard-shell{
  display:grid;
  grid-template-columns: 268px minmax(0,1fr);
  gap: 20px;
  align-items:start;
  font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
}

.dashboard-shell,
.dashboard-shell *{
  font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
}

.dashboard-side{
  background: var(--surface);
  border:1px solid var(--border);
  border-radius: 28px;
  padding: 18px 14px;
  box-shadow: var(--shadow);
  display:grid;
  gap: 12px;
  position:sticky;
  top:118px;
  justify-items:stretch;
}

.panel-store-card{display:grid;gap:12px;padding:10px 8px 14px;border-bottom:1px solid #edf0f4;margin-bottom:4px}
.panel-store-top{display:flex;align-items:flex-start;gap:10px}
.panel-store-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#fff4eb 0%,#ffe7da 100%);color:#f26a08;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;box-shadow:0 8px 16px rgba(242,106,8,.1)}
.panel-store-copy{display:grid;gap:4px;min-width:0}
.panel-store-welcome{font-size:12px;color:#7b8798;font-weight:700}
.panel-store-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.panel-store-name-row strong{font-size:21px;line-height:1.05;font-weight:900;color:#172033;letter-spacing:-.03em}
.panel-trial-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#fff7e6;border:1px solid #ffd792;color:#d97a00;font-size:11px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.panel-trial-badge:hover{transform:translateY(-1px);box-shadow:0 8px 14px rgba(217,122,0,.1);background:#fff2d8}
.panel-trial-badge.is-paid{background:#e8fff1;border-color:#bde8cb;color:#119455}
.panel-invite-wrap{display:grid;gap:8px;position:relative}
.panel-invite-toggle{width:100%;min-height:40px;border-radius:14px;border:1px solid #e5ebf2;background:#fff;color:#172033;font-size:13px;font-weight:900;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.panel-sound-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:2px;
  padding:6px 2px 2px;
  color:#7a8699;
  font-size:13px;
  font-weight:700;
}
.panel-sound-toggle-copy{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.panel-sound-toggle-icon{
  width:18px;
  height:18px;
  color:#ff6d0a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.panel-sound-toggle-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.panel-sound-toggle input{
  appearance:none;
  -webkit-appearance:none;
  width:42px;
  height:24px;
  border-radius:999px;
  background:#e6edf5;
  border:1px solid #dde5ef;
  position:relative;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
  flex:0 0 auto;
}
.panel-sound-toggle input::before{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(15,23,42,.12);
  transition:transform .18s ease;
}
.panel-sound-toggle input:checked{
  background:#f56b09;
  border-color:#f56b09;
}
.panel-sound-toggle input:checked::before{
  transform:translateX(18px);
}
.panel-sound-toggle.is-off .panel-sound-toggle-icon{
  color:#95a3b8;
}
.panel-invite-toggle:hover{border-color:#d8e0ea;box-shadow:0 10px 18px rgba(15,23,42,.06);transform:translateY(-1px)}
.panel-invite-toggle.is-open .panel-invite-toggle-icon{transform:rotate(45deg)}
.panel-invite-toggle-icon{font-size:18px;line-height:1;transition:transform .2s ease;color:#7b8798}
[data-invite-panel][hidden]{display:none !important}
.panel-invite-box{display:grid;gap:8px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e8edf3;position:relative;overflow:hidden}
.panel-invite-box.is-open{animation:invitePanelIn .22s ease}
.panel-invite-title{font-size:13px;font-weight:900;color:#173d2b;letter-spacing:-.01em}
.panel-invite-text{font-size:12px;line-height:1.5;color:#718096;font-weight:700}
.panel-invite-link{font-size:12px;line-height:1.5;color:#4e5d78;background:#fff;border:1px solid #ffd5b0;border-radius:12px;padding:9px 11px;word-break:break-all}
.panel-copy-btn{width:100%;min-height:36px;border-radius:12px}
.panel-invite-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.panel-invite-confetti i{position:absolute;width:8px;height:12px;border-radius:4px;opacity:0;animation:inviteConfetti 900ms ease forwards}
@keyframes invitePanelIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes inviteConfetti{0%{opacity:0;transform:translateY(-12px) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translateY(62px) rotate(180deg)}}

.dashboard-side-link{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:54px;
  padding: 12px 14px;
  border-radius: 18px;
  color: var(--text);
  font-weight: 700;
  background: transparent;
  text-decoration:none;
  font-size:15px;
  line-height:1.2;
  text-align:left;
}

.dashboard-side-link.active,
.dashboard-side-link:hover{
  background: var(--surface-3);
}

.dashboard-main{
  display:grid;
  gap: 18px;
}

.api-card,
.api-status-card,
.trendyol-summary-card{
  border-radius: 24px;
}

.api-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  margin-top: 8px;
}

.status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 12px;
}

.status-chip.ok{
  background:#e9fff1;
  color:#0f6d3f;
  border:1px solid #c7ebd4;
}

.status-chip.wait{
  background:#fff5e8;
  color:#ad6a00;
  border:1px solid #f2ddba;
}

.api-meta{
  display:grid;
  gap: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.trendyol-summary-grid{
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.trendyol-detail-grid{
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
}

.big-metric{
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.03em;
  margin: 10px 0;
  color: var(--text);
}

.package-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 10px;
}

.package-item{
  padding: 14px;
  border-radius: 16px;
  background: var(--surface-2);
  border:1px solid var(--border);
  display:grid;
  gap: 8px;
}

.package-item span{
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.package-item strong{
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.orders-table{
  display:grid;
  gap: 0;
  border:1px solid var(--border);
  border-radius: 16px;
  overflow:hidden;
  margin-top: 10px;
}

.orders-row{
  display:grid;
  grid-template-columns: 1.05fr .9fr .8fr 1fr .8fr 1fr;
  gap: 12px;
  padding: 12px 14px;
  align-items:center;
  font-size: 14px;
  border-bottom:1px solid rgba(0,0,0,.05);
  background: var(--surface);
}

.orders-row:last-child{
  border-bottom: 0;
}

.orders-head{
  background: var(--surface-2);
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 1180px){
  .dashboard-shell,
  .trendyol-detail-grid,
  .trendyol-summary-grid{
    grid-template-columns: 1fr;
  }
  .dashboard-side{
    position:static;
  }
  .package-grid{
    grid-template-columns: 1fr 1fr;
  }
  .orders-row{
    grid-template-columns: 1fr 1fr;
  }
  .orders-head{
    display:none;
  }
}

@media (max-width: 780px){
  .dashboard-shell{
    gap: 14px;
  }
  .dashboard-side{
    padding: 10px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .package-grid,
  .orders-row{
    grid-template-columns: 1fr;
  }
  .big-metric{
    font-size: 28px;
  }
}


/* Auth/session fixes */
.clean-user-name{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,107,0,.08);
  color:#ff6b00;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

.auth-card small{
  color: var(--muted);
  font-size: 13px;
}


/* API onboarding integrated */
.onboarding-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items:start;
}

.onboarding-card{
  background:#fff;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 20px 45px rgba(15,23,42,.06);
  padding:22px;
}

.onboarding-badge{
  background:#fff3e8;
  color:#f97316;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  margin-bottom:12px;
  display:inline-block;
  font-weight:700;
}

.onboarding-card h2{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.2;
  color:#1f2937;
}

.onboarding-desc{
  font-size:14px;
  color:#6b7280;
  margin:0 0 20px;
  line-height:1.7;
}

.onboarding-progress{
  display:flex;
  gap:6px;
  margin-bottom:20px;
}
.onboarding-progress .dot{
  flex:1;
  height:6px;
  border-radius:999px;
  background:#e5e7eb;
}
.onboarding-progress .dot.active{
  background:#f97316;
}

.onboarding-step-card{
  background:white;
  border-radius:16px;
  padding:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  border:1px solid #eef2f7;
}

.onboarding-step-number{
  font-size:12px;
  color:#9ca3af;
  margin-bottom:6px;
}
.onboarding-step-title{
  font-size:18px;
  margin-bottom:6px;
  color:#172033;
  font-weight:700;
}
.onboarding-step-text{
  font-size:14px;
  color:#6b7280;
  margin-bottom:16px;
  line-height:1.7;
}

.onboarding-mock{
  background:#f9fafb;
  border-radius:14px;
  padding:14px;
  font-size:12px;
  min-height:280px;
}
.onboarding-mock .browser{
  background:#eef0f3;
  border-radius:10px;
  padding:6px 10px;
  margin-bottom:10px;
  font-size:11px;
  color:#6b7280;
}
.onboarding-mock .window{
  background:white;
  border-radius:10px;
  padding:10px;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
}
.onboarding-mock .row{
  display:flex;
  gap:8px;
  margin-bottom:8px;
  flex-wrap:wrap;
}
.onboarding-mock .tab{
  flex:1;
  padding:6px;
  border-radius:6px;
  background:#eef0f3;
  text-align:center;
  font-size:11px;
}
.onboarding-mock .tab.active{
  border:2px solid #f97316;
  background:#fff;
}
.onboarding-mock .input{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:8px;
  font-size:11px;
  display:block;
}
.onboarding-mock .label{
  font-size:10px;
  color:#6b7280;
  margin-bottom:4px;
}
.onboarding-mock .sidebar{
  width:35%;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.onboarding-mock .content{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.onboarding-mock .side-item{
  background:#eef0f3;
  padding:6px;
  border-radius:6px;
  font-size:10px;
}
.onboarding-mock .side-item.active{
  border:2px solid #f97316;
  background:#fff;
}
.onboarding-mock .button-mini{
  background:#f97316;
  color:#fff;
  padding:8px;
  border-radius:8px;
  text-align:center;
  font-size:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
}
.onboarding-mock .badge-mini{
  background:#fff3e8;
  color:#f97316;
  padding:4px 6px;
  border-radius:6px;
  font-size:10px;
}
.onboarding-live-form{
  background:#fff7ed !important;
  border:1px solid #fdba74 !important;
}
.onboarding-live-input{
  margin-bottom:10px;
}
.onboarding-live-input input{
  width:100%;
  border:none;
  outline:none;
  background:transparent;
  font-size:12px;
  color:#172033;
}
.onboarding-submit{
  width:100%;
  margin-top:8px;
  cursor:pointer;
}

.onboarding-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
}
.onboarding-center{
  font-size:13px;
  color:#9ca3af;
}
.onboarding-btn{
  padding:12px 16px;
  border-radius:12px;
  border:none;
  font-size:14px;
  cursor:pointer;
}
.onboarding-btn-prev{
  background:#f3f4f6;
  color:#172033;
}
.onboarding-btn-next{
  background:#f97316;
  color:white;
}
.onboarding-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.onboarding-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:20px;
}
.onboarding-steps-grid .tile{
  background:white;
  padding:10px;
  border-radius:12px;
  text-align:center;
  font-size:12px;
  border:1px solid #e5e7eb;
  cursor:pointer;
}
.onboarding-steps-grid .tile.active{
  border-color:#f97316;
  color:#f97316;
}
.onboarding-steps-grid .tile.done{
  background:#fff3e8;
  border-color:#f97316;
}
.onboarding-steps-grid .tile span{
  display:block;
  font-size:10px;
  color:#6b7280;
  margin-top:4px;
}

.api-side-status{
  display:grid;
  gap:16px;
}

@media (max-width: 1180px){
  .onboarding-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .onboarding-card{
    padding:16px;
  }
  .onboarding-card h2{
    font-size:22px;
  }
  .onboarding-steps-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 560px){
  .onboarding-steps-grid{
    grid-template-columns:1fr 1fr;
  }
  .onboarding-nav{
    gap:10px;
  }
  .onboarding-btn{
    padding:11px 14px;
  }
}


/* Auth pages */
.auth-page{background:#f5f5f5}
.auth-main-shell{min-height:100vh;padding:0}
.pk-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.pk-auth-card{width:100%;max-width:380px;background:#fff;border-radius:16px;padding:24px 20px 22px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.pk-auth-logo{display:flex;justify-content:center;margin-bottom:12px}
.pk-auth-logo img{width:180px;max-width:100%;height:auto}
.pk-auth-subtitle{text-align:center;color:#8b8f94;font-size:14px;margin-bottom:20px}
.pk-auth-form{display:block}
.pk-auth-field{margin-bottom:12px}
.pk-auth-field label{display:block;font-size:13px;color:#444;margin-bottom:6px}
.pk-auth-row{display:flex;gap:10px;margin-bottom:12px}
.pk-auth-input{width:100%;height:44px;border-radius:12px;border:1px solid #e3e6ea;padding:0 14px;background:#fafafa;color:#333;font-size:14px;box-shadow:none}
.pk-auth-input::placeholder{color:#9aa0a6}
.pk-auth-input:focus{outline:none;border-color:#f25c05;background:#fff;box-shadow:none}
.pk-auth-password-field{position:relative}
.pk-auth-eye{position:absolute;right:12px;top:50%;transform:translateY(-10%);border:0;background:transparent;color:#9aa0a6;cursor:pointer;font-size:14px;line-height:1;padding:0}
.pk-auth-button{width:100%;height:46px;border-radius:12px;border:none;background:#f25c05;color:#fff;font-size:15px;font-weight:500;margin-top:10px;box-shadow:0 6px 14px rgba(242,92,5,.35);cursor:pointer}
.pk-auth-button:hover{filter:brightness(.98)}
.pk-auth-footer{text-align:center;margin-top:14px;font-size:13px;color:#8b8f94}
.pk-auth-footer a{color:#f25c05;font-weight:500;text-decoration:none}
.pk-auth-links{display:flex;flex-direction:column;gap:4px}
.pk-auth-footer-secondary{margin-top:0}
.pk-auth-alert-popup{box-shadow:0 10px 22px rgba(21,128,61,.12)}
.pk-auth-alert{margin-bottom:12px;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45}
.pk-auth-alert-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}
.pk-auth-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
@media (max-width:480px){.pk-auth-card{padding:22px 16px 20px}.pk-auth-row{flex-direction:column;gap:12px}.pk-auth-logo img{width:170px}}

/* Global header aligned with current homepage */
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f5f6;color:#0d1730}
.main-shell{min-height:calc(100vh - 140px)}
.app-wrap{width:min(1240px,calc(100% - 56px));margin:0 auto}
.app-topbar{position:sticky;top:0;z-index:30;background:rgba(245,245,246,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e6e7eb;box-shadow:none}
.app-nav{min-height:94px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.app-brand{display:inline-flex;align-items:center;min-width:0}
.app-brand-logo{width:auto;height:92px;object-fit:contain;display:block}
.app-menu{display:flex;align-items:center;justify-content:center;gap:38px;min-width:0}
.app-menu a,.app-auth a{text-decoration:none;white-space:nowrap}
.app-menu a{color:#74829a;font-size:15px;font-weight:500;letter-spacing:-.02em;transition:color .18s ease}
.app-menu a:hover{color:#0d1730}
.app-auth{display:flex;align-items:center;gap:16px}
.app-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#eef8f0;
  border:1px solid #cfe7d4;
  color:#5f8c69;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.02em;
}
.app-cta{height:46px;padding:0 22px;border-radius:14px;background:#f96807;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;box-shadow:0 10px 22px rgba(249,104,7,.18)}
.app-inline-menu-toggle{display:none}
.app-floating-menu-toggle{
  position:fixed;
  right:14px;
  bottom:18px;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:rgba(13,23,48,.72);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.02em;
  box-shadow:0 16px 32px rgba(15,23,42,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(14px);
  transition:opacity .22s ease,transform .22s ease,background .2s ease;
}
.app-floating-menu-toggle.is-visible{
  display:inline-flex;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.app-floating-menu-toggle:hover{background:rgba(13,23,48,.84)}
.app-floating-mobile-nav{
  display:none;
}
@media (max-width:1080px){.app-nav{grid-template-columns:1fr;gap:14px;padding:16px 0 18px}.app-brand,.app-menu,.app-auth{justify-content:center}.app-menu{flex-wrap:wrap;gap:16px 24px}}
@media (max-width:720px){.app-wrap{width:min(100% - 28px,1240px)}.app-brand-logo{height:74px}.app-menu{display:none}.app-menu a,.app-login,.app-cta{font-size:14px}.app-auth{display:none;gap:10px;flex-wrap:wrap}.app-cta{height:40px;padding:0 16px;border-radius:12px}.app-inline-menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:rgba(13,23,48,.06);color:#0d1730;border:1px solid #e6e7eb;height:40px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:700}.app-nav{grid-template-columns:1fr;justify-items:center}.app-floating-mobile-nav{display:none;position:fixed;left:14px;right:14px;bottom:74px;z-index:119;padding:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(13,23,48,.08);border-radius:20px;box-shadow:0 20px 36px rgba(15,23,42,.16)}.app-floating-mobile-nav.show{display:grid;gap:8px}.app-floating-mobile-nav a{display:block;padding:12px 14px;border-radius:14px;background:#f7f8fb;color:#1a2236;font-weight:700;text-align:center}.app-floating-mobile-nav a:hover{background:#eef2f8}.app-floating-menu-toggle{display:inline-flex}}


/* Live panel header pill */
.status-live-pill{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 18px;
  border-radius:20px;
  background:#fff;
  border:1.5px solid #7a5cff;
  box-shadow:0 10px 24px rgba(108,77,255,.08);
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  color:#6c4dff;
}
.status-live-pill:hover{
  background:#f3edff;
  box-shadow:0 14px 28px rgba(108,77,255,.14);
  transform:translateY(-1px);
}
.status-live-pill .iconbox{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1.5px solid rgba(108,77,255,.18);
  background:rgba(108,77,255,.08);
  color:#6c4dff;
  flex:0 0 auto;
}
.status-live-pill .iconbox svg{
  width:18px;
  height:18px;
  display:block;
}
.status-live-pill .title{
  font-size:15px;
  font-weight:800;
  color:#6c4dff;
  line-height:1;
  letter-spacing:-.02em;
}
.status-live-pill.is-active{
  background:linear-gradient(135deg,#6c4dff 0%,#7c3aed 100%);
  border-color:transparent;
  box-shadow:0 16px 34px rgba(108,77,255,.26);
  color:#fff;
}
.status-live-pill.is-active .iconbox{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.14);
  color:#fff;
}
.status-live-pill.is-active .title{color:#fff}

/* Live panel redesign */
.dashboard-wide-container{width:min(100% - 38px, 1680px)}
.dashboard-wide-section{padding-top:4px}
.live-panel-section{padding-top:6px}
.finance-board{display:grid;gap:16px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.finance-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.finance-range-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.finance-range-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid #dee6f0;color:#607089;font-size:14px;font-weight:800
}
.finance-range-pill.active{background:#f96807;border-color:#f96807;color:#fff}
.finance-date-line{color:#748297;font-size:13px;font-weight:800;padding-left:4px}
.finance-custom-row{
  display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:16px 18px;box-shadow:0 18px 38px rgba(15,23,42,.05)
}
.finance-custom-row label{display:grid;gap:6px}
.finance-custom-row span{color:#748297;font-size:12px;font-weight:800}
.finance-custom-row input{height:44px;border-radius:14px;border:1px solid #dfe6ef;background:#fff;padding:0 14px;font-size:14px}
.finance-info-box{
  background:#eef5ff;border:1px solid #d8e5ff;color:#24406f;border-radius:18px;padding:14px 16px;font-size:13px;line-height:1.6;font-weight:800
}
.finance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-kpi{display:grid;gap:8px;padding:18px 18px 16px;border-radius:20px}
.finance-kpi span{color:#78859a;font-size:13px;font-weight:800}
.finance-kpi strong{color:#172033;font-size:26px;font-weight:900;letter-spacing:-.04em}
.finance-kpi em{font-style:normal;color:#8a97aa;font-size:12px;font-weight:700}
.finance-detail{display:grid;gap:14px;padding:18px;border-radius:20px}
.finance-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.finance-detail-head h3{margin:0;color:#172033;font-size:18px;font-weight:900}
.finance-detail-head span{color:#7b879b;font-size:13px;font-weight:800}
.finance-detail-list{display:grid;gap:10px}
.finance-detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}
.finance-detail-list div:last-child{border-bottom:0}
.finance-detail-list span{color:#6f7d92;font-size:13px;font-weight:800}
.finance-detail-list strong{color:#172033;font-size:14px;font-weight:900}
.finance-detail-list .is-total span,.finance-detail-list .is-total strong{font-size:15px}
.live-panel-kicker{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#fff2e8;color:#f26a08;font-size:11px;font-weight:800;margin-bottom:6px;letter-spacing:.01em}
.live-performance-block{display:grid;gap:14px}
.live-performance-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #e7e8eb;border-radius:20px;padding:14px 18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.live-performance-headline{display:flex;align-items:center;gap:12px}
.live-performance-icon{width:44px;height:44px;border-radius:15px;background:linear-gradient(180deg,#ff8a69 0%,#ff764d 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:0 8px 16px rgba(255,106,65,.18)}
.live-performance-title-wrap h1{margin:0;font-size:18px;line-height:1;letter-spacing:-.02em;color:#9b4f34;font-weight:800}
.live-performance-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.live-performance-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.live-chip-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.live-sync-chip,.live-info-chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:800;color:#65748b;box-shadow:0 10px 18px rgba(15,23,42,.04)}
.live-sync-chip .dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:none}
.live-sync-chip.is-ok .dot{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:livePulse 1.8s infinite}
.live-sync-chip.is-ok{color:#137a48;background:#f7fff9;border-color:#ccefd8}
.live-info-chip{gap:12px}
.live-info-chip span{color:#7b8799;font-weight:700}
.live-info-chip strong{color:#172033}
.live-refresh-btn{min-height:40px;padding-inline:18px;border-radius:14px;background:#fff}
.live-performance-shell{display:grid;grid-template-columns:minmax(0,1fr) 346px;gap:18px;align-items:stretch}
.live-performance-card{position:relative;overflow:hidden;border-radius:24px;padding:22px 24px 20px;background:linear-gradient(180deg,#f7f3e7 0%,#eef6df 100%);border:1px solid #e2e4d1;box-shadow:0 16px 34px rgba(15,23,42,.05)}
.live-performance-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%, rgba(158,235,120,.16), transparent 36%),radial-gradient(circle at 82% 0%, rgba(239,198,92,.1), transparent 30%),linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 48%);pointer-events:none}
.live-performance-card-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.live-chart-label{font-size:16px;font-weight:800;color:#2e3728;letter-spacing:-.02em}
.live-chart-value{font-size:58px;line-height:.94;font-weight:900;letter-spacing:-.05em;color:#08bc12;margin-top:10px}
.live-chart-sub{margin-top:8px;font-size:14px;color:#617287;max-width:560px;font-weight:700;letter-spacing:-.01em}
.live-chart-meta-panel{display:grid;justify-items:end;gap:12px;min-width:220px}
.live-chart-meta-inline{color:#6b5f43;font-size:13px;font-weight:800;text-align:right;letter-spacing:-.01em}
.live-chart-meta-inline strong{color:#4a4029}
.live-graph-refresh-btn{min-height:42px;padding:0 18px;border-radius:15px;background:#2b57a5;color:#fff;border:0;box-shadow:0 10px 18px rgba(43,87,165,.18)}
.live-chart-toolbar{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.live-toolbar-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(31,41,55,.08);color:#6a7687;font-size:12px;font-weight:800;letter-spacing:-.01em}
.live-toolbar-pill.is-active{background:#172033;color:#fff;border-color:#172033}
.live-chart-stage{position:relative;z-index:1;height:320px;margin-top:4px}
.live-chart-svg{width:100%;height:100%}
.chart-grid{stroke:rgba(98,110,128,.22);stroke-width:1;stroke-dasharray:5 8}
.chart-base-line{stroke:rgba(42,52,63,.10);stroke-width:1.1}
.chart-area{fill:url(#liveAreaGradientDashboard)}
.chart-line{fill:none;stroke:#10b713;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 14px rgba(23,180,52,.18))}
.chart-point{fill:#fffef7;stroke:#12ae2f;stroke-width:3}
.chart-axis-label{fill:#566273;font-size:12px;font-weight:700;letter-spacing:-.01em}
.live-kpi-column{display:grid;gap:16px;align-self:start}
.live-kpi-card{position:relative;overflow:hidden;min-height:118px;padding:18px;border-radius:20px;box-shadow:0 14px 26px rgba(15,23,42,.06);border:1px solid rgba(255,255,255,.35)}
.live-kpi-card::after{content:"";position:absolute;right:-8px;top:-12px;width:108px;height:108px;border-radius:30px;background:rgba(255,255,255,.18);transform:rotate(12deg)}
.live-kpi-card.tone-green{background:linear-gradient(180deg,#53d91d 0%,#42cd14 100%);color:#13321b}
.live-kpi-card.tone-cream{background:linear-gradient(180deg,#76d4ef 0%,#66caea 100%);color:#0f3140}
.live-kpi-card.tone-orange{background:linear-gradient(180deg,#ffba6d 0%,#ffa04a 100%);color:#4f2403}
.live-kpi-card.tone-sky{background:linear-gradient(180deg,#d1d1d1 0%,#c0c0c0 100%);color:#242424}
.live-kpi-label,.live-kpi-value,.live-kpi-sub{position:relative;z-index:1}
.live-kpi-label{font-size:14px;font-weight:800;letter-spacing:-.02em}
.live-kpi-value{margin-top:14px;font-size:28px;line-height:1.04;font-weight:900;letter-spacing:-.04em}
.live-kpi-sub{margin:8px 0 0;font-size:13px;line-height:1.45;opacity:.92;font-weight:700;letter-spacing:-.01em}

@media (max-width: 1180px){
  .dashboard-wide-container{width:min(100% - 30px, 1560px)}
  .live-performance-topbar{padding:18px}
  .live-performance-shell{grid-template-columns:1fr}
  .live-kpi-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .dashboard-wide-container{width:min(100% - 24px, 1560px)}
  .dashboard-shell{grid-template-columns:1fr}
  .dashboard-side{position:static;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;justify-items:stretch}
  .panel-store-card{grid-column:1/-1}
  .live-performance-headline{align-items:flex-start}
  .live-performance-title-wrap h1{font-size:22px}
  .live-performance-card{padding:18px}
  .live-chart-value{font-size:46px}
  .live-chart-stage{height:278px;margin-top:0}
  .live-chart-meta-panel{width:100%;justify-items:start;min-width:0}
  .live-chart-meta-inline{text-align:left}
}

/* Billing */
.billing-preview-screen,.billing-preview-screen *{font-family:"Plus Jakarta Sans","Nunito Sans",system-ui,sans-serif}
.billing-preview-screen{padding:28px 0 40px}
.billing-preview-wrap{width:min(760px,calc(100% - 28px));margin:0 auto;display:grid;gap:24px}
.billing-preview-head{display:flex;align-items:flex-start;gap:16px;padding:0 6px}
.billing-preview-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:#172033;font-size:26px;text-decoration:none}
.billing-preview-head h1{margin:0;font-size:22px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:#0d1730}
.billing-preview-head p{margin:6px 0 0;color:#7b879b;font-size:14px;font-weight:500}
.billing-preview-card,.billing-iframe-card{background:#fff;border:1px solid #e7e7eb;border-radius:28px;padding:24px 20px 20px;box-shadow:0 18px 42px rgba(15,23,42,.05)}
.billing-preview-card{display:grid;gap:18px}
.billing-preview-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.billing-preview-status-title{font-size:15px;font-weight:600;color:#7b879b;letter-spacing:-.02em}
.billing-preview-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:#eef4ff;border:1px solid #d6e3ff;color:#3765e3;font-size:13px;font-weight:700}
.billing-preview-status-pill.is-paid{background:#e8fff1;border-color:#bde8cb;color:#119455}
.billing-preview-refresh{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:#172033;font-size:20px}
.billing-inline-note{padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.5;font-weight:800}
.billing-inline-note.success{background:#edfdf2;border:1px solid #c3e8cf;color:#128049}
.billing-inline-note.error{background:#fff4f4;border:1px solid #f4caca;color:#a33535}
.billing-preview-divider{height:1px;background:#eceef2}
.billing-preview-plan-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.billing-preview-plan-name{color:#7b879b;font-size:15px;font-weight:600;letter-spacing:.08em}
.billing-preview-price-box{display:flex;align-items:flex-end;gap:6px;white-space:nowrap}
.billing-preview-price-box strong{font-size:50px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#0d1730}
.billing-preview-price-box span{color:#7b879b;font-size:18px;font-weight:500;margin-bottom:6px}
.billing-preview-features{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.billing-preview-features li{display:flex;align-items:flex-start;gap:14px;color:#25324a;font-size:16px;line-height:1.45;letter-spacing:-.03em}
.billing-preview-check{width:24px;height:24px;border-radius:50%;border:2px solid #f96807;position:relative;flex:0 0 auto;margin-top:1px}
.billing-preview-check::before{content:"";position:absolute;left:6px;top:5px;width:7px;height:4px;border-left:2px solid #f96807;border-bottom:2px solid #f96807;transform:rotate(-45deg)}
.billing-preview-form{display:block}
.billing-preview-cta{display:block;width:100%;margin-top:6px;border:0;border-radius:16px;min-height:56px;background:#f96807;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.03em;box-shadow:0 14px 28px rgba(249,104,7,.18);cursor:pointer}
.billing-preview-secure{margin-top:12px;text-align:center;color:#8a96a9;font-size:14px;line-height:1.4;letter-spacing:-.02em}
.billing-preview-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.billing-preview-days{display:grid;gap:4px}
.billing-preview-days strong{font-size:15px;font-weight:800;color:#0d1730}
.billing-preview-days span{font-size:12px;color:#8a96a9;font-weight:600}
.billing-preview-order{display:flex;flex-wrap:wrap;gap:10px 14px;color:#8a96a9;font-size:12px;font-weight:700}
.billing-setup-note{padding:18px 20px;border-radius:20px;background:#fff8ef;border:1px solid #ffe2b9;display:grid;gap:8px}
.billing-setup-note.compact{padding:14px 16px;border-radius:16px}
.billing-setup-note strong{font-size:16px;color:#a25d02}
.billing-setup-note p{margin:0;font-size:14px;line-height:1.55;color:#80563a;font-weight:700}
.billing-setup-note.compact p{font-size:12px}
.billing-iframe-card{display:grid;gap:18px}
.billing-iframe-card.compact{padding:18px 20px}
.billing-iframe-head h3{margin:0 0 6px;font-size:24px;line-height:1.1;font-weight:900;letter-spacing:-.04em;color:#172033}
.billing-iframe-head p{margin:0;font-size:15px;line-height:1.55;color:#718096;font-weight:700}
.billing-iframe-wrap{border-radius:22px;overflow:hidden;background:#f8fafc;border:1px solid #e7ecf3;min-height:640px}
.billing-iframe-wrap.compact{min-height:560px}
.billing-iframe-wrap iframe{display:block;width:100%;height:640px;border:0;background:#fff}
.billing-iframe-wrap.compact iframe{height:560px}
@media (max-width:1080px){
  .billing-preview-wrap{width:min(760px,calc(100% - 24px))}
}
@media (max-width:860px){
  .billing-preview-wrap{width:min(100% - 22px,760px)}
  .billing-preview-card,.billing-iframe-card.compact{padding:20px 18px}
  .billing-preview-head{gap:12px}
  .billing-preview-head h1{font-size:20px}
  .billing-preview-plan-row,.billing-preview-foot,.billing-preview-status-row{flex-direction:column;align-items:flex-start}
  .billing-preview-price-box strong{font-size:40px}
  .billing-preview-price-box span{font-size:16px}
  .billing-preview-features li{font-size:14px}
  .billing-preview-cta{font-size:16px;min-height:50px}
  .billing-iframe-wrap.compact,.billing-iframe-wrap.compact iframe{min-height:460px;height:460px}
}
@media (max-width: 640px){
  .dashboard-wide-section{padding-top:0}
  .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-side-link{min-height:48px;font-size:12px;padding:10px 12px}
  .panel-store-name-row strong{font-size:20px}
  .live-performance-topbar{padding:16px}
  .live-performance-headline{gap:12px}
  .live-performance-icon{width:44px;height:44px;border-radius:14px;font-size:22px}
  .live-performance-title-wrap h1{font-size:20px}
  .live-performance-actions{justify-content:flex-start}
  .live-chip-row{width:100%}
  .live-sync-chip,.live-info-chip,.live-refresh-btn{width:100%;justify-content:center}
  .live-chart-value{font-size:38px}
  .live-chart-meta-panel{width:100%;min-width:0}
  .live-chart-stage{height:226px}
  .live-kpi-column{grid-template-columns:1fr}
  .live-kpi-card{min-height:110px;padding:16px}
  .live-kpi-value{font-size:26px}
}

/* Products board */
.products-board{display:grid;gap:10px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.products-toolbar{display:grid;grid-template-columns:1fr;align-items:start;gap:10px;background:#fff;border:1px solid #e9edf5;border-radius:24px;padding:14px 16px;box-shadow:0 12px 24px rgba(15,23,42,.04)}
.products-toolbar-left{display:grid;gap:6px;min-width:0}
.products-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start;width:100%}
.products-import-form{display:flex}
.products-excel-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:11px;
  background:#fff;color:#218a49;border:1px solid #bfe1c8;font-size:13px;font-weight:800;letter-spacing:-.02em;
  box-shadow:none
}
.products-excel-btn:hover{background:#f9fffb}
.products-excel-btn-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;opacity:.82}
.products-excel-btn-icon::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);display:block}
.products-tab-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.products-tab-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:12px;background:#f5f7fa;border:1px solid #e5e7eb;color:#677489;font-size:13px;font-weight:800}
.products-tab-chip em{font-style:normal;color:#99a3b4}
.products-tab-chip.is-active{background:#f96807;color:#fff;border-color:#f96807}
.products-tab-chip.is-active em{color:rgba(255,255,255,.78)}
.products-summary-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#778398;font-size:13px}
.products-summary-line strong{display:inline-flex;align-items:center;gap:10px;color:#172033;font-size:15px;letter-spacing:-.02em;font-weight:900}
.products-summary-line strong::before{content:"";width:40px;height:40px;border-radius:12px;background:#fff7f0;border:1px solid #ffe0cc;display:inline-block;flex:0 0 auto}
.products-summary-line span+span::before{content:"•";margin-right:12px;color:#b3bdcb}
.products-summary-alert{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#fff7f7;border:1px solid #f3d2d2;color:#dc5b5b;font-weight:800}
.products-summary-alert::before{content:none !important}
.products-refresh-btn{min-height:42px;border-radius:11px;padding:0 16px;background:#1d2640 !important;border-color:#1d2640 !important;color:#fff !important;box-shadow:0 8px 18px rgba(29,38,64,.12);font-size:13px !important}
.products-filter-bar{display:grid;gap:10px}
.products-filter-chip{min-height:50px;padding:0 16px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;color:#738096;display:flex;align-items:center;font-size:14px;font-weight:700}
.products-bulk-form{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:12px 14px;border-radius:22px;background:#fff;border:1px solid #e9edf5;box-shadow:0 12px 24px rgba(15,23,42,.04)}
.products-bulk-field{display:grid;gap:6px}
.products-bulk-field span{color:#6f7c91;font-size:12px;font-weight:800;letter-spacing:-.01em}
.products-bulk-field input,.products-bulk-field select{height:42px;border-radius:12px;border:1px solid #dde5ef;background:#fff;padding:0 14px;font-size:14px;color:#172033}
.products-bulk-submit{min-height:42px;border-radius:12px;align-self:end;background:#f96807 !important;border-color:#f96807 !important;color:#fff !important;font-size:14px !important}
.products-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0}
.products-search input{height:42px;border-radius:14px;background:#fff;border:1px solid #e7edf5;padding:0 14px;font-size:14px;box-shadow:0 8px 18px rgba(15,23,42,.025)}
.products-search .btn{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid #dde5ef !important;background:#fff !important;color:#1b253d !important;font-size:13px !important;font-weight:800 !important;box-shadow:0 8px 18px rgba(15,23,42,.03)}
.product-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.product-card{border-radius:22px;border:1px solid #e7edf5;background:#fff;box-shadow:0 16px 32px rgba(15,23,42,.05);overflow:hidden}
.product-card-media-wrap{position:relative;padding:14px 14px 0}
.product-stock-badge{position:absolute;right:18px;top:14px;min-width:38px;height:26px;padding:0 10px;border-radius:999px;background:#18c964;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(24,201,100,.22)}
.product-card-media,.product-card-media-fallback{width:100%;aspect-ratio:1/1.08;border-radius:18px;background:#f4f4f5;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-weight:800}
.product-card-content{padding:13px 14px 14px;display:grid;gap:6px}
.product-card-content h3{margin:0;color:#172033;font-size:15px;line-height:1.35;letter-spacing:-.02em;font-weight:800}
.product-card-meta,.product-card-code{color:#8b97aa;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:-.01em}
.product-card-price{color:#f96807;font-size:18px;font-weight:900;letter-spacing:-.03em;margin-top:2px}
.product-settings-form{display:grid;gap:10px;margin-top:8px}
.product-field,.product-switch{display:grid;gap:6px}
.product-field span,.product-switch span{color:#7b8798;font-size:12px;font-weight:800}
.product-field input,.product-field select{height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#fafbfc;padding:0 12px;font-size:14px;color:#172033}
.product-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.product-switch{grid-template-columns:1fr auto;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid #eceff3;background:#fafbfc}
.product-switch input{width:42px;height:22px;accent-color:#f96807}
.product-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-radius:16px;background:#f7f8fa;border:1px solid #eceff3}
.product-metrics span{display:block;color:#8893a5;font-size:11px;font-weight:700;line-height:1.3}
.product-metrics strong{display:block;margin-top:4px;color:#172033;font-size:14px;line-height:1.35}
.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}
.product-result-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#fff3e8;color:#da6a07;font-size:12px;font-weight:800}
.products-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 0 2px}
.products-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;color:#172033;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 10px 20px rgba(15,23,42,.04)}
.products-page-link.is-active{background:#f96807;border-color:#f96807;color:#fff}
.products-page-link.is-disabled{pointer-events:none;opacity:.45}

@media (max-width: 1280px){
  .product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 980px){
  .products-bulk-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .products-search{grid-template-columns:1fr}
  .products-toolbar{grid-template-columns:1fr;align-items:stretch}
  .products-toolbar-actions{width:100%}
}
@media (max-width: 680px){
  .products-bulk-form{grid-template-columns:1fr}
  .product-card-grid{grid-template-columns:1fr}
  .product-field-row,.product-metrics{grid-template-columns:1fr}
  .products-toolbar-actions{flex-direction:column;align-items:stretch}
  .products-excel-btn,.products-import-form,.products-refresh-btn{width:100%}
  .products-toolbar,
  .products-bulk-form{padding:16px}
  .products-summary-line strong::before{width:38px;height:38px}
  .products-search input{height:44px;border-radius:16px}
}

/* Messages board */
.messages-board{display:grid;gap:16px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.messages-top-nav{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px 16px;box-shadow:0 18px 38px rgba(15,23,42,.05)
}
.messages-nav-chip{
  display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border-radius:14px;background:#fff;border:1px solid #dce4ee;color:#5f6f87;font-size:15px;font-weight:900;letter-spacing:-.02em
}
.messages-nav-chip.active{background:#f96807;border-color:#f96807;color:#fff}
.messages-nav-icon{font-size:18px;line-height:1}
.messages-refresh-btn{
  margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:14px;background:#fff;border:1px solid #dbe3ee;color:#16213d;font-size:14px;font-weight:900
}
.messages-refresh-btn.is-loading .orders-refresh-icon{animation:ordersSpin .8s linear infinite}
.messages-filter-bar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px 16px;box-shadow:0 18px 38px rgba(15,23,42,.05)
}
.messages-filter-pill{
  display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid #dee6f0;color:#617189;font-size:14px;font-weight:800
}
.messages-filter-pill.active{background:#f96807;border-color:#f96807;color:#fff}
.messages-filter-pill em{font-style:normal;opacity:.82}
.messages-update-note{color:#7b8798;font-size:13px;font-weight:800}
.messages-empty-state{
  display:grid;justify-items:center;gap:14px;min-height:420px;align-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 18px 38px rgba(15,23,42,.05);padding:24px;text-align:center
}
.messages-empty-icon{font-size:54px;line-height:1;opacity:.4}
.messages-empty-state h3{margin:0;color:#16213d;font-size:24px;font-weight:900;letter-spacing:-.04em}
.messages-empty-state p{margin:0;max-width:620px;color:#7a879b;font-size:15px;line-height:1.7;font-weight:700}
.messages-empty-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;background:#f96807;color:#fff;font-size:14px;font-weight:900;border:0
}
.messages-list{display:grid;gap:14px}
.message-card{
  display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:16px;box-shadow:0 18px 38px rgba(15,23,42,.05)
}
.message-card-media img,.message-card-fallback{
  width:96px;height:96px;border-radius:18px;object-fit:cover;background:#f5f6f8;display:flex;align-items:center;justify-content:center;color:#96a0b3;font-weight:900
}
.message-card-main{display:grid;gap:10px}
.message-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.message-card-head strong{color:#16213d;font-size:18px;line-height:1.28;font-weight:900;letter-spacing:-.03em}
.message-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:900}
.message-status-pill.tone-waiting{background:#fff4e2;border:1px solid #ffd79c;color:#d77900}
.message-status-pill.tone-answered{background:#ebfff4;border:1px solid #a7e2bf;color:#10965a}
.message-card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#7f8ca0;font-size:13px;font-weight:800}
.message-card-text{margin:0;color:#23314a;font-size:14px;line-height:1.7;font-weight:700}
.message-card-answer{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:#f7fafc;border:1px solid #e6ecf3}
.message-card-answer span{color:#7f8ca0;font-size:12px;font-weight:800}
.message-card-answer strong{color:#16213d;font-size:14px;line-height:1.6;font-weight:800}
.message-reply-box{display:grid;gap:12px;padding:14px;border-radius:18px;background:#fbfcfe;border:1px solid #e6ecf3}
.message-quick-replies{display:flex;flex-wrap:wrap;gap:8px}
.message-quick-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #ffd9bc;background:#fff7f0;color:#d86c0b;font-size:12px;font-weight:900;cursor:pointer}
.message-reply-box textarea{width:100%;min-height:104px;border:1px solid #dfe6ef;border-radius:16px;padding:12px 14px;background:#fff;color:#172033;font-size:14px;line-height:1.6;resize:vertical;outline:none}
.message-reply-box textarea:focus{border-color:#f58b21;box-shadow:0 0 0 4px rgba(245,139,33,.12)}
.message-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.message-reply-actions span{color:#7f8ca0;font-size:12px;font-weight:800}

@media (max-width: 860px){
  .messages-top-nav,.messages-filter-bar{padding:12px}
  .messages-refresh-btn{margin-left:0}
}
@media (max-width: 680px){
  .message-card{grid-template-columns:1fr}
  .message-card-media img,.message-card-fallback{width:100%;height:auto;aspect-ratio:1/1}
  .messages-top-nav,.messages-filter-bar{flex-direction:column;align-items:stretch}
  .messages-nav-chip,.messages-refresh-btn,.messages-filter-pill{width:100%;justify-content:center}
  .message-reply-actions{align-items:stretch}
  .message-reply-actions .messages-empty-btn{width:100%}
}

/* Orders board */
.orders-board{display:grid;gap:16px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.orders-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px 20px;box-shadow:0 18px 38px rgba(15,23,42,.05)}
.orders-board-head h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.03em;color:#172033}
.orders-board-head p{margin:6px 0 0;font-size:14px;line-height:1.55;color:#738096;font-weight:700}
.orders-list-table{display:grid;background:#fff;border:1px solid #e5e7eb;border-radius:22px;overflow:hidden;box-shadow:0 18px 38px rgba(15,23,42,.05)}
.orders-list-head,.orders-list-row{display:grid;grid-template-columns:.8fr 1.2fr 1.4fr .8fr .9fr 1fr .7fr;gap:16px;align-items:center;padding:16px 18px}
.orders-list-head{background:#f8fafc;color:#718096;font-size:13px;font-weight:800;border-bottom:1px solid #ebeff5}
.orders-list-row{border-bottom:1px solid #edf1f6}
.orders-list-row:last-child{border-bottom:0}
.orders-date-cell,.orders-number-cell,.orders-customer-cell,.orders-cargo-cell{display:grid;gap:4px}
.orders-date-cell strong,.orders-number-cell strong,.orders-customer-cell strong,.orders-cargo-cell strong{font-size:15px;font-weight:900;color:#172033;letter-spacing:-.02em}
.orders-date-cell span,.orders-number-cell span,.orders-customer-cell span,.orders-cargo-cell span{font-size:13px;color:#7b8798;font-weight:700}
.orders-total-cell{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#172033}
.orders-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800}
.orders-status-pill.status-yeni{background:#eef4ff;color:#3c68d8}
.orders-status-pill.status-toplaniyor{background:#fff5e8;color:#c96d00}
.orders-status-pill.status-hazirlaniyor{background:#fff5e8;color:#c96d00}
.orders-status-pill.status-kargolandi{background:#eefbf2;color:#13864c}
.orders-status-pill.status-teslimedildi{background:#eafff1;color:#129455}
.orders-status-pill.status-iptal{background:#fff1f1;color:#bf3f52}
.orders-print-btn{min-height:42px;padding:0 18px;border-radius:14px;border:1px solid #ccd5e2;background:#fff;color:#172033;font-size:14px;font-weight:800}
@media (max-width:1180px){
  .orders-list-head{display:none}
  .orders-list-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .orders-board-head h1{font-size:22px}
  .orders-list-row{grid-template-columns:1fr}
  .orders-total-cell{font-size:24px}
}

body .dashboard-side,
body .panel-store-card,
body .dashboard-side-link,
body .orders-board,
body .orders-board *{
  font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
}
body .panel-store-card{
  padding:22px 20px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  border:1px solid #e7edf5;
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
body .panel-store-top{align-items:flex-start;gap:14px}
body .panel-store-avatar{
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff1e6 0%,#ffe8d6 100%);
  color:#f06a13;
  font-size:24px;
  font-weight:900;
  box-shadow:0 12px 24px rgba(249,104,7,.12);
}
body .panel-store-welcome{
  font-size:15px;
  line-height:1.2;
  color:#8a96a9;
  font-weight:800;
  letter-spacing:-.02em;
}
body .panel-store-name-row{
  display:grid;
  gap:10px;
  align-items:flex-start;
}
body .panel-store-name-row strong{
  font-size:21px;
  line-height:1.04;
  color:#16213d;
  font-weight:900;
  letter-spacing:-.04em;
}
body .panel-trial-badge{
  width:max-content;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#fff7e8;
  border:1px solid #ffc55f;
  color:#cf7b00;
  font-size:13px;
  font-weight:900;
  box-shadow:none;
}
body .panel-invite-wrap{margin-top:14px}
body .panel-invite-toggle{
  width:100%;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  border:2px solid #f08c2e;
  background:#fff;
  color:#1d2a42;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.02em;
}
body .panel-invite-toggle.is-open{
  background:#fffaf1;
}
body .panel-invite-toggle-icon{
  color:#0f9f57;
  font-size:18px;
  font-weight:900;
}
body .panel-invite-box{
  margin-top:12px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(180deg,#f9fff7 0%,#ffffff 100%);
  border:1px solid #d7ecd8;
}
body .panel-invite-title{
  color:#183153;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.03em;
}
body .panel-invite-text{
  color:#6b798d;
  font-size:13px;
  line-height:1.65;
  font-weight:800;
}
body .panel-invite-link{
  background:#fff;
  border:1px solid #e0e7ef;
  border-radius:16px;
  color:#6c7691;
  font-size:12px;
  line-height:1.55;
}
body .panel-copy-btn{
  border-radius:16px;
  font-size:13px;
  font-weight:900;
}
body .dashboard-side-link{
  min-height:54px;
  border-radius:18px;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  color:#24324b;
  letter-spacing:-.02em;
}
body .dashboard-side-link.active{
  background:linear-gradient(180deg,#f4f7fb 0%,#edf2f8 100%);
}

body .orders-board{
  display:grid;
  gap:0;
  background:#fff;
  border:1px solid #e8edf5;
  border-radius:28px;
  box-shadow:0 20px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body .orders-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 24px;
  background:#fff;
  border-bottom:1px solid #edf1f6;
  box-shadow:none;
  border-radius:0;
}
body .orders-board-title{
  display:grid;
  gap:4px;
}
body .orders-board-title-top{
  display:flex;
  align-items:center;
  gap:12px;
}
body .orders-board-title-icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff7f0;
  border:1px solid #ffe0cc;
  color:#f96807;
  flex:0 0 auto;
  position:relative;
}
body .orders-board-title-icon::before{
  content:"";
  width:15px;
  height:12px;
  border:2px solid currentColor;
  border-radius:4px;
  display:block;
}
body .orders-board-title h1{
  margin:0;
  font-size:24px;
  line-height:1.04;
  letter-spacing:-.05em;
  color:#16213d;
  font-weight:900;
}
body .orders-board-title p{
  margin:2px 0 0;
  color:#7c8798;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
body .orders-refresh-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid #dae3ee;
  color:#16213d;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 16px rgba(15,23,42,.03);
}
body .orders-refresh-icon{
  font-size:18px;
  line-height:1;
}
body .orders-refresh-btn.is-loading .orders-refresh-icon{
  animation:ordersSpin .8s linear infinite;
}
@keyframes ordersSpin{
  from{transform:rotate(0)}
  to{transform:rotate(360deg)}
}
body .orders-stage-title{
  padding:0 8px;
  color:#16213d;
  font-size:17px;
  font-weight:900;
  letter-spacing:-.03em;
}
body .orders-stage-tabs{
  display:flex;
  align-items:stretch;
  gap:14px;
  flex-wrap:wrap;
}
body .orders-stage-tab{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  width:250px;
  max-width:100%;
  background:#fff;
  text-align:left;
  border:1px solid #e7edf5;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(15,23,42,.03);
}
body .orders-stage-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff7f0;
  border:1px solid #ffe0cc;
  color:#f96807;
  line-height:1;
  position:relative;
}
body .orders-stage-icon::before{
  content:"";
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-radius:6px;
  display:block;
}
body .orders-stage-icon.is-muted{
  background:#f7f8fc;
  border-color:#e6eaf3;
  color:#7b869a;
}
body .orders-stage-copy{
  display:grid;
  gap:3px;
}
body .orders-stage-tab strong{
  color:#7b8798;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.03em;
}
body .orders-stage-tab b{
  color:#121c34;
  font-size:18px;
  line-height:1;
  font-weight:900;
}
body .orders-stage-tab span{
  color:#6f7d92;
  font-size:12px;
  font-weight:700;
}
body .orders-stage-tab.is-active{
  border-color:#ffc49d;
  box-shadow:0 12px 22px rgba(249,104,7,.08), inset 0 -2px 0 #f96807;
}
body .orders-stage-tab.is-accent strong{
  color:#f96807;
}
body .orders-summary-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 24px;
  background:#fff;
  border-bottom:1px solid #edf1f6;
  box-shadow:none;
}
body .orders-toolbar-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:12px;
  padding:16px 24px;
  background:#fff;
  border-bottom:1px solid #edf1f6;
  box-shadow:none;
}
body .orders-list-table-modern{
  margin:18px 24px 24px;
  border-radius:16px;
  border:1px solid #e8edf5;
  box-shadow:none;
}
body .orders-list-head,
body .orders-list-row{
  grid-template-columns:40px 96px 154px minmax(230px,1.55fr) 118px 98px 118px 126px 146px 148px 114px;
  gap:0;
}
body .orders-list-head{
  padding:14px 16px;
  background:#fbfcfe;
  color:#7b8798;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.02em;
}
body .orders-list-head span{
  padding:0 8px;
}
body .orders-list-row{
  padding:0 16px;
  min-height:98px;
  border-bottom:1px solid #edf1f6;
  transition:background .16s ease;
}
body .orders-list-row > div{
  padding:12px 8px;
}
body .orders-list-row:hover{
  background:#fafafa;
}
body .orders-radio-cell{
  display:flex;
  align-items:center;
  justify-content:center;
}
body .orders-radio-mark{
  width:20px;
  height:20px;
  border-radius:7px;
  border:1.5px solid #d8e0eb;
  background:#fff;
  transition:border-color .15s ease, background .15s ease;
}
body .orders-date-cell{
  display:flex;
  align-items:center;
}
body .orders-date-stack{
  display:grid;
  gap:2px;
  justify-items:start;
}
body .orders-date-day{
  color:#71819a;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.03em;
}
body .orders-date-month{
  color:#71819a;
  font-size:13px;
  font-weight:500;
  letter-spacing:-.03em;
}
body .orders-number-cell strong,
body .orders-customer-cell strong{
  font-size:14px;
  line-height:1.28;
  color:#1b2437;
  font-weight:900;
}
body .orders-customer-cell{
  gap:8px;
}
body .orders-order-preview{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
body .orders-order-preview-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
body .orders-order-preview-copy strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body .orders-mini-lines{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
}
body .orders-mini-lines img{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid #dde5ef;
  object-fit:cover;
}
body .orders-mini-thumb{
  padding:0;
  border:0;
  background:transparent;
  border-radius:8px;
  line-height:0;
  cursor:pointer;
}
body .orders-mini-thumb img{
  transition:transform .16s ease, box-shadow .16s ease;
}
body .orders-mini-thumb:hover img{
  transform:scale(1.07);
  box-shadow:0 10px 18px rgba(15,23,42,.14);
}
body .orders-number-cell span,
body .orders-customer-cell span,
body .orders-cargo-meta,
body .orders-cargo-help{
  color:#7d899b;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
body .orders-total-cell{
  display:flex;
  align-items:center;
  font-size:16px;
  color:#1a2338;
  font-weight:900;
  letter-spacing:-.03em;
}
body .orders-profit-cell,
body .orders-label-cell{
  display:flex;
  align-items:center;
  color:#8b97aa;
  font-size:15px;
  font-weight:800;
}
body .orders-profit-cell{
  color:#0f9f68;
  letter-spacing:-.02em;
}
body .orders-profit-cell.is-negative{color:#d14c4c}
body .orders-status-pill{
  min-height:28px;
  padding:0 12px;
  font-size:12px;
  font-weight:900;
}
body .orders-status-pill.status-yeni{
  background:#eaf2ff;
  color:#3f6fdd;
  border:1px solid #cfe0ff;
}
body .orders-status-pill.status-islemealindi{
  background:#fff2dd;
  color:#d97706;
  border:1px solid #ffd596;
}
body .orders-deadline-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
body .orders-deadline-pill.tone-ok{
  background:#ebfff4;
  border:1px solid #9be2bb;
  color:#0f9f68;
}
body .orders-deadline-pill.tone-warn{
  background:#fff7e6;
  border:1px solid #ffd173;
  color:#d47900;
}
body .orders-deadline-pill.tone-late{
  background:#fff2f2;
  border:1px solid #f4b8b8;
  color:#c64e4e;
}
body .orders-deadline-pill.tone-muted{
  background:#f5f7fb;
  border:1px solid #dfe6ef;
  color:#7b8698;
}
body .orders-deadline-icon{
  font-size:14px;
}
body .orders-cargo-cell{
  display:grid;
  gap:6px;
}
body .orders-cargo-brand{
  display:grid;
  justify-items:start;
  line-height:.9;
}
body .orders-cargo-brand strong{
  font-size:16px;
  font-weight:900;
  letter-spacing:-.04em;
}
body .orders-cargo-brand span{
  margin-top:2px;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.04em;
}
body .orders-cargo-brand.is-trendyol strong{color:#243a63}
body .orders-cargo-brand.is-trendyol span{color:#f58b21}
body .orders-cargo-brand.is-surat strong,
body .orders-cargo-brand.is-surat span{color:#1f5fbf}
body .orders-cargo-brand.is-mng strong,
body .orders-cargo-brand.is-mng span{color:#ff7a00}
body .orders-cargo-brand.is-aras strong,
body .orders-cargo-brand.is-aras span{color:#d83d35}
body .orders-cargo-brand.is-yurtici strong,
body .orders-cargo-brand.is-yurtici span{color:#2545b8}
body .orders-cargo-brand.is-ptt strong,
body .orders-cargo-brand.is-ptt span{color:#e3b300}
body .orders-action-cell{
  display:flex;
  justify-content:flex-end;
}
body .orders-print-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  width:100%;
  max-width:104px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid #cfd7e4;
  background:#fff;
  color:#1a2439;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
body .onboarding-api-section .dashboard-shell{
  grid-template-columns:268px minmax(0,1fr) !important;
  align-items:start;
}
body .onboarding-api-section .dashboard-side{
  width:100%;
  min-width:268px;
  position:sticky;
}
body .onboarding-api-section .dashboard-main{
  min-width:0;
}
body .onboarding-api-section .onboarding-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 264px;
  gap:16px;
  align-items:start;
}
body .onboarding-api-section .onboarding-card,
body .onboarding-api-section .api-side-status{
  min-width:0;
}
body .orders-print-icon{font-size:16px}
body .orders-list-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 20px 20px;
  color:#7787a0;
  font-size:13px;
  font-weight:800;
}
body .orders-list-foot strong{
  color:#10a45a;
  font-size:13px;
  font-weight:900;
}

@media (max-width: 1460px){
  body .orders-list-head,
  body .orders-list-row{
    grid-template-columns:40px 82px 144px minmax(210px,1.35fr) 98px 68px 106px 108px 126px 138px 108px;
  }
}
@media (max-width: 1280px){
  body .orders-summary-shell{grid-template-columns:1fr}
  body .orders-toolbar-shell{grid-template-columns:minmax(0,1fr) auto auto auto}
  body .orders-list-head{display:none}
  body .orders-list-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:10px 12px;
  }
  body .orders-list-row > div{
    padding:10px 8px;
  }
}
@media (max-width: 720px){
  body .panel-store-card{padding:18px}
  body .panel-store-name-row strong{font-size:18px}
  body .orders-board-title h1{font-size:23px}
  body .orders-refresh-btn{width:100%;justify-content:center}
  body .orders-board-head{padding:18px}
  body .orders-summary-shell{padding:16px}
  body .orders-toolbar-shell{grid-template-columns:1fr;padding:14px 16px}
  body .orders-list-row{grid-template-columns:1fr}
  body .orders-list-foot{flex-direction:column;align-items:flex-start}
  body .orders-thumb-toggle{width:54px;height:54px}
  body .orders-print-btn{max-width:100%}
}
@media (max-width: 980px){
  body .onboarding-api-section .onboarding-layout{
    grid-template-columns:1fr;
  }
  body .onboarding-api-section .api-side-status{
    order:2;
  }
}
@media (max-width: 900px){
  body .onboarding-api-section .dashboard-shell{
    grid-template-columns:1fr !important;
  }
  body .onboarding-api-section .dashboard-side{
    min-width:0;
  }
}
@media (max-width: 640px){
  body .onboarding-api-section .section-head h1{
    font-size:18px;
    line-height:1.25;
  }
  body .onboarding-api-section .section-head p{
    font-size:12px;
    line-height:1.6;
  }
  body .onboarding-api-section .onboarding-layout{
    gap:12px;
  }
  body .onboarding-api-section .onboarding-card{
    padding:14px;
    border-radius:18px;
  }
  body .onboarding-api-section .onboarding-badge{
    font-size:11px;
  }
  body .onboarding-api-section .onboarding-card h2{
    font-size:15px;
    line-height:1.35;
  }
  body .onboarding-api-section .onboarding-desc{
    font-size:12px;
    line-height:1.6;
  }
  body .onboarding-api-section .onboarding-step-card{
    padding:14px;
  }
  body .onboarding-api-section .onboarding-steps-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body .onboarding-api-section .api-status-card{
    padding:14px;
  }
}

body .orders-toolbar-shell{display:grid;gap:14px}

body .dashboard-side-link{
  font-weight:600;
  font-size:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
body .dashboard-side-icon{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:.7;
  font-weight:400;
  flex:0 0 auto;
}
body .dashboard-side-icon svg{
  width:16px;
  height:16px;
  display:block;
}
body .dashboard-side-link-text{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
body .dashboard-side-live-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#2ecc71;
  box-shadow:0 0 0 0 rgba(46,204,113,.45);
  animation:panel-pulse 1.4s ease-in-out infinite;
}

body .panel-store-card{
  gap:14px;
  padding:16px 14px 16px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
  border:1px solid #e6ebf3;
  box-shadow:0 14px 28px rgba(15,23,42,.045);
}
body .panel-store-top{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:12px;
}
body .panel-store-logo-box{
  width:72px;
  height:72px;
  border-radius:22px;
  border:1px solid #e7ebf1;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 18px rgba(15,23,42,.035);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
body .panel-store-logo-image{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
  display:block;
}
body .panel-store-logo-fallback{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8b95a8;
  background:linear-gradient(180deg,#fbfcff 0%,#f4f7fb 100%);
  border:1px solid #e8edf4;
}
body .panel-store-logo-fallback svg{
  width:26px;
  height:26px;
  display:block;
}
body .panel-store-copy-main{
  gap:3px;
}
body .panel-store-welcome{
  font-size:11px;
  font-weight:700;
  color:#8d95a8;
  letter-spacing:-.02em;
}
body .panel-store-name-large{
  font-size:18px;
  line-height:1.08;
  font-weight:900;
  color:#10192b;
  letter-spacing:-.03em;
}
body .panel-store-meta-row{
  display:block;
}
body .panel-trial-badge-wide{
  width:100%;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:2px solid #f4bd5a;
  background:#fffdf7;
  color:#bf7c10;
  font-size:12px;
  font-weight:900;
  justify-content:space-between;
  box-shadow:0 8px 16px rgba(240,140,16,.06);
}
body .panel-trial-badge-arrow{
  font-size:18px;
  line-height:1;
  color:#bf7c10;
}
body .panel-store-actions{
  display:grid;
  gap:10px;
}
body .panel-invite-toggle{
  min-height:40px;
  border-radius:14px;
  border:2px solid #ef7b08;
  background:#fff;
  color:#172033;
  padding:0 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.02em;
  box-shadow:0 8px 16px rgba(239,123,8,.04);
}
body .panel-invite-toggle-icon{
  color:#2fa84d;
  font-size:18px;
  font-weight:900;
}
body .panel-sound-toggle{
  min-height:30px;
  padding:0 2px;
  color:#8c95a6;
  font-size:11px;
  font-weight:700;
}
body .panel-sound-toggle-copy{
  gap:8px;
}
body .panel-sound-toggle-icon{
  width:16px;
  height:16px;
  color:#f59a0b;
}
body .panel-sound-toggle-icon svg{
  width:16px;
  height:16px;
}
body .panel-sound-toggle input{
  width:42px;
  height:24px;
  border-radius:999px;
  background:#eceff5;
  border:1px solid #e0e6ee;
}
body .panel-sound-toggle input::before{
  top:2px;
  left:2px;
  width:18px;
  height:18px;
}
body .panel-sound-toggle input:checked{
  background:#f57a0a;
  border-color:#f57a0a;
}
body .panel-sound-toggle input:checked::before{
  transform:translateX(18px);
}

@media (max-width:720px){
  body .panel-store-top{
    grid-template-columns:64px minmax(0,1fr);
    gap:10px;
  }
  body .panel-store-logo-box{
    width:64px;
    height:64px;
    border-radius:18px;
  }
  body .panel-store-name-large{
    font-size:17px;
  }
  body .panel-trial-badge-wide{
    min-height:40px;
    font-size:12px;
    padding:0 14px;
  }
  body .panel-invite-toggle{
    min-height:38px;
    font-size:12px;
    padding:0 14px;
  }
}
@keyframes panel-pulse{
  0%{box-shadow:0 0 0 0 rgba(46,204,113,.45)}
  70%{box-shadow:0 0 0 7px rgba(46,204,113,0)}
  100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}
}

.orders-thumb-toggle{
  flex:0 0 auto;
  width:64px;
  height:64px;
  padding:0;
  border:1px solid #d8e0eb;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  position:relative;
  box-shadow:0 10px 18px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.orders-thumb-toggle:hover{
  transform:scale(1.05);
  box-shadow:0 14px 26px rgba(15,23,42,.11);
}
.orders-thumb-toggle img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.orders-thumb-fallback{
  display:none;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  background:#f7f9fb;
  color:#94a0b2;
  font-size:11px;
  font-weight:800;
  letter-spacing:-.02em;
}
.orders-thumb-toggle.is-fallback .orders-thumb-fallback{
  display:flex;
}
.orders-thumb-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:22px;
  height:22px;
  padding:0 5px;
  border-radius:999px;
  background:#2c56d6;
  color:#fff;
  font-size:11px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 14px rgba(44,86,214,.25);
  z-index:2;
  border:2px solid #fff;
  pointer-events:none;
}
.orders-thumb-lightbox{
  position:fixed;
  inset:0;
  z-index:500;
  display:grid;
  place-items:center;
  background:rgba(15,23,42,.48);
  padding:24px;
}

.returns-board{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.returns-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.returns-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:500;
  color:#111827;
}
.returns-title h1{
  margin:0;
  font-size:18px;
  font-weight:500;
}
.returns-title-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  background:#fef3e9;
  color:#f26b23;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.returns-head-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.returns-search input{
  width:260px;
  height:38px;
  border-radius:18px;
  border:1px solid #e2e8f0;
  padding:0 14px;
  font-size:13px;
  background:#fff;
}
.returns-filter select{
  height:38px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  padding:0 14px;
  font-size:13px;
  background:#fff;
}
.returns-refresh{
  height:38px;
  padding:0 16px;
  border-radius:14px;
  background:#f97316;
  color:#fff;
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
}
.returns-refresh-icon{
  display:inline-flex;
}
.returns-tabs{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border:1px solid #e2e8f0;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.returns-tab{
  padding:12px 10px;
  text-align:center;
  text-decoration:none;
  color:#111827;
  border-right:1px solid #eef2f7;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
}
.returns-tab:last-child{
  border-right:none;
}
.returns-tab strong{
  font-size:12px;
  color:#6b7280;
  font-weight:500;
}
.returns-tab.is-active{
  position:relative;
  color:#f97316;
  font-weight:600;
}
.returns-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#f97316;
}
.returns-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.returns-filters input{
  height:38px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  padding:0 12px;
  font-size:12px;
  background:#fff;
}
.returns-empty{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:36px;
  text-align:center;
  color:#6b7280;
}
.returns-empty-icon{
  width:54px;
  height:54px;
  margin:0 auto 10px;
  border-radius:50%;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#9ca3af;
}
.returns-empty-btn{
  margin-top:12px;
  border-radius:20px;
  padding:8px 18px;
  border:1px solid #e2e8f0;
  background:#fff;
  font-size:12px;
}
.returns-table{
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.returns-table-head,
.returns-row{
  display:grid;
  grid-template-columns:1.1fr .7fr 2fr .7fr .9fr .7fr 1.3fr .8fr;
  gap:0;
  align-items:stretch;
}
.returns-table-head{
  background:#f8fafc;
  font-size:12px;
  color:#6b7280;
  padding:12px 18px;
  border-bottom:1px solid #e5e7eb;
}
.returns-row{
  padding:16px 18px;
  border-bottom:1px solid #eef2f7;
  font-size:12px;
  color:#111827;
}
.returns-row:last-child{
  border-bottom:none;
}
.returns-order-info div{
  line-height:1.5;
  color:#6b7280;
}
.returns-order-number{
  font-weight:600;
  color:#111827;
}
.returns-product-card{
  display:flex;
  gap:12px;
}
.returns-product-thumb{
  width:66px;
  height:66px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  background:#fff;
}
.returns-product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.returns-qty{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:24px;
  height:24px;
  border-radius:999px;
  background:#3b82f6;
  color:#fff;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.returns-product-title{
  font-weight:600;
  margin-bottom:4px;
}
.returns-product-meta{
  color:#6b7280;
  line-height:1.4;
}
.returns-price{
  font-weight:600;
}
.returns-cargo-brand{
  font-weight:600;
  margin-bottom:4px;
}
.returns-cargo-code{
  color:#6b7280;
  margin-bottom:8px;
}
.returns-cargo-track{
  border:none;
  background:#f97316;
  color:#fff;
  border-radius:12px;
  padding:6px 10px;
  font-size:11px;
}
.returns-invoice strong{
  display:block;
  font-size:13px;
  margin-top:4px;
}
.returns-reason strong{
  display:block;
  margin-bottom:6px;
}
.returns-reason-note{
  color:#6b7280;
  line-height:1.5;
}
.returns-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.returns-accept{
  border:1px solid #22c55e;
  color:#16a34a;
  border-radius:12px;
  padding:6px 10px;
  background:#ecfdf3;
  font-size:11px;
}
.returns-more{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:6px 10px;
  background:#fff;
  font-size:11px;
  color:#111827;
}
.orders-thumb-lightbox[hidden]{display:none !important}
.orders-thumb-lightbox img{
  width:min(420px,90vw);
  max-height:80vh;
  object-fit:contain;
  border-radius:24px;
  background:#fff;
  padding:14px;
  box-shadow:0 26px 80px rgba(15,23,42,.28);
}
.orders-thumb-lightbox-close{
  position:absolute;
  top:24px;
  right:24px;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#172033;
  font-size:26px;
  line-height:1;
  font-weight:700;
  box-shadow:0 12px 28px rgba(15,23,42,.18);
}
body .orders-action-bar{
  display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;align-items:center
}
body .orders-bulk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid #d9e1ec;color:#18243b;font-size:13px;font-weight:800;box-shadow:none
}
body .orders-bulk-btn em{font-style:normal;opacity:.88}
body .orders-bulk-btn.is-primary{background:#f96807;border-color:#f96807;color:#fff}
body .orders-bulk-btn.is-dark{background:#fff;border-color:#20283d;color:#20283d}
body .orders-bulk-btn:disabled{opacity:.45;pointer-events:none}
body .orders-search-form input{
  height:44px;border-radius:12px;border:1px solid #dfe6ef;background:#fff;padding:0 16px;font-size:13px;color:#172033;box-shadow:none
}
body .orders-toolbar-btn,
body .orders-toolbar-icon-btn{
  min-height:44px;
  border-radius:12px;
  border:1px solid #dfe6ef;
  background:#fff;
  color:#516178;
  font-size:13px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  box-shadow:none;
}
body .orders-toolbar-icon-btn{
  width:44px;
  padding:0;
}
body .orders-toolbar-icon-btn span{
  width:16px;
  height:16px;
  position:relative;
  display:block;
}
body .orders-toolbar-icon-btn span::before{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  top:2px;
  height:2px;
  border-radius:999px;
  background:#64748b;
  box-shadow:0 5px 0 #64748b,0 10px 0 #64748b;
}
body .orders-head-check,body .orders-row-check{display:inline-flex;align-items:center;justify-content:center;position:relative}
body .orders-head-check input,body .orders-row-check input{
  position:absolute;inset:0;opacity:0;cursor:pointer
}
body .orders-head-check input:checked + .orders-radio-mark,
body .orders-row-check input:checked + .orders-radio-mark{
  background:#f96807;border-color:#f96807
}
body .orders-head-check input:checked + .orders-radio-mark::after,
body .orders-row-check input:checked + .orders-radio-mark::after{
  content:"";position:absolute;left:6px;top:3px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)
}
body .orders-list-row.is-printed{background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)}
body .orders-label-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:transparent;color:#8b97aa;font-size:13px;font-weight:900
}
body .orders-label-pill.is-printed{
  background:#eafff1;border:1px solid #aee2bf;color:#129455
}

.label-print-modal{
  position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:400;display:grid;place-items:center;padding:24px
}
.label-print-modal[hidden]{display:none !important}
.label-print-dialog{
  position:relative;width:min(1260px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #e2e7ef;border-radius:28px;box-shadow:0 30px 70px rgba(15,23,42,.18)
}
.label-modal-close{
  position:absolute;right:18px;top:14px;width:38px;height:38px;border-radius:999px;border:1px solid #dbe4ef;background:#fff;color:#1b2539;font-size:24px;cursor:pointer
}
.label-print-layout{display:grid;grid-template-columns:420px 1fr;min-height:680px}
.label-print-side{padding:28px 24px;border-right:1px solid #edf1f6;display:grid;align-content:start;gap:18px}
.label-print-side-head h3{margin:0;color:#172033;font-size:28px;font-weight:900;letter-spacing:-.05em}
.label-print-side-head p{margin:8px 0 0;color:#7a879a;font-size:14px;line-height:1.6;font-weight:700}
.label-print-meta{display:inline-flex;margin-top:10px;color:#f96807;font-size:13px;font-weight:900}
.label-print-group{display:grid;gap:14px}
.label-setting-field{display:grid;gap:8px}
.label-setting-field span{color:#65748c;font-size:13px;font-weight:800}
.label-setting-field select{height:54px;border-radius:16px;border:1px solid #e6ecf4;background:#fff;padding:0 16px;font-size:15px;color:#172033;box-shadow:0 12px 26px rgba(15,23,42,.03)}
.label-print-actions{display:grid;gap:10px;margin-top:8px}
.label-print-preview-wrap{display:grid;place-items:center;padding:28px}
.label-settings-board{display:grid;gap:14px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.label-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start}
.label-settings-panel{display:grid;gap:18px;background:#fff;border:1px solid #e9edf5;border-radius:28px;padding:20px 22px;box-shadow:0 18px 42px rgba(15,23,42,.045)}
.label-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.label-settings-head h1{margin:0;color:#172033;font-size:25px;font-weight:900;letter-spacing:-.04em}
.label-settings-head p{margin:8px 0 0;color:#7c889b;font-size:14px;line-height:1.55;font-weight:700}
.label-reset-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;border:1px solid #e4e9f1;background:#fff;color:#172033;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.label-settings-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.label-slider-group.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.label-slider-row{display:grid;gap:8px}
.label-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.label-slider-head span{color:#17263f;font-size:13px;font-weight:800}
.label-slider-head strong{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid #e6ebf2;color:#17263f;font-size:12px;font-weight:800}
.label-slider-row input[type=range]{height:6px;padding:0;background:transparent;border:0;accent-color:#f96807}
.label-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.label-option-card{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border-radius:16px;border:1px solid #e7edf5;background:#fff;color:#4d5c74;font-size:14px;font-weight:700}
.label-option-card:has(input:checked){border-color:#ffc8a3;box-shadow:0 0 0 2px rgba(249,104,7,.08) inset}
.label-option-card input{position:absolute;inset:0;opacity:0;cursor:pointer}
.label-option-copy{flex:1}
.label-option-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:9px;background:#f6f8fb;color:#64748b;font-size:11px;font-weight:800}
.label-option-check{width:22px;height:22px;border-radius:8px;background:#f96807;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;border:1px solid #f96807}
.label-option-card input:not(:checked) ~ .label-option-check{background:#fff;color:transparent;border-color:#dce4ef}
.label-option-check.is-static{background:#f96807 !important;color:#fff !important;border-color:#f96807 !important}
.label-warning-panel{display:grid;gap:14px;padding-top:2px;border-top:1px solid #edf2f6}
.label-warning-head strong{display:block;color:#172033;font-size:18px;font-weight:900;letter-spacing:-.03em}
.label-warning-head p{margin:6px 0 0;color:#8090a6;font-size:13px;font-weight:600}
.label-warning-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.label-warning-card{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;min-height:104px;padding:10px 8px;border-radius:16px;border:1px solid #e7edf5;background:#fff;text-align:center}
.label-warning-card.is-active{border-color:#ffc8a3;background:#fffaf5}
.label-warning-icon{color:#141c30;font-size:28px;line-height:1;font-weight:900}
.label-warning-text{color:#4d5a73;font-size:12px;line-height:1.35;font-weight:700}
.label-warning-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;background:#f96807;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}
.label-save-btn{width:100%;min-height:44px;border:0;border-radius:14px;background:linear-gradient(180deg,#ff7b17 0%,#f96807 100%);color:#fff;font-size:16px;font-weight:900;letter-spacing:-.02em;box-shadow:0 16px 30px rgba(249,104,7,.18)}
.label-preview-panel{align-self:start;display:grid;gap:14px;background:#fff;border:1px solid #e9edf5;border-radius:28px;padding:18px;box-shadow:0 18px 42px rgba(15,23,42,.045)}
.label-preview-title{display:flex;align-items:center;gap:10px;margin:0;color:#4f5f79;font-size:15px;font-weight:900}
.label-preview-title::before{content:"◌";color:#7d8aa0;font-size:18px}
.label-preview-sheet{position:relative;width:100%;max-width:380px;min-height:560px;background:#fff;border:1.5px solid #ffb689;padding:16px 18px 14px;border-radius:14px;box-shadow:0 14px 28px rgba(15,23,42,.04);margin:0 auto}
.label-preview-sheet.size-100x100{aspect-ratio:1/1}
.label-preview-sheet.size-A6,.label-preview-sheet.size-A4{max-width:380px;min-height:560px}
.label-preview-topline{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:8px}
.label-preview-date,.label-preview-store{position:static;font-size:11px;font-weight:700;color:#111}
.label-preview-store{text-align:right}
.label-preview-badge{width:34px;height:34px;border-radius:999px;border:2px solid #111;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}
.label-preview-section{display:grid;gap:8px}
.label-preview-section-title{color:#111;font-size:12px;font-weight:900;letter-spacing:.02em}
.label-preview-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.label-preview-mini-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:8px;background:#1d2435;color:#fff;font-size:11px;font-weight:800}
.label-preview-name{color:#111;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.label-preview-phone{color:#111;font-size:14px;font-weight:700}
.label-preview-address{color:#111;line-height:1.45;font-weight:700}
.label-preview-divider{height:1px;border-top:1px dashed #cad4e2;margin:10px 0}
.label-preview-cargo-wrap{display:grid;gap:8px}
.label-preview-cargo{color:#111;font-size:14px;font-weight:900;line-height:1.4;text-transform:uppercase}
.label-preview-cargo-logo{width:34px;height:28px;border-radius:10px;background:#edf5ff;border:1px solid #dce4ef;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.08em}
.label-preview-barcode-lines{display:flex;align-items:flex-end;gap:1px;height:58px;margin:10px auto 6px;justify-content:center;width:100%}
.label-preview-barcode-lines i{display:block;height:100%;background:#111}
.label-preview-barcode-lines i.thin{width:1px;opacity:.35}
.label-preview-barcode-text{text-align:center;color:#111;font-weight:800;letter-spacing:.04em}
.label-preview-products{display:grid;gap:6px;color:#111;font-weight:900;line-height:1.4}
.label-preview-tracking{text-align:center;color:#111;font-size:14px;font-weight:800;letter-spacing:.04em}
.label-preview-warning-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px dashed #cad4e2;padding-top:10px}
.label-preview-warning-item{display:grid;justify-items:center;gap:6px;padding:0 8px;border-right:1px solid #edf2f6}
.label-preview-warning-item:last-child{border-right:0}
.label-preview-warning-item span{font-size:24px;line-height:1;color:#111}
.label-preview-warning-item small{font-size:11px;line-height:1.3;color:#111;text-align:center;font-weight:700}
.label-preview-note{text-align:center;color:#7b8798;font-size:12px;font-weight:800}
.gift-card-board{display:grid;gap:18px;font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif}
.gift-card-topnav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gift-card-chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid #dfe6ef;color:#68778d;font-size:14px;font-weight:900}
.gift-card-chip.active{background:#f96807;border-color:#f96807;color:#fff}
.gift-card-chip.soft{background:#f4f7fb;color:#50617d}
.gift-card-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}
.gift-card-panel,.gift-card-orders{display:grid;gap:20px;background:#fff;border:1px solid #e3e9f1;border-radius:26px;padding:24px;box-shadow:0 18px 38px rgba(15,23,42,.05)}
.gift-card-head h1,.gift-card-orders-head h2{margin:0;color:#172033;font-size:28px;font-weight:900;letter-spacing:-.05em}
.gift-card-head p,.gift-card-orders-head p{margin:8px 0 0;color:#79869b;font-size:14px;line-height:1.6;font-weight:700}
.gift-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gift-card-preview-panel{align-self:start;display:grid;gap:12px;background:#fff;border:1px solid #e3e9f1;border-radius:26px;padding:18px;box-shadow:0 18px 38px rgba(15,23,42,.05)}
.gift-card-preview{position:relative;display:grid;align-content:start;gap:16px;min-height:420px;border-radius:28px;padding:28px;border:1px solid #ece5db;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.gift-card-preview.size-100x100{min-height:320px}
.gift-card-preview.size-A4{min-height:560px}
.gift-card-preview.theme-warm{background:linear-gradient(180deg,#fffaf4 0%,#fff4e6 100%)}
.gift-card-preview.theme-lilac{background:linear-gradient(180deg,#fbf8ff 0%,#f1eaff 100%)}
.gift-card-preview.theme-mint{background:linear-gradient(180deg,#f8fffb 0%,#eafaf1 100%)}
.gift-card-preview-icon{font-size:28px;line-height:1}
.gift-card-preview-store{color:#7f8ca3;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.gift-card-preview-heading{color:#1a233a;font-weight:900;line-height:1.08;letter-spacing:-.04em}
.gift-card-preview-body{color:#2c3750;line-height:1.8;font-weight:700;white-space:pre-line}
.gift-card-preview-footer{margin-top:auto;color:#7b8798;font-weight:900}
.gift-card-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.gift-card-orders-actions{display:flex;gap:10px;flex-wrap:wrap}
.gift-card-order-list{display:grid;gap:12px}
.gift-card-order-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e5ebf2;border-radius:18px;background:#fbfcfe}
.gift-card-order-copy{display:grid;gap:4px;min-width:0}
.gift-card-order-copy strong{color:#16233b;font-size:18px;font-weight:900}
.gift-card-order-copy span,.gift-card-order-copy em{color:#70809a;font-size:13px;font-style:normal;font-weight:700}
.gift-card-order-check{align-self:center}
.gift-card-empty{padding:28px;border:1px dashed #d8e1ec;border-radius:20px;color:#70809a;font-size:15px;font-weight:800;text-align:center;background:#fafcff}

@media (max-width: 1320px){
  .label-print-layout{grid-template-columns:1fr}
  .label-print-side{border-right:0;border-bottom:1px solid #edf1f6}
}
@media (max-width: 1080px){
  .label-settings-layout{grid-template-columns:1fr}
  .gift-card-layout{grid-template-columns:1fr}
  .gift-card-grid{grid-template-columns:1fr}
  .finance-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .gift-card-orders-head{flex-direction:column;align-items:stretch}
  .gift-card-orders-actions{display:grid;grid-template-columns:1fr}
  .gift-card-order-row{grid-template-columns:34px minmax(0,1fr)}
  .gift-card-order-row .orders-print-btn{grid-column:1 / -1;width:100%;justify-content:center}
  body .orders-action-bar{justify-content:stretch}
  body .orders-bulk-btn{flex:1 1 220px}
  .label-print-modal{padding:12px}
  .label-settings-select-grid,
  .label-slider-group.compact,
  .label-option-grid{grid-template-columns:1fr 1fr}
  .label-warning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .label-preview-sheet.size-A4,.label-preview-sheet.size-A6,.label-preview-sheet{width:min(100%,320px);min-height:520px}
  .finance-topbar,.finance-custom-row{align-items:stretch}
  .finance-range-pills,.finance-range-pill,.finance-custom-row button{width:100%;justify-content:center}
}
@media print{
  body *{visibility:hidden!important}
  .label-print-modal,.label-print-modal *{visibility:visible!important}
  .label-print-modal{position:absolute;inset:0;background:#fff;padding:0}
  .label-print-dialog{box-shadow:none;border:0;border-radius:0;width:100%;max-height:none}
  .label-modal-close,.label-print-side{display:none!important}
  .label-print-layout{display:block}
  .label-print-preview-wrap{padding:0}
  .label-settings-panel{padding:16px}
  .label-settings-select-grid,
  .label-slider-group.compact,
  .label-option-grid{grid-template-columns:1fr}
  .label-warning-grid{grid-template-columns:1fr 1fr}
  .label-preview-sheet{margin:0 auto;transform:scale(.94);transform-origin:top center}
}

/* Live finance v2 */
.live-finance-board,
.finance-dashboard{
  display:grid;
  gap:18px;
  font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
}
.live-finance-statusbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.live-finance-pill{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid #e4e9f1;
  background:#fff;
  color:#1b2538;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}
.live-finance-pill-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.5);
  animation:livePulse 1.8s infinite;
}
.live-finance-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
}
.live-finance-hero,
.finance-hero-card{
  background:#fff;
  border:1px solid #e7edf4;
  border-radius:26px;
  box-shadow:0 18px 34px rgba(15,23,42,.05);
}
.live-finance-hero{
  padding:24px 24px 20px;
}
.live-finance-hero-head,
.finance-hero-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.live-finance-kicker,
.finance-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#fff3ea;
  color:#f06a0a;
  font-size:12px;
  font-weight:800;
}
.live-finance-hero h1,
.finance-hero-head h1{
  margin:10px 0 0;
  color:#172033;
  font-size:38px;
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:900;
}
.live-finance-meta,
.finance-hero-meta{
  display:grid;
  justify-items:end;
  gap:10px;
}
.live-finance-sync,
.finance-status-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe5ef;
  color:#67758a;
  font-size:13px;
  font-weight:800;
}
.live-finance-sync.is-connected,
.finance-status-pill.is-live{
  background:#f6fff9;
  border-color:#c9edd7;
  color:#167d48;
}
.live-finance-sync .dot,
.finance-status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22c55e;
}
.live-finance-updated,
.finance-last-sync{
  color:#68768a;
  font-size:13px;
  font-weight:800;
}
.live-finance-updated strong,
.finance-last-sync strong{
  color:#1b2538;
}
.live-finance-refresh,
.finance-primary-action,
.finance-export-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid #214d95;
  background:#214d95;
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 14px 24px rgba(33,77,149,.18);
}
.live-finance-total,
.finance-hero-total{
  margin-top:18px;
  color:#182132;
  font-size:66px;
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:900;
}
.live-finance-subtitle,
.finance-hero-copy{
  margin:10px 0 0;
  color:#738096;
  font-size:15px;
  line-height:1.65;
  font-weight:700;
  max-width:680px;
}
.live-finance-chart,
.finance-hero-chart{
  margin-top:18px;
  height:310px;
}
.live-finance-chart svg,
.finance-hero-chart svg{
  width:100%;
  height:100%;
}
.live-finance-grid,
.finance-chart-grid{
  stroke:#e8eef5;
  stroke-width:1;
  stroke-dasharray:6 10;
}
.live-finance-line,
.finance-chart-line{
  fill:none;
  stroke:#18b65a;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.live-finance-point,
.finance-chart-point{
  fill:#fff;
  stroke:#18b65a;
  stroke-width:3;
}
.live-finance-axis,
.finance-chart-label{
  fill:#7d8aa0;
  font-size:12px;
  font-weight:800;
}
.live-finance-kpis,
.finance-hero-side{
  display:grid;
  gap:16px;
}
.live-finance-kpi,
.finance-side-card{
  position:relative;
  overflow:hidden;
  min-height:156px;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 16px 30px rgba(15,23,42,.06);
}
.live-finance-kpi::after,
.finance-side-card::after{
  content:"";
  position:absolute;
  right:-12px;
  top:-12px;
  width:120px;
  height:120px;
  border-radius:32px;
  background:rgba(255,255,255,.16);
  transform:rotate(12deg);
}
.live-finance-kpi.tone-green,
.finance-side-card.is-green{background:linear-gradient(180deg,#50d819 0%,#42c915 100%);color:#16351b}
.live-finance-kpi.tone-blue,
.finance-side-card.is-blue{background:linear-gradient(180deg,#76d4ef 0%,#67cceb 100%);color:#143346}
.live-finance-kpi.tone-amber,
.finance-side-card.is-amber{background:linear-gradient(180deg,#ffbe71 0%,#ffac56 100%);color:#552902}
.live-finance-kpi-icon,
.finance-side-card-icon,
.live-finance-kpi-title,
.finance-side-card-title,
.live-finance-kpi-value,
.finance-side-card-value,
.live-finance-kpi p,
.finance-side-card p{
  position:relative;
  z-index:1;
}
.live-finance-kpi-icon,
.finance-side-card-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:900;
}
.live-finance-kpi-title,
.finance-side-card-title{
  margin-top:16px;
  font-size:14px;
  font-weight:800;
}
.live-finance-kpi-value,
.finance-side-card-value{
  margin-top:12px;
  font-size:32px;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}
.live-finance-kpi p,
.finance-side-card p{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  opacity:.94;
}

/* Finance page v2 */
.finance-dashboard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.finance-pill-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.finance-pill-tab{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  min-width:130px;
  min-height:56px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid #e4e9f1;
  background:#fff;
  color:#6f7d92;
  text-decoration:none;
  box-shadow:0 14px 28px rgba(15,23,42,.04);
}
.finance-pill-tab span{
  font-size:12px;
  font-weight:800;
}
.finance-pill-tab strong{
  color:#1b2538;
  font-size:14px;
  font-weight:900;
}
.finance-pill-tab.is-active{
  background:#f56b09;
  border-color:#f56b09;
}
.finance-pill-tab.is-active span,
.finance-pill-tab.is-active strong{
  color:#fff;
}
.finance-head-actions{display:flex;align-items:center;gap:10px}
.finance-refresh-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#6b7a90;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.finance-date-summary{
  display:flex;
  align-items:center;
  gap:10px;
  color:#607089;
  font-size:14px;
  font-weight:800;
}
.finance-date-summary-icon{
  width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d7e0eb;
  color:#7d8aa0;
  font-size:11px;
}
.finance-availability-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid #dfe8f2;
  background:#f8fbff;
  color:#617086;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}
.finance-availability-note strong{color:#253349}
.finance-availability-note-icon{
  width:22px;
  height:22px;
  border-radius:999px;
  border:1px solid #c9d7e8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#6e7d92;
  flex:0 0 auto;
}
.finance-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 286px;
  gap:18px;
}
.finance-hero-card{padding:24px}
.finance-export-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:22px 24px;
  border-radius:24px;
  background:linear-gradient(135deg,#edf7ff 0%,#f6f9ff 100%);
  border:1px solid #dbe6f3;
  box-shadow:0 16px 28px rgba(15,23,42,.04);
}
.finance-export-title{
  color:#172033;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:900;
}
.finance-export-band p{
  margin:8px 0 0;
  color:#6d7b90;
  font-size:14px;
  line-height:1.65;
  font-weight:700;
  max-width:640px;
}
.finance-breakdown-card{
  padding:20px 24px;
  border-radius:24px;
  border:1px solid #e4e9f1;
  background:#fff;
  box-shadow:0 16px 28px rgba(15,23,42,.04);
}
.finance-breakdown-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.finance-breakdown-head h2{
  margin:0;
  color:#172033;
  font-size:24px;
  letter-spacing:-.03em;
  font-weight:900;
}
.finance-breakdown-head span{
  color:#7a879c;
  font-size:13px;
  font-weight:800;
}
.finance-breakdown-list{
  margin-top:10px;
  display:grid;
}
.finance-breakdown-list div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:56px;
  border-bottom:1px solid #edf2f7;
}
.finance-breakdown-list div:last-child{border-bottom:0}
.finance-breakdown-list span{
  color:#67768b;
  font-size:15px;
  font-weight:700;
}
.finance-breakdown-list strong{
  color:#172033;
  font-size:16px;
  font-weight:900;
}
.finance-breakdown-list .is-total span,
.finance-breakdown-list .is-total strong{
  font-size:18px;
}

@media (max-width: 1240px){
  .live-finance-layout,
  .finance-hero-layout{
    grid-template-columns:1fr;
  }
  .live-finance-kpis,
  .finance-hero-side{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 920px){
  .live-finance-meta,
  .finance-hero-meta{
    width:100%;
    justify-items:start;
  }
  .live-finance-hero h1,
  .finance-hero-head h1{
    font-size:30px;
  }
  .live-finance-total,
  .finance-hero-total{
    font-size:50px;
  }
  .live-finance-kpis,
  .finance-hero-side{
    grid-template-columns:1fr;
  }
  .finance-export-band,
  .finance-dashboard-head{
    align-items:stretch;
  }
}
@media (max-width: 680px){
  .live-finance-hero,
  .finance-hero-card,
  .finance-breakdown-card,
  .finance-export-band{
    padding:18px;
    border-radius:20px;
  }
  .live-finance-chart,
  .finance-hero-chart{
    height:250px;
  }
  .live-finance-pill,
  .finance-pill-tab,
  .finance-primary-action,
  .finance-export-button{
    width:100%;
    justify-content:center;
  }
  .finance-pill-tab{
    min-width:unset;
  }
}

/* Commission tariffs */
.commission-page{
  display:grid;
  gap:18px;
  font-family:"Poppins","Plus Jakarta Sans",system-ui,sans-serif;
}
.commission-page *{
  font-family:"Poppins","Plus Jakarta Sans",system-ui,sans-serif;
}

/* Finance reference redesign */
.finance-reference,
.finance-reference *{
  font-family:"Poppins","Plus Jakarta Sans",system-ui,sans-serif;
}
.finance-reference{
  display:grid;
  gap:16px;
  min-width:0;
}
.finance-reference-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  min-width:0;
}
.finance-reference-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.finance-reference-tab,
.finance-reference-refresh{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  min-width:0;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #222f43;
  background:#fff;
  color:#172033;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
.finance-reference-tab.is-active{
  background:#f56c0a;
  border-color:#f56c0a;
  color:#fff;
}
.finance-reference-refresh{
  gap:7px;
  border-color:transparent;
  padding:0 6px;
  color:#77849a;
}
.finance-reference-export{
  display:grid;
  justify-items:end;
  gap:5px;
}
.finance-reference-export-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid #cfe8cb;
  background:linear-gradient(180deg,#f4fff0 0%,#e7f7df 100%);
  color:#3b7f3f;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(115,181,100,.08);
}
.finance-reference-export span{
  color:#91a08d;
  font-size:11px;
  font-weight:500;
}
.finance-reference-custom{
  display:flex;
  align-items:end;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 16px;
  border:1px solid #e3e8ef;
  background:#fff;
  border-radius:16px;
}
.finance-reference-custom label{
  display:grid;
  gap:6px;
}
.finance-reference-custom span{
  color:#7f8ca1;
  font-size:11px;
  font-weight:600;
}
.finance-reference-custom input{
  width:170px;
  height:38px;
  border:1px solid #dde4ee;
  border-radius:10px;
  padding:0 12px;
  color:#172033;
  font-size:13px;
}
.finance-reference-custom button{
  height:38px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid #1f2f47;
  background:#fff;
  color:#172033;
  font-size:13px;
  font-weight:600;
}
.finance-reference-period{
  display:flex;
  align-items:center;
  gap:8px;
  color:#728096;
  font-size:12px;
  font-weight:600;
}
.finance-reference-period-icon{
  color:#71839b;
  font-size:14px;
}
.finance-reference-note{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:12px;
  padding:14px 16px;
  border:1px solid #e4eaf2;
  border-radius:14px;
  background:#fbfdff;
  color:#7a879a;
}
.finance-reference-note strong{
  display:block;
  color:#7a879a;
  font-size:12px;
  font-weight:500;
}
.finance-reference-note span{
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:500;
}
.finance-reference-note-icon{
  width:22px;
  height:22px;
  border:1px solid #cfd8e6;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7f8ea4;
  font-size:12px;
  font-weight:700;
}
.finance-reference-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.finance-reference-card{
  padding:14px 16px;
  background:#fff;
  border:1px solid #e5ebf3;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(15,23,42,.04);
}
.finance-reference-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  color:#75839a;
  font-size:13px;
  font-weight:500;
}
.finance-reference-card-icon{
  width:22px;
  height:22px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
}
.finance-reference-card-icon.tone-orange{background:#fff0e8;color:#f57b18}
.finance-reference-card-icon.tone-green{background:#ebfff3;color:#1aa854}
.finance-reference-card-icon.tone-mint{background:#eefaf4;color:#22b16b}
.finance-reference-card-icon.tone-amber{background:#fff7e7;color:#f2a124}
.finance-reference-card-icon.tone-blue{background:#edf4ff;color:#5087ff}
.finance-reference-card-icon.tone-violet{background:#f5efff;color:#9b67ff}
.finance-reference-card strong{
  display:block;
  margin-top:12px;
  color:#172033;
  font-size:34px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
}
.finance-reference-card strong.is-green{color:#1fb354}
.finance-reference-card strong.is-danger{color:#ff4966}
.finance-reference-card p{
  margin:10px 0 0;
  color:#8a96a9;
  font-size:12px;
  line-height:1.45;
  font-weight:500;
}
.finance-reference-empty-note,
.finance-reference-summary-note{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7d8898;
  font-size:12px;
  font-weight:500;
}
.finance-reference-panel{
  background:#fff;
  border:1px solid #e4eaf2;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}
.finance-reference-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 10px;
}
.finance-reference-panel-head h2{
  margin:0;
  color:#172033;
  font-size:14px;
  font-weight:700;
}
.finance-reference-list{
  display:grid;
  padding:0 16px 14px;
}
.finance-reference-list div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  min-height:40px;
  border-top:1px solid #eef2f6;
}
.finance-reference-list span{
  color:#7b8798;
  font-size:13px;
  font-weight:500;
}
.finance-reference-list strong{
  color:#172033;
  font-size:13px;
  font-weight:600;
}
.finance-reference-list em{
  color:#a0acbd;
  font-style:normal;
  font-size:12px;
  font-weight:500;
}
.finance-reference-list .is-total span,
.finance-reference-list .is-total strong{
  color:#172033;
  font-weight:700;
}
.finance-reference-table-wrap{
  overflow:auto;
}
.finance-reference-table{
  width:100%;
  border-collapse:collapse;
}
.finance-reference-table th,
.finance-reference-table td{
  padding:10px 14px;
  border-top:1px solid #edf1f6;
  text-align:left;
}
.finance-reference-table th{
  color:#738095;
  font-size:12px;
  font-weight:600;
  background:#fff;
}
.finance-reference-table td{
  color:#364154;
  font-size:12px;
  font-weight:500;
}
.finance-reference-table td.is-profit,
.finance-reference-table tfoot td.is-profit{
  color:#14a54a;
  font-weight:700;
}
.finance-reference-table tfoot td{
  color:#172033;
  font-size:12px;
  font-weight:700;
  background:#fafcfe;
}
.finance-reference-table.is-compact td,
.finance-reference-table.is-compact th{
  padding-top:11px;
  padding-bottom:11px;
}

@media (max-width: 1200px){
  .finance-reference-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 860px){
  .finance-reference-topbar,
  .finance-reference-tabs,
  .finance-reference-custom{
    align-items:stretch;
  }
  .finance-reference-export{
    justify-items:stretch;
    width:100%;
  }
  .finance-reference-export-btn,
  .finance-reference-tab,
  .finance-reference-custom button{
    width:100%;
  }
  .finance-reference-cards{
    grid-template-columns:1fr;
  }
  .finance-reference-list div{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .finance-reference-list em{
    display:none;
  }
}
@media (max-width: 640px){
  .finance-reference{
    gap:12px;
  }
  .finance-reference-tabs{
    gap:7px;
  }
  .finance-reference-tab,
  .finance-reference-refresh{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
  }
  .finance-reference-refresh{
    gap:6px;
    padding:0 10px;
  }
  .finance-reference-export-btn{
    min-height:38px;
    padding:0 14px;
    border-radius:12px;
    font-size:12px;
    font-weight:700;
  }
  .finance-reference-export span{
    display:none;
  }
  .finance-reference-period{
    gap:6px;
    font-size:12px;
    line-height:1.45;
  }
  .finance-reference-note{
    grid-template-columns:18px minmax(0,1fr);
    gap:10px;
    padding:12px;
    border-radius:14px;
  }
  .finance-reference-note strong,
  .finance-reference-note span{
    font-size:11px;
    line-height:1.55;
  }
  .finance-reference-note-icon{
    width:18px;
    height:18px;
    font-size:10px;
  }
  .finance-reference-card{
    padding:12px 13px;
    border-radius:14px;
  }
  .finance-reference-card-head{
    gap:8px;
    font-size:12px;
  }
  .finance-reference-card-icon{
    width:20px;
    height:20px;
    border-radius:7px;
    font-size:11px;
  }
  .finance-reference-card strong{
    margin-top:10px;
    font-size:23px;
    line-height:1.08;
    letter-spacing:-.03em;
  }
  .finance-reference-card p{
    margin-top:8px;
    font-size:11px;
    line-height:1.45;
  }
  .finance-reference-empty-note,
  .finance-reference-summary-note{
    align-items:flex-start;
    font-size:11px;
    line-height:1.5;
  }
  .finance-reference-panel{
    border-radius:14px;
  }
  .finance-reference-panel-head{
    padding:14px 13px 8px;
  }
  .finance-reference-panel-head h2{
    font-size:13px;
  }
  .finance-reference-list{
    padding:0 13px 12px;
  }
  .finance-reference-list div{
    gap:10px;
    padding:10px 0;
  }
  .finance-reference-list span,
  .finance-reference-list strong{
    font-size:12px;
  }
  .finance-reference-table-wrap{
    -webkit-overflow-scrolling:touch;
    overflow-x:auto;
    margin:0 -10px;
    padding:0 10px 8px;
  }
  .finance-reference-table{
    min-width:500px;
  }
  .finance-reference-table th,
  .finance-reference-table td{
    padding:8px 7px;
    font-size:9.5px;
    white-space:nowrap;
  }
}
@media (max-width: 520px){
  .finance-reference-topbar{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .finance-reference-tabs{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .finance-reference{
    gap:10px;
  }
  .finance-reference-tab,
  .finance-reference-refresh,
  .finance-reference-export-btn,
  .finance-reference-custom button{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    font-size:11px;
    line-height:1;
  }
  .finance-reference-custom{
    gap:10px;
    padding:12px;
  }
  .finance-reference-custom input{
    width:100%;
    height:36px;
    font-size:12px;
  }
  .finance-reference-period{
    font-size:11px;
  }
  .finance-reference-cards{
    gap:10px;
  }
  .finance-reference-card{
    padding:11px 12px;
  }
  .finance-reference-card-head{
    font-size:11px;
  }
  .finance-reference-card strong{
    font-size:18px;
  }
  .finance-reference-card p{
    font-size:10px;
  }
  .finance-reference-list span,
  .finance-reference-list strong,
  .finance-reference-list em{
    font-size:11px;
  }
  .finance-reference-table-wrap{
    margin:0 -8px;
    padding:0 8px 8px;
  }
  .finance-reference-table{
    min-width:460px;
  }
  .finance-reference-table th,
  .finance-reference-table td{
    padding:7px 6px;
    font-size:9px;
  }
}
.commission-upload-screen,
.commission-analysis-screen{
  display:grid;
  gap:14px;
}
.commission-upload-screen{
  padding:18px 18px 20px;
  background:#fff;
  border:1px solid #e4e9f1;
  border-radius:18px;
  box-shadow:0 10px 22px rgba(15,23,42,.035);
}
.commission-upload-header h1{
  margin:0;
  color:#172033;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:600;
}
.commission-upload-header p{
  margin:5px 0 0;
  color:#6d7b90;
  font-size:13px;
  line-height:1.5;
  font-weight:500;
}
.commission-upload-dropzone{
  width:100%;
  min-height:180px;
  border-radius:18px;
  border:1.5px dashed #d7e2f0;
  background:#fbfcff;
  display:grid;
  place-items:center;
  text-align:center;
  gap:8px;
  color:#6b7a8f;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.commission-upload-dropzone.is-dragging{
  border-color:#f56b09;
  background:#fff8f1;
}
.commission-upload-dropzone strong{
  color:#1b2538;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:600;
}
.commission-upload-dropzone span:last-child{
  font-size:14px;
  font-weight:500;
}
.commission-upload-icon{
  font-size:36px;
  line-height:1;
  color:#6c7890;
}
.commission-upload-info{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid #dfe7f1;
  box-shadow:0 6px 16px rgba(15,23,42,.03);
  color:#617086;
  font-size:13px;
  line-height:1.45;
  font-weight:500;
}
.commission-upload-info-icon{
  width:20px;
  height:20px;
  border-radius:999px;
  border:1px solid #cdd9e8;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  color:#6b7b90;
}
.commission-upload-screen-plus{
  margin-top:6px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.commission-plus-brandline{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.commission-plus-brandline h1{
  margin:0;
}
.commission-plus-wordmark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff2f92;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  text-transform:lowercase;
}
.commission-upload-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eef6ff;
  border:1px solid #cfe0f7;
  color:#2b5c9a;
  font-size:11px;
  font-weight:700;
  width:max-content;
  margin-bottom:4px;
}
.commission-upload-dropzone-static{
  cursor:default;
  opacity:.96;
}
.commission-upload-screen-plus .commission-upload-dropzone-static{
  display:none !important;
  visibility:hidden;
  height:0;
  min-height:0;
  padding:0;
  border:0;
  margin:0;
  overflow:hidden;
}
.commission-upload-screen-plus > .commission-upload-icon{
  display:none;
}
.commission-analysis-screen-plus{
  margin-top:18px;
}
.commission-analysis-screen{
  background:#fff;
  border:1px solid #e4e9f1;
  border-radius:18px;
  box-shadow:0 10px 22px rgba(15,23,42,.035);
  overflow:hidden;
}
.commission-analysis-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid #e9eef5;
}
.commission-analysis-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.commission-analysis-count{
  color:#1b2538;
  font-size:12px;
  font-weight:500;
}
.commission-analysis-file{
  color:#708099;
  font-size:12px;
  font-weight:500;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.commission-analysis-period{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#edf4ff;
  color:#3860ad;
  font-size:11px;
  font-weight:500;
}
.commission-analysis-range-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.commission-analysis-range-label{
  color:#6f7d92;
  font-size:12px;
  font-weight:500;
}
.commission-range-tab,
.commission-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid #23334d;
  background:#fff;
  color:#172033;
  font-size:12px;
  font-weight:500;
  text-decoration:none;
}
.commission-range-tab.is-active{
  background:#172033;
  color:#fff;
  border-color:#172033;
}
.commission-analysis-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.commission-action-btn.is-primary{
  background:#f56b09;
  border-color:#f56b09;
  color:#fff;
}
.commission-table-wrap{
  overflow:auto;
}
.commission-table{
  width:100%;
  border-collapse:collapse;
  min-width:1340px;
}
.commission-table th{
  padding:10px 8px;
  background:#f8fafc;
  border-bottom:1px solid #e8edf4;
  border-right:1px solid #edf2f7;
  color:#718096;
  font-size:12px;
  font-weight:500;
  text-align:left;
}
.commission-table td{
  vertical-align:top;
  padding:8px 6px;
  border-bottom:1px solid #edf2f7;
  border-right:1px solid #edf2f7;
}
.commission-table th:last-child,
.commission-table td:last-child{border-right:0}
.commission-product-card{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:300px;
}
.commission-product-image-wrap{
  width:62px;
  height:62px;
  border-radius:10px;
  overflow:hidden;
  background:#f3f5f8;
  border:1px solid #e5ebf2;
}
.commission-product-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.commission-product-image-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#93a0b4;
  font-size:18px;
  font-weight:900;
}
.commission-product-copy{display:grid;gap:4px}
.commission-product-copy strong{
  color:#172033;
  font-size:13px;
  line-height:1.34;
  font-weight:600;
}
.commission-product-copy span{
  color:#7a889d;
  font-size:10px;
  font-weight:500;
}
.commission-product-copy em{
  color:#23ae61;
  font-size:10px;
  font-weight:700;
  font-style:normal;
}
.commission-select-btn.is-saving,
.commission-manual-save.is-saving{
  opacity:.72;
  pointer-events:none;
}
.commission-stock-col,
.commission-current-col{
  white-space:nowrap;
}
.commission-stock-col{
  color:#172033;
  font-size:15px;
  font-weight:500;
  padding-top:26px!important;
}
.commission-current-col strong{
  display:block;
  color:#172033;
  font-size:14px;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:600;
  margin-top:10px;
}
.commission-current-col span{
  display:block;
  margin-top:5px;
  color:#7b879b;
  font-size:11px;
  font-weight:500;
}
.commission-range-col{
  min-width:128px;
  padding:8px!important;
}
.commission-range-col.is-selected{
  background:#f5fff8;
}
.commission-range-note{
  color:#8592a6;
  font-size:10px;
  font-weight:500;
  min-height:14px;
}
.commission-range-price{
  margin-top:5px;
  color:#172033;
  font-size:15px;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:600;
}
.commission-range-rate{
  margin-top:5px;
  color:#728096;
  font-size:11px;
  font-weight:500;
}
.commission-range-profit{
  margin-top:6px;
  color:#10a954;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.02em;
}
.commission-select-btn{
  margin-top:8px;
  width:100%;
  min-height:28px;
  border-radius:999px;
  border:1px solid #dbe3ee;
  background:#fff;
  color:#415267;
  font-size:11px;
  font-weight:500;
}
.commission-select-btn.is-selected{
  background:#dff8e7;
  border-color:#b3e7c3;
  color:#0f8d46;
}
.commission-range-empty{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#adb9c8;
  font-size:14px;
}
.commission-manual-col{
  min-width:166px;
  width:166px;
}
.commission-manual-form{
  display:grid;
  gap:6px;
  min-width:0;
  width:100%;
}
.commission-manual-form input{
  width:100%;
  min-width:0;
  max-width:100%;
  height:32px;
  border-radius:8px;
  border:1px solid #dfe5ee;
  padding:0 12px;
  font-size:12px;
  font-weight:500;
  color:#172033;
}
.commission-offer-select{
  width:100%;
  min-width:0;
  max-width:100%;
  height:30px;
  margin-top:6px;
  border-radius:10px;
  border:1px solid #dfe5ee;
  padding:0 10px;
  font-size:11px;
  font-weight:500;
  color:#22324c;
  background:#fff;
}
.commission-manual-save{
  width:100%;
  min-width:0;
  min-height:28px;
  border-radius:10px;
  border:1px solid #dfe5ee;
  background:#fff;
  color:#22324c;
  font-size:11px;
  font-weight:500;
}
.commission-manual-meta{
  display:grid;
  gap:4px;
  margin-top:8px;
}
.commission-manual-meta strong{
  color:#172033;
  font-size:13px;
  font-weight:600;
}
.commission-manual-meta span{
  color:#7d8a9f;
  font-size:11px;
  font-weight:500;
}
@media (max-width: 1200px){
  .commission-analysis-topbar{
    grid-template-columns:1fr;
    align-items:start;
  }
}
@media (max-width: 860px){
  .commission-upload-header h1{font-size:20px}
  .commission-upload-dropzone strong{font-size:16px}
  .commission-upload-dropzone span:last-child{font-size:13px}
}
.reports-page,
.reports-page *{
  font-family:"Poppins","Segoe UI",sans-serif;
}
.reports-page{
  display:grid;
  gap:20px;
  color:#1f2a3d;
}
.reports-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr) 64px;
  gap:18px;
  align-items:center;
  padding:18px 22px;
  border:1px solid #e5e8ee;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.04);
}
.reports-toolbar-group{
  display:flex;
  align-items:center;
  gap:14px;
}
.reports-toolbar-select label{
  font-size:17px;
  font-weight:500;
  color:#2a2530;
  white-space:nowrap;
}
.reports-toolbar select,
.reports-toolbar input[type="date"]{
  height:50px;
  border:1px solid #d7dbe3;
  border-radius:17px;
  background:#fff;
  color:#2a2f3b;
  font-size:15px;
  font-weight:400;
  padding:0 18px;
}
.reports-toolbar-select select{
  flex:1;
}
.reports-toolbar-range{
  justify-content:space-between;
  padding:0 4px;
}
.reports-toolbar-datebox{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
.reports-toolbar-range input[type="date"]{
  flex:1;
  min-width:0;
}
.reports-toolbar-range span{
  color:#7d8390;
  font-size:15px;
  font-weight:400;
}
.reports-toolbar-refresh{
  width:50px;
  height:50px;
  border:0;
  border-radius:16px;
  background:#ff7f61;
  color:#fff;
  font-size:22px;
  line-height:1;
  box-shadow:0 10px 20px rgba(255,127,97,.22);
}
.reports-board{
  border:1px solid #eadfd9;
  border-radius:22px;
  overflow:hidden;
  background:#fff6f3;
  box-shadow:0 12px 28px rgba(15,23,42,.04);
}
.reports-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px;
  background:#ff826b;
  color:#2b1915;
}
.reports-board-head h1{
  margin:0;
  font-size:20px;
  line-height:1.25;
  font-weight:500;
}
.reports-board-head p{
  margin:8px 0 0;
  color:rgba(43,25,21,.76);
  font-size:13px;
  font-weight:400;
}
.reports-subbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 24px 16px;
  background:#ffd0c6;
}
.reports-subbar-fade{
  flex:1;
  min-height:1px;
}
.reports-export-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 20px;
  border-radius:14px;
  background:linear-gradient(180deg,#41d95a,#18bf3e);
  color:#17351e;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  box-shadow:0 10px 20px rgba(50,181,90,.18);
}
.reports-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:18px 18px 0;
}
.reports-kpi-card{
  padding:16px 18px;
  border-radius:16px;
  background:#fff;
  border:1px solid #f0d7cf;
}
.reports-kpi-card span{
  display:block;
  color:#7d6f6c;
  font-size:13px;
  font-weight:400;
}
.reports-kpi-card strong{
  display:block;
  margin-top:10px;
  color:#1d293a;
  font-size:24px;
  line-height:1.1;
  font-weight:500;
}
.reports-kpi-card strong.is-loss{
  color:#ef4f3b;
}
.reports-table-wrap{
  padding:0 0 8px;
  overflow:auto;
}
.reports-table{
  width:100%;
  border-collapse:collapse;
  min-width:980px;
  background:#fff;
}
.reports-table thead th{
  padding:16px 14px;
  background:#ffd6cd;
  border-bottom:1px solid #f1b7ab;
  color:#3a241f;
  font-size:14px;
  font-weight:500;
  text-align:left;
}
.reports-table tbody td{
  padding:16px 14px;
  border-bottom:1px solid #f4ddd6;
  color:#403838;
  font-size:14px;
  font-weight:400;
  vertical-align:middle;
}
.reports-table tbody tr:last-child td{
  border-bottom:0;
}
.reports-order-cell,
.reports-product-cell{
  display:flex;
  align-items:center;
  gap:12px;
}
.reports-order-cell div,
.reports-product-cell div{
  display:grid;
  gap:4px;
}
.reports-order-cell strong,
.reports-product-cell strong{
  color:#2a2424;
  font-size:15px;
  font-weight:500;
}
.reports-order-cell span,
.reports-product-cell span{
  color:#8d7a77;
  font-size:12px;
  font-weight:400;
}
.reports-thumb{
  width:48px;
  height:48px;
  border-radius:12px;
  object-fit:cover;
  flex:0 0 48px;
  border:1px solid #eed8d2;
}
.reports-thumb-button{
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
}
.reports-thumb-button:hover .reports-thumb{
  transform:scale(1.04);
  box-shadow:0 10px 20px rgba(15,23,42,.12);
}
.reports-thumb-product{
  width:58px;
  height:58px;
  flex-basis:58px;
}
.reports-thumb.is-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f6ebe7;
  color:#9c807a;
  font-size:15px;
  font-weight:600;
}
.reports-thumb,
.reports-thumb-product{
  transition:transform .18s ease, box-shadow .18s ease;
}
.reports-table .is-revenue,
.reports-table .is-sales{
  color:#1bb14a;
  font-weight:500;
}
.reports-table .is-profit{
  color:#15b432;
  font-weight:500;
}
.reports-table .is-loss{
  color:#f04d39;
  font-weight:500;
}
.reports-pagination{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
  padding:0 18px 18px;
}
.reports-page-link{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #efc7bd;
  color:#5d4a47;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  background:#fff;
}
.reports-page-link.is-active{
  background:#ff826b;
  border-color:#ff826b;
  color:#fff;
}
.reports-footer-note{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:16px;
  padding:16px 22px 22px;
  color:#7f6f6b;
  font-size:13px;
  font-weight:400;
  background:#fff1ed;
}
.reports-footer-note div{
  display:grid;
  gap:2px;
}
.reports-image-modal[hidden]{
  display:none;
}
.reports-modal-open{
  overflow:hidden;
}
.reports-image-modal{
  position:fixed;
  inset:0;
  z-index:1200;
}
.reports-image-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.5);
}
.reports-image-dialog{
  position:relative;
  z-index:2;
  width:min(92vw, 520px);
  margin:8vh auto 0;
  padding:18px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 48px rgba(15,23,42,.24);
}
.reports-image-dialog img{
  width:100%;
  max-height:72vh;
  object-fit:contain;
  border-radius:16px;
  display:block;
}
.reports-image-caption{
  margin-top:12px;
  color:#5d5655;
  font-size:14px;
  font-weight:400;
}
.reports-image-close{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#2d2524;
  font-size:24px;
  line-height:1;
}
@media (max-width: 1100px){
  .reports-toolbar{
    grid-template-columns:1fr;
  }
  .reports-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .reports-board-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 720px){
  .reports-kpi-grid{
    grid-template-columns:1fr;
  }
  .reports-toolbar-group{
    flex-wrap:wrap;
  }
  .reports-footer-note{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 640px){
  .reports-page{
    gap:14px;
  }
  .reports-toolbar{
    grid-template-columns:1fr;
    gap:12px;
    padding:14px;
    border-radius:18px;
  }
  .reports-toolbar-group{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    min-width:0;
  }
  .reports-toolbar-select{
    min-width:0;
  }
  .reports-toolbar-select label{
    font-size:13px;
    line-height:1.3;
  }
  .reports-toolbar select,
  .reports-toolbar input[type="date"]{
    height:42px;
    border-radius:14px;
    font-size:13px;
    padding:0 14px;
    min-width:0;
    width:100%;
  }
  .reports-toolbar-select select{
    max-width:100%;
    min-width:0;
  }
  .reports-toolbar-range{
    padding:0;
  }
  .reports-toolbar-datebox{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .reports-toolbar-range span{
    display:none;
  }
  .reports-toolbar-refresh{
    width:42px;
    height:42px;
    border-radius:14px;
    font-size:20px;
  }
  .reports-board{
    border-radius:18px;
  }
  .reports-board-head{
    padding:16px 16px 14px;
  }
  .reports-board-head h1{
    font-size:15px;
  }
  .reports-board-head p{
    margin-top:6px;
    font-size:11px;
    line-height:1.5;
  }
  .reports-subbar{
    padding:14px 16px;
    justify-content:flex-end;
  }
  .reports-subbar-fade{
    display:none;
  }
  .reports-export-btn{
    min-height:34px;
    padding:0 14px;
    border-radius:14px;
    font-size:12px;
    font-weight:600;
  }
  .reports-table-wrap{
    padding:0 0 6px;
    overflow:visible;
  }
  .reports-table{
    min-width:0;
    width:100%;
  }
  .reports-table thead{
    display:none;
  }
  .reports-table,
  .reports-table tbody,
  .reports-table tr,
  .reports-table td{
    display:block;
    width:100%;
  }
  .reports-table tbody{
    padding:12px;
  }
  .reports-table tbody tr{
    padding:12px;
    border:1px solid #f2ddd6;
    border-radius:16px;
    background:#fff;
  }
  .reports-table tbody tr + tr{
    margin-top:10px;
  }
  .reports-table tbody td{
    padding:8px 0;
    border:0;
  }
  .reports-table tbody td + td{
    border-top:1px solid #f7e9e4;
  }
  .reports-table tbody td:not(.reports-order-cell):not(.reports-product-cell){
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    font-size:12px;
    line-height:1.45;
  }
  .reports-table tbody td:not(.reports-order-cell):not(.reports-product-cell)::before{
    content:attr(data-label);
    color:#8f7e7a;
    font-size:10px;
    font-weight:600;
    letter-spacing:.02em;
    text-transform:uppercase;
  }
  .reports-order-cell,
  .reports-product-cell{
    gap:10px;
    align-items:flex-start;
  }
  .reports-order-cell strong,
  .reports-product-cell strong{
    font-size:13px;
    line-height:1.45;
    word-break:break-word;
  }
  .reports-order-cell span,
  .reports-product-cell span{
    font-size:11px;
    line-height:1.45;
    word-break:break-word;
  }
  .reports-thumb{
    width:42px;
    height:42px;
    border-radius:10px;
    flex:0 0 42px;
  }
  .reports-thumb-product{
    width:46px;
    height:46px;
    flex-basis:46px;
  }
  .reports-pagination{
    padding:0 12px 12px;
    flex-wrap:wrap;
  }
  .reports-page-link{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:12px;
  }
  .reports-footer-note{
    padding:14px 16px;
    font-size:11px;
    line-height:1.55;
  }
}
@media (max-width: 420px){
  .reports-toolbar{
    padding:12px;
    gap:10px;
  }
  .reports-toolbar-group{
    gap:8px;
  }
  .reports-toolbar-select label{
    font-size:12px;
  }
  .reports-toolbar select,
  .reports-toolbar input[type="date"]{
    height:40px;
    font-size:12px;
    padding:0 12px;
  }
  .reports-board-head{
    padding:14px 14px 12px;
  }
  .reports-subbar{
    padding:12px 14px;
  }
  .reports-export-btn{
    font-size:11px;
    padding:0 12px;
  }
  .reports-table tbody{
    padding:10px;
  }
  .reports-table tbody tr{
    padding:10px;
  }
  .reports-table tbody td:not(.reports-order-cell):not(.reports-product-cell){
    gap:8px;
    font-size:11px;
  }
  .reports-table tbody td:not(.reports-order-cell):not(.reports-product-cell)::before{
    font-size:9px;
  }
}

body .dashboard-wide-container{
  width:min(100% - 32px, 1680px);
}
body .dashboard-shell{
  grid-template-columns:270px minmax(0,1fr);
  gap:24px;
}
body .dashboard-side{
  padding:18px;
  border-radius:30px;
  border:1px solid #eceffc;
  background:rgba(255,255,255,.8);
  box-shadow:0 22px 44px rgba(67,76,118,.06);
}
body .panel-store-card{
  border:1px solid #edf0fc;
  margin-bottom:8px;
  box-shadow:none;
}
body .panel-store-logo-box{
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(180deg,#f5f1ff 0%,#fbfaff 100%);
  border:1px solid #ebe7ff;
}
body .panel-store-name-large{
  font-size:20px;
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.04em;
  color:#18233f;
}
body .panel-trial-badge{
  background:#f4f0ff;
  border-color:#e4dcff;
  color:#7557ff;
}
body .panel-invite-toggle{
  border:1px solid #eadfff;
  background:#fff;
}
body .dashboard-side-link{
  min-height:50px;
  border-radius:16px;
  padding:0 14px;
  color:#4e5a75;
  font-size:14px;
  font-weight:800;
}
body .dashboard-side-link.active,
body .dashboard-side-link:hover{
  background:linear-gradient(180deg,#f3f1ff 0%,#eceeff 100%);
  color:#6c53f7;
}
body .dashboard-side-icon{
  color:currentColor;
}
@media (max-width:1180px){
  body .dashboard-shell{
    grid-template-columns:1fr;
  }
  body .dashboard-side{
    position:static;
    top:auto;
  }
}

/* Sidebar refinement */
body .dashboard-wide-section{
  padding-top:0;
}
body .dashboard-wide-section .dashboard-wide-container{
  width:min(100% - 12px, 1680px);
  margin-left:0;
  margin-right:auto;
}
body .dashboard-shell{
  grid-template-columns:206px minmax(0,1fr);
  gap:28px;
}
body .dashboard-side{
  top:8px;
  min-height:calc(100vh - 16px);
  gap:12px;
  padding:14px 12px 16px;
  border-radius:0 16px 16px 0;
  border-left:0;
  border-color:#1d2547;
  background:
    radial-gradient(circle at 20% 0%, rgba(111,93,255,.12), transparent 18%),
    linear-gradient(180deg,#0b1022 0%,#111830 100%);
  box-shadow:0 24px 50px rgba(9,14,31,.22);
}
body .panel-store-card{
  padding:6px 8px 14px;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;
}
body .panel-store-top{
  display:grid;
  justify-items:start;
  gap:14px;
}
body .panel-store-logo-box{
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(146,123,255,.22) 0%,rgba(255,255,255,.06) 100%);
  border:0;
  box-shadow:inset 0 0 0 1px rgba(171,157,255,.16);
}
body .panel-store-logo-image,
body .panel-store-logo-fallback{
  border-radius:18px;
  color:#bbaeff;
}
body .panel-store-copy-main{
  gap:6px;
}
body .panel-store-welcome{
  color:rgba(226,231,255,.66);
  font-size:12px;
  font-weight:800;
}
body .panel-store-name-large{
  font-size:17px;
  line-height:.98;
  color:#ffffff;
  letter-spacing:-.03em;
}
body .panel-store-meta-row{
  margin-top:2px;
  display:grid;
  gap:10px;
}
body .panel-trial-badge{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,129,50,.08);
  border:1px solid rgba(255,129,50,.38);
  color:#ff9d5a;
  font-size:12px;
  font-weight:900;
}
body .panel-trial-badge-arrow{
  display:none;
}
body .panel-store-refresh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  background:linear-gradient(180deg,#ff7c1e 0%,#ff6713 100%);
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(255,110,27,.22);
}
body .panel-store-actions{
  display:grid;
  gap:14px;
  margin-top:10px;
}
body .panel-invite-wrap{
  margin-top:0;
}
body .panel-invite-toggle{
  min-height:64px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(128,99,255,.16) 0%,rgba(255,255,255,.03) 100%);
  color:#d9f7e1;
  box-shadow:0 10px 26px rgba(16,21,46,.22);
}
body .panel-invite-toggle span:first-child{
  display:grid;
  gap:4px;
  text-align:left;
}
body .panel-invite-toggle span:first-child::after{
  content:"Davet et, kazan!";
  color:#8dd7a6;
  font-size:12px;
  font-weight:800;
}
body .panel-invite-toggle-icon{
  color:#7ae892;
}
body .panel-sound-toggle{
  margin-top:0;
  padding:2px 6px 0;
  color:#dff7e6;
  font-size:14px;
  font-weight:800;
}
body .panel-sound-toggle-copy{
  gap:12px;
}
body .panel-sound-toggle-icon{
  color:#88e89f;
}
body .dashboard-side-link{
  position:relative;
  min-height:42px;
  padding:0 14px 0 16px;
  border-radius:14px;
  font-size:14px;
  font-weight:800;
  color:rgba(228,233,255,.78);
  justify-content:flex-start;
  gap:12px;
}
body .dashboard-side-link.active,
body .dashboard-side-link:hover{
  background:linear-gradient(90deg,rgba(101,84,246,.62) 0%,rgba(101,84,246,.26) 100%);
  color:#ffffff;
}
body .dashboard-side-link.active::before{
  content:"";
  position:absolute;
  left:-12px;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:#8b7bff;
}
body .dashboard-side-link-text{
  order:2;
  flex:1;
}
body .dashboard-side-icon{
  order:1;
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
}
body .dashboard-side-icon svg{
  width:20px;
  height:20px;
}
body .dashboard-side-live-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#b7c4e6;
  box-shadow:0 0 0 4px rgba(183,196,230,.08);
}
body .dashboard-side-nav{
  display:grid;
  gap:6px;
}
body .dashboard-side-footer{
  margin-top:auto;
  display:grid;
  gap:18px;
  padding-top:8px;
}
body .dashboard-side-promo .panel-invite-box{
  background:linear-gradient(180deg,#171f3d 0%,#10172f 100%);
  border-color:rgba(255,255,255,.08);
}
body .dashboard-side-promo .panel-invite-title{
  color:#dcf8e4;
}
body .dashboard-side-promo .panel-invite-text,
body .dashboard-side-promo .panel-invite-link{
  color:#9fe0b3;
}
body .dashboard-side-promo .panel-invite-link{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
}
body .dashboard-side .panel-copy-btn{
  background:#ffffff;
  color:#182342;
}
@media (max-width:1180px){
  body .dashboard-wide-section .dashboard-wide-container{
    width:min(100% - 18px, 1680px);
    margin-left:auto;
  }
  body .dashboard-side{
    border-radius:26px;
    border-left:1px solid #eceffc;
    min-height:0;
  }
  body .dashboard-side-link.active::before{
    left:10px;
  }
}

/* Sidebar exact pass */
body .dashboard-shell{
  grid-template-columns:232px minmax(0,1fr) !important;
  gap:22px !important;
}
body .dashboard-side{
  top:8px !important;
  min-height:calc(100vh - 16px) !important;
  padding:14px 14px 18px !important;
  border-radius:0 14px 14px 0 !important;
  border:1px solid #1a2140 !important;
  border-left:0 !important;
  background:
    radial-gradient(circle at 24% 10%, rgba(111,93,255,.10), transparent 18%),
    linear-gradient(180deg,#0b1020 0%,#10172d 100%) !important;
  box-shadow:0 24px 48px rgba(8,12,25,.28) !important;
}
body .panel-store-card{
  padding:14px 6px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body .panel-store-top{
  grid-template-columns:64px 1fr !important;
  display:grid !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:14px !important;
}
body .panel-store-logo-box{
  width:64px !important;
  height:64px !important;
  border-radius:999px !important;
  background:radial-gradient(circle at 50% 38%, rgba(139,119,255,.26), rgba(255,255,255,.02) 62%) !important;
  box-shadow:inset 0 0 0 1px rgba(157,142,255,.22), 0 0 0 1px rgba(255,255,255,.05) !important;
}
body .panel-store-logo-image,
body .panel-store-logo-fallback{
  border-radius:999px !important;
}
body .panel-store-logo-fallback{
  color:#b8adff !important;
}
body .panel-store-copy-main{
  gap:5px !important;
}
body .panel-store-welcome{
  color:rgba(230,235,255,.78) !important;
  font-size:12px !important;
  font-weight:700 !important;
}
body .panel-store-name-large{
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}
body .panel-store-meta-row{
  gap:10px !important;
  margin-top:12px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
body .panel-trial-badge{
  min-height:28px !important;
  padding:0 12px !important;
  width:max-content !important;
  background:rgba(255,118,36,.04) !important;
  border:1px solid rgba(255,118,36,.72) !important;
  color:#ff9c58 !important;
  font-size:12px !important;
}
body .panel-store-refresh-btn{
  min-height:44px !important;
  border-radius:14px !important;
  font-size:12px !important;
}
body .dashboard-side-nav{
  gap:4px !important;
  margin-top:2px !important;
}
body .dashboard-side-link{
  min-height:46px !important;
  padding:0 12px 0 14px !important;
  border-radius:14px !important;
  color:rgba(231,236,255,.84) !important;
  font-size:14px !important;
  font-weight:800 !important;
}
body .dashboard-side-link.active,
body .dashboard-side-link:hover{
  background:linear-gradient(90deg,rgba(103,83,245,.88) 0%,rgba(103,83,245,.52) 100%) !important;
  color:#ffffff !important;
}
body .dashboard-side-link.active::before{
  left:-10px !important;
  top:9px !important;
  bottom:9px !important;
  background:#7f72ff !important;
}
body .dashboard-side-icon{
  width:18px !important;
  height:18px !important;
}
body .dashboard-side-icon svg{
  width:18px !important;
  height:18px !important;
}
body .dashboard-side-live-dot{
  width:7px !important;
  height:7px !important;
  background:#d6def8 !important;
  box-shadow:0 0 0 4px rgba(214,222,248,.08) !important;
}
body .dashboard-side-footer{
  gap:14px !important;
  padding-top:10px !important;
}
body .panel-invite-toggle{
  min-height:54px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(117,92,255,.18) 0%,rgba(255,255,255,.04) 100%) !important;
  color:#dcffe5 !important;
}
body .panel-invite-toggle span:first-child{
  font-size:13px !important;
  font-weight:800 !important;
}
body .panel-invite-toggle span:first-child::after{
  color:#8ee7a4 !important;
  font-size:11px !important;
}
body .panel-invite-toggle-icon{
  color:#86f0a1 !important;
}
body .panel-sound-toggle{
  color:#dff9e6 !important;
  font-size:13px !important;
}
body .panel-sound-toggle-icon{
  color:#8ee7a4 !important;
}
body .panel-sound-toggle-copy [data-sound-state-text]{
  color:#dff9e6 !important;
}

/* Dashboard redesign */
body .dashboard-wide-container{
  width:min(100% - 32px, 1720px);
}
body .dashboard-shell{
  grid-template-columns:280px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
body .dashboard-side{
  position:sticky;
  top:108px;
  gap:10px;
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(98,108,134,.14);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 48px rgba(26,38,68,.08);
}
body.panel-shell-page .dashboard-side{
  top:12px;
  max-height:calc(100vh - 24px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.26) transparent;
}
body.panel-shell-page .dashboard-side-nav,
body.panel-shell-page .dashboard-side-footer{
  min-width:0;
}
body.panel-shell-page .dashboard-side::-webkit-scrollbar{
  width:8px;
}
body.panel-shell-page .dashboard-side::-webkit-scrollbar-track{
  background:transparent;
}
body.panel-shell-page .dashboard-side::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:999px;
}
body.panel-shell-page .dashboard-side::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}
body .panel-store-card{
  gap:18px;
  padding:18px 16px 20px;
  border:0;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
body .panel-store-top{
  align-items:center;
  gap:14px;
}
body .panel-store-logo-box{
  width:60px;
  height:60px;
  border-radius:20px;
  background:linear-gradient(180deg,#f4f0ff 0%,#f8f7ff 100%);
  border:1px solid rgba(136,92,246,.12);
}
body .panel-store-copy-main{
  gap:4px;
}
body .panel-store-welcome{
  color:#7e8aa3;
  font-size:13px;
  font-weight:700;
}
body .panel-store-name-large{
  color:#15213b;
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
body .panel-trial-badge{
  min-height:40px;
  border-radius:999px;
  border-color:rgba(124,92,255,.16);
  background:rgba(117,90,255,.08);
  color:#6f55f6;
  font-weight:800;
}
body .panel-invite-toggle,
body .panel-sound-toggle{
  border-radius:18px;
}
body .dashboard-side-link{
  min-height:52px;
  border-radius:18px;
  padding:0 16px;
  background:transparent;
  color:#4d5a73;
  font-weight:700;
}
body .dashboard-side-link:hover,
body .dashboard-side-link.active{
  background:linear-gradient(180deg,#f5f3ff 0%,#eef2ff 100%);
  color:#5b43e9;
  box-shadow:none;
}
body .dashboard-side-icon{
  color:currentColor;
}
body .dashboard-main{
  display:grid;
}
body .pro-dashboard{
  display:grid;
  gap:24px;
  font-family:"Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
}
body .pro-dashboard-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 0 2px;
}
body .pro-dashboard-search{
  flex:1;
  max-width:360px;
  position:relative;
}
body .pro-dashboard-search input{
  height:56px;
  padding-left:48px;
  border-radius:18px;
  border:1px solid rgba(123,138,170,.18);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 28px rgba(25,35,61,.04);
  color:#2a3551;
  font-weight:700;
}
body .pro-dashboard-search-icon{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  color:#97a3b8;
}
body .pro-dashboard-search-icon svg{
  width:100%;
  height:100%;
}
body .pro-dashboard-top-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
body .pro-dashboard-bell{
  position:relative;
  width:52px;
  height:52px;
  border-radius:18px;
  border:1px solid rgba(123,138,170,.16);
  background:rgba(255,255,255,.84);
  color:#6b7892;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 28px rgba(25,35,61,.04);
}
body .pro-dashboard-bell svg{
  width:22px;
  height:22px;
}
body .pro-dashboard-bell-badge{
  position:absolute;
  right:6px;
  top:5px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ff7a1a;
  color:#fff;
  font-size:11px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}
body .pro-dashboard-live-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(123,138,170,.16);
  background:rgba(255,255,255,.84);
  color:#5f6c84;
  font-size:14px;
  font-weight:800;
}
body .pro-dashboard-live-chip .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22c55e;
}
body .pro-dashboard-refresh{
  min-height:52px;
  padding:0 20px;
  border-radius:18px;
  background:linear-gradient(180deg,#ff7b1f 0%,#ff6610 100%);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  box-shadow:0 16px 28px rgba(255,113,23,.22);
}
body .pro-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 320px;
  gap:22px;
  align-items:start;
}
body .pro-hero-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(124,132,185,.12);
  background:
    radial-gradient(circle at top right, rgba(168,139,250,.22), transparent 26%),
    linear-gradient(135deg, rgba(251,250,255,.96) 0%, rgba(241,245,255,.95) 55%, rgba(238,245,255,.98) 100%);
  box-shadow:0 26px 54px rgba(39,48,84,.08);
}
body .pro-hero-card::after{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:240px;
  height:240px;
  border-radius:40px;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.04));
  transform:rotate(16deg);
}
body .pro-hero-copy,
body .pro-hero-art{
  position:relative;
  z-index:1;
}
body .pro-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(117,90,255,.08);
  color:#7c5cff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body .pro-hero-card h1{
  margin:18px 0 12px;
  color:#111a35;
  font-size:52px;
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:900;
}
body .pro-hero-card p{
  margin:0;
  max-width:540px;
  color:#6b7690;
  font-size:16px;
  line-height:1.7;
  font-weight:700;
}
body .pro-hero-metric-label{
  margin-top:26px;
  color:#6e7b97;
  font-size:14px;
  font-weight:800;
}
body .pro-hero-total{
  margin-top:8px;
  color:#111a35;
  font-size:64px;
  line-height:.96;
  letter-spacing:-.07em;
  font-weight:900;
}
body .pro-hero-growth-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
body .pro-growth-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#e9fff3;
  color:#17a34a;
  font-size:13px;
  font-weight:900;
}
body .pro-growth-copy{
  color:#707c96;
  font-size:14px;
  font-weight:700;
}
body .pro-hero-actions{
  margin-top:26px;
}
body .pro-hero-cta,
body .pro-insight-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  background:#fff;
  color:#283351;
  font-weight:900;
  box-shadow:0 18px 36px rgba(39,48,84,.08);
}
body .pro-hero-art{
  display:grid;
  place-items:center;
}
body .pro-hero-card-visual{
  position:relative;
  width:240px;
  height:240px;
  border-radius:34px;
  background:linear-gradient(180deg,#ffffff 0%,#eef1ff 100%);
  border:1px solid rgba(134,146,209,.16);
  box-shadow:0 20px 44px rgba(82,75,160,.16);
  transform:rotate(7deg);
}
body .pro-hero-coin{
  position:absolute;
  left:-28px;
  bottom:28px;
  width:70px;
  height:70px;
  border-radius:999px;
  background:#fff;
  color:#7f5eff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  font-weight:900;
  box-shadow:0 14px 30px rgba(84,74,170,.16);
  transform:rotate(-7deg);
}
body .pro-hero-chart-line{
  position:absolute;
  inset:34px;
}
body .pro-hero-chart-line span{
  position:absolute;
  display:block;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#7559ff 0%,#ff6e31 100%);
  box-shadow:0 8px 20px rgba(117,89,255,.22);
}
body .pro-hero-chart-line span:nth-child(1){
  left:16px;
  top:110px;
  width:70px;
  transform:rotate(-28deg);
}
body .pro-hero-chart-line span:nth-child(2){
  left:76px;
  top:98px;
  width:82px;
  transform:rotate(18deg);
}
body .pro-hero-chart-line span:nth-child(3){
  left:144px;
  top:72px;
  width:52px;
  transform:rotate(-40deg);
}
body .pro-hero-star{
  position:absolute;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg,#8b7bff 0%,#6c5cf7 100%);
  box-shadow:0 16px 30px rgba(94,85,219,.24);
}
body .pro-hero-star::before,
body .pro-hero-star::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  background:#fff;
  clip-path:polygon(50% 0%,61% 36%,100% 36%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,0% 36%,39% 36%);
  transform:translate(-50%,-50%);
}
body .pro-metric-stack{
  display:grid;
  gap:16px;
}
body .pro-metric-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 88px;
  gap:14px;
  align-items:center;
  min-height:124px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(129,142,177,.14);
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 36px rgba(39,48,84,.05);
}
body .pro-metric-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
}
body .pro-metric-copy small{
  display:block;
  color:#75819a;
  font-size:13px;
  font-weight:800;
}
body .pro-metric-copy strong{
  display:block;
  margin-top:8px;
  color:#18233f;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}
body .pro-metric-copy p{
  margin:8px 0 0;
  color:#7b879f;
  font-size:13px;
  line-height:1.5;
  font-weight:700;
}
body .pro-metric-sparkline{
  height:54px;
  display:grid;
  align-items:center;
}
body .pro-metric-sparkline span{
  display:block;
  height:22px;
  border-radius:999px;
  background:
    radial-gradient(circle at 12% 72%, currentColor 0 2px, transparent 3px),
    linear-gradient(135deg, transparent 18%, currentColor 18% 22%, transparent 22% 39%, currentColor 39% 43%, transparent 43% 62%, currentColor 62% 66%, transparent 66%);
  opacity:.85;
}
body .pro-metric-card.tone-mint{color:#21b45f}
body .pro-metric-card.tone-mint .pro-metric-icon{background:#e9fff3;color:#1da452}
body .pro-metric-card.tone-sky{color:#5198ff}
body .pro-metric-card.tone-sky .pro-metric-icon{background:#edf4ff;color:#4d87ff}
body .pro-metric-card.tone-peach{color:#ff7a1a}
body .pro-metric-card.tone-peach .pro-metric-icon{background:#fff2e7;color:#ff7a1a}
body .pro-metric-card.tone-lime{color:#46ba1f}
body .pro-metric-card.tone-lime .pro-metric-icon{background:#effce7;color:#42b31d}
body .pro-dashboard-content{
  display:grid;
  grid-template-columns:1.15fr .95fr .95fr;
  gap:20px;
  align-items:start;
}
body .pro-panel-card{
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(129,142,177,.14);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 40px rgba(39,48,84,.05);
}
body .pro-panel-head h2{
  margin:0;
  color:#14203a;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:900;
}
body .pro-panel-head p{
  margin:8px 0 0;
  color:#7a869f;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}
body .pro-focus-list,
body .pro-status-list{
  display:grid;
  gap:16px;
  margin-top:22px;
}
body .pro-focus-item{
  display:grid;
  grid-template-columns:14px minmax(0,1fr) 18px;
  gap:14px;
  align-items:start;
}
body .pro-focus-dot{
  width:14px;
  height:14px;
  border-radius:999px;
  margin-top:6px;
  background:#7c5cff;
  box-shadow:0 0 0 6px rgba(124,92,255,.09);
}
body .pro-focus-item.tone-orange .pro-focus-dot{background:#ff7a1a;box-shadow:0 0 0 6px rgba(255,122,26,.09)}
body .pro-focus-item.tone-green .pro-focus-dot{background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.09)}
body .pro-focus-copy strong{
  display:block;
  color:#1b2744;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
}
body .pro-focus-copy p{
  margin:6px 0 0;
  color:#7b879d;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}
body .pro-focus-arrow{
  color:#c0c8d9;
  font-weight:900;
  margin-top:6px;
}
body .pro-status-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body .pro-status-left{
  display:flex;
  align-items:center;
  gap:12px;
  color:#26324d;
  font-size:15px;
  font-weight:800;
}
body .pro-status-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#cbd5e1;
}
body .pro-status-dot.is-ok{
  background:#22c55e;
}
body .pro-status-pill{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eef2f7;
  color:#6f7d95;
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
}
body .pro-status-pill.is-ok{
  background:#edfff4;
  color:#18a34a;
}
body .pro-side-stack{
  display:grid;
  gap:20px;
}
body .pro-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
body .pro-action-card{
  min-height:112px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(129,142,177,.14);
  background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%);
  box-shadow:0 14px 28px rgba(39,48,84,.04);
}
body .pro-action-card strong{
  display:block;
  color:#1d2742;
  font-size:16px;
  line-height:1.35;
  font-weight:900;
}
body .pro-action-card span{
  display:block;
  margin-top:8px;
  color:#7b879e;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
}
body .pro-chart-card{
  background:linear-gradient(180deg,#fcfbff 0%,#ffffff 100%);
}
body .pro-chart-meta{
  display:grid;
  gap:12px;
  margin-top:20px;
}
body .pro-chart-meta-item small{
  display:block;
  color:#7b879e;
  font-size:12px;
  font-weight:800;
}
body .pro-chart-meta-item strong{
  display:block;
  margin-top:6px;
  color:#1d2742;
  font-size:16px;
  font-weight:900;
}
body .pro-chart-wrap{
  height:260px;
  margin-top:18px;
  border-radius:22px;
  border:1px solid #efeaff;
  background:linear-gradient(180deg,#faf8ff 0%,#fff 100%);
  padding:10px 8px 4px;
}
body .pro-chart-wrap svg{
  width:100%;
  height:100%;
}
body .pro-chart-grid{
  stroke:#eadfff;
  stroke-width:1;
  stroke-dasharray:6 10;
}
body .pro-chart-line{
  fill:none;
  stroke:#7c5cff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body .pro-chart-point{
  fill:#fff;
  stroke:#7c5cff;
  stroke-width:3;
}
body .pro-chart-axis{
  fill:#96a0b5;
  font-size:12px;
  font-weight:800;
}
body .pro-insight-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:26px 28px;
  border-radius:24px;
  background:linear-gradient(135deg,#151d49 0%,#1e285f 55%,#2b2d75 100%);
  color:#fff;
  box-shadow:0 22px 50px rgba(18,28,78,.22);
}
body .pro-insight-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#b9c3ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body .pro-insight-banner h2{
  margin:14px 0 0;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
  font-weight:900;
}
body .pro-insight-banner p{
  margin:10px 0 0;
  max-width:760px;
  color:rgba(235,239,255,.82);
  font-size:15px;
  line-height:1.7;
  font-weight:700;
}
body .pro-insight-cta{
  background:#fff;
  color:#18224d;
  flex:0 0 auto;
}
@media (max-width: 1420px){
  body .pro-dashboard-content{
    grid-template-columns:1fr 1fr;
  }
  body .pro-side-stack{
    grid-column:1 / -1;
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 1180px){
  body .dashboard-shell{
    grid-template-columns:1fr;
  }
  body .dashboard-side{
    position:static;
    top:auto;
  }
  body .pro-dashboard-grid{
    grid-template-columns:1fr;
  }
  body .pro-hero-card{
    grid-template-columns:1fr;
  }
  body .pro-dashboard-content{
    grid-template-columns:1fr;
  }
  body .pro-side-stack{
    grid-template-columns:1fr;
  }
}
@media (max-width: 860px){
  body .pro-dashboard-topbar,
  body .pro-dashboard-top-actions,
  body .pro-insight-banner{
    flex-direction:column;
    align-items:stretch;
  }
  body .pro-dashboard-search{
    max-width:none;
  }
  body .pro-metric-card{
    grid-template-columns:56px minmax(0,1fr);
  }
  body .pro-metric-sparkline{
    display:none;
  }
  body .pro-action-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 680px){
  body .dashboard-wide-container{
    width:min(100% - 20px, 1720px);
  }
  body .dashboard-side{
    padding:14px;
    border-radius:24px;
  }
  body .panel-store-name-large{
    font-size:22px;
  }
  body .pro-hero-card,
  body .pro-panel-card,
  body .pro-insight-banner{
    padding:18px;
    border-radius:22px;
  }
  body .pro-hero-card h1{
    font-size:38px;
  }
  body .pro-hero-total{
    font-size:46px;
  }
  body .pro-hero-art{
    display:none;
  }
}

/* Orders fit + panel responsive pass */
body .orders-list-table{
  overflow:hidden;
}
body .orders-list-head,
body .orders-list-row{
  grid-template-columns:40px 72px 126px minmax(190px,1.35fr) 86px 82px 100px 106px 122px 124px 92px;
}
body .orders-cargo-cell,
body .orders-customer-cell,
body .orders-number-cell{
  min-width:0;
}
body .orders-action-cell{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
body .orders-cargo-meta,
body .orders-customer-cell span,
body .orders-number-cell span{
  word-break:break-word;
}

@media (max-width: 1540px){
  body .dashboard-wide-container{
    width:min(100% - 18px, 1720px);
  }
  body .dashboard-shell{
    grid-template-columns:248px minmax(0,1fr);
    gap:18px;
  }
  body .orders-list-head,
  body .orders-list-row{
    grid-template-columns:36px 68px 116px minmax(170px,1.2fr) 82px 76px 94px 100px 112px 116px 84px;
  }
  body .orders-list-head{
    font-size:11px;
  }
  body .orders-list-row{
    min-height:116px;
  }
  body .orders-list-row > div{
    padding:16px 8px;
  }
  body .orders-total-cell{
    font-size:24px;
  }
}

@media (max-width: 1360px){
  body .orders-board-head,
  body .orders-summary-shell,
  body .orders-filter-shell,
  body .orders-stage-tabs,
  body .orders-list-table{
    border-radius:20px;
  }
  body .orders-summary-shell{
    grid-template-columns:1fr;
  }
  body .orders-action-bar{
    justify-content:stretch;
  }
  body .orders-bulk-btn{
    flex:1 1 220px;
  }
  body .orders-list-head{display:none}
  body .orders-list-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:10px 12px;
  }
  body .orders-list-row > div{
    padding:10px 8px;
  }
  body .orders-action-cell{
    justify-content:flex-start;
  }
}

@media (max-width: 1180px){
  body .dashboard-wide-container{
    width:min(100% - 16px, 1720px);
  }
  body .dashboard-shell{
    grid-template-columns:1fr;
  }
  body .dashboard-side{
    position:static;
    top:auto;
    min-height:0;
    border-radius:24px;
    padding:14px;
  }
  body .dashboard-side-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body .dashboard-side-link{
    min-height:48px;
  }
  body .dashboard-side-footer{
    margin-top:0;
  }
}

@media (max-width: 820px){
  body .dashboard-side-nav{
    grid-template-columns:1fr;
  }
  body .orders-board-head{
    padding:16px;
  }
  body .orders-board-title h1{
    font-size:24px;
  }
  body .orders-refresh-btn{
    width:100%;
    justify-content:center;
  }
  body .orders-bulk-btn{
    flex:1 1 100%;
  }
  body .orders-list-row{
    grid-template-columns:1fr;
  }
  body .orders-list-foot{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Final responsive stabilization */
body .orders-list-head,
body .orders-list-row{
  grid-template-columns:36px 68px 118px minmax(170px,1.24fr) 84px 72px 96px 102px 116px 118px 90px;
}
body .orders-total-cell{
  font-size:20px;
  line-height:1.02;
  letter-spacing:-.025em;
}
body .orders-profit-cell{
  font-size:14px;
  font-weight:800;
  line-height:1.15;
}

@media (max-width: 980px){
  .topbar.app-topbar .wrap.app-wrap{
    width:min(100% - 18px, 1240px) !important;
  }
  .topbar.app-topbar .nav.app-nav{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px 0 16px !important;
  }
  .topbar.app-topbar .brand.app-brand,
  .topbar.app-topbar .menu.app-menu,
  .topbar.app-topbar .auth.app-auth{
    justify-content:center !important;
  }
  .topbar.app-topbar .menu.app-menu{
    flex-wrap:wrap !important;
    gap:10px 18px !important;
  }
  .topbar.app-topbar .app-brand-logo{
    height:62px !important;
    max-height:62px !important;
  }
  body .dashboard-wide-container{
    width:min(100% - 16px, 1720px);
  }
  body .dashboard-shell{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  body .dashboard-main{
    min-width:0;
  }
  body .dashboard-side{
    position:static;
    top:auto;
    width:100%;
    min-height:0;
    padding:14px;
    border-radius:24px;
  }
  body .panel-store-card{
    padding:18px 16px;
  }
  body .panel-store-top{
    gap:14px;
  }
  body .panel-store-logo-box{
    flex:0 0 68px;
    width:68px;
    height:68px;
  }
  body .panel-store-copy-main{
    min-width:0;
  }
  body .panel-store-name-large{
    font-size:24px;
    line-height:1.05;
    word-break:break-word;
  }
  body .dashboard-side-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body .dashboard-side-link{
    min-height:52px;
    padding:0 14px;
  }
  body .dashboard-side-link-text{
    white-space:normal;
    line-height:1.2;
  }
  body .dashboard-side-footer{
    margin-top:12px;
  }
  body .pro-dashboard-grid,
  body .pro-dashboard-content,
  body .pro-side-stack,
  body .pro-action-grid{
    grid-template-columns:1fr !important;
  }
  body .pro-hero-card{
    grid-template-columns:1fr !important;
    padding:22px 18px;
    gap:18px;
  }
  body .pro-hero-art,
  body .pro-metric-sparkline{
    display:none;
  }
  body .pro-hero-card h1{
    font-size:34px;
  }
  body .pro-hero-total{
    font-size:42px;
  }
  body .pro-dashboard-topbar,
  body .pro-dashboard-top-actions,
  body .pro-insight-banner{
    flex-direction:column;
    align-items:stretch;
  }
  body .pro-metric-card{
    grid-template-columns:52px minmax(0,1fr);
  }
}

@media (max-width: 640px){
  .topbar.app-topbar .wrap.app-wrap{
    width:min(100% - 14px, 1240px) !important;
  }
  .topbar.app-topbar .menu.app-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100%;
    gap:12px 18px !important;
  }
  .topbar.app-topbar .menu.app-menu a{
    text-align:center;
  }
  .topbar.app-topbar .auth.app-auth{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100%;
    gap:10px 12px;
  }
  .topbar.app-topbar .status-live-pill,
  .topbar.app-topbar .cta.app-cta,
  .topbar.app-topbar .login.app-login{
    width:auto;
    justify-content:center;
  }
  body .dashboard-wide-container{
    width:min(100% - 12px, 1720px);
  }
  body .dashboard-side{
    padding:12px;
    border-radius:20px;
  }
  body .panel-store-card{
    padding:16px 14px;
  }
  body .panel-store-name-large{
    font-size:20px;
  }
  body .dashboard-side-nav{
    grid-template-columns:1fr;
  }
  body .dashboard-side-link{
    min-height:50px;
  }
  body .orders-board-head,
  body .orders-summary-shell,
  body .orders-filter-shell,
  body .orders-stage-tabs,
  body .orders-list-table{
    border-radius:18px;
  }
  body .orders-board-head{
    padding:16px 14px;
  }
  body .orders-summary-shell,
  body .orders-toolbar-shell{
    padding:14px;
  }
  body .orders-board-title-top{
    gap:10px;
  }
  body .orders-board-title-icon,
  body .orders-stage-icon{
    width:42px;
    height:42px;
    border-radius:14px;
  }
  body .orders-board-title h1{
    font-size:18px;
    line-height:1.12;
  }
  body .orders-board-title p{
    font-size:13px;
  }
  body .orders-stage-tabs{
    grid-template-columns:1fr;
  }
  body .orders-stage-tab{
    padding:14px;
  }
  body .orders-action-bar{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body .orders-refresh-btn,
  body .orders-bulk-btn{
    width:100%;
    min-width:0;
  }
  body .orders-list-row{
    grid-template-columns:1fr !important;
    padding:8px 10px;
  }
  body .orders-list-row > div{
    padding:8px 6px;
  }
  body .orders-total-cell{
    font-size:18px;
  }
  body .orders-profit-cell{
    font-size:15px;
  }
}

/* Gift card refinement */
body .gift-card-board{
  gap:16px;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body .gift-card-layout{
  grid-template-columns:minmax(0,1fr) 318px;
  gap:18px;
  align-items:start;
}
body .gift-card-panel,
body .gift-card-orders,
body .gift-card-preview-panel{
  border:1px solid #e8edf4;
  border-radius:28px;
  box-shadow:0 14px 34px rgba(15,23,42,.045);
}
body .gift-card-panel,
body .gift-card-orders{
  padding:22px;
  gap:18px;
}
body .gift-card-preview-panel{
  padding:16px;
  gap:10px;
}
body .gift-card-head h1,
body .gift-card-orders-head h2{
  font-size:21px;
  line-height:1.1;
  letter-spacing:-.04em;
}
body .gift-card-head p,
body .gift-card-orders-head p,
body .label-preview-note{
  color:#7d879a;
  font-size:13px;
  line-height:1.65;
  font-weight:600;
}
body .gift-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body .gift-card-panel .label-setting-field{
  gap:7px;
}
body .gift-card-panel .label-setting-field > span,
body .gift-card-panel .label-setting-field small{
  color:#738099;
}
body .gift-card-panel .label-setting-field input,
body .gift-card-panel .label-setting-field select,
body .gift-card-panel .label-setting-field textarea{
  width:100%;
  border:1px solid #dfe6f0;
  border-radius:16px;
  background:#fff;
  color:#1a2339;
  font:600 15px/1.5 "Plus Jakarta Sans",system-ui,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
body .gift-card-panel .label-setting-field input,
body .gift-card-panel .label-setting-field select{
  min-height:48px;
  padding:0 15px;
}
body .gift-card-panel .label-setting-field textarea{
  min-height:118px;
  padding:14px 15px;
  resize:vertical;
}
body .gift-card-panel .label-slider-group{
  gap:12px;
}
body .gift-card-panel .label-slider-row input[type=range]{
  accent-color:#334a7d;
}
body .gift-card-panel .label-switch{
  min-height:62px;
  border-radius:18px;
  background:#fbfcff;
  font-size:14px;
}
body .gift-card-panel .btn{
  min-height:52px;
  border-radius:16px;
  background:#304f98;
  box-shadow:none;
}
body .gift-card-preview{
  min-height:360px;
  padding:22px;
  gap:14px;
  border-radius:24px;
  border:1px solid #e7def7;
  box-shadow:none;
}
body .gift-card-preview.size-100x100{
  min-height:272px;
}
body .gift-card-preview.size-A4{
  min-height:460px;
}
body .gift-card-preview.theme-warm{
  background:linear-gradient(180deg,#fffdf9 0%,#fff7ec 100%);
}
body .gift-card-preview.theme-lilac{
  background:linear-gradient(180deg,#fcfbff 0%,#f4efff 100%);
}
body .gift-card-preview.theme-mint{
  background:linear-gradient(180deg,#fbfffd 0%,#eefaf4 100%);
}
body .gift-card-preview-icon{
  font-size:20px;
}
body .gift-card-preview-store{
  font-size:11px;
  letter-spacing:.08em;
  color:#8a91a8;
}
body .gift-card-preview-heading{
  line-height:1.28;
  overflow-wrap:anywhere;
}
body .gift-card-preview-body{
  line-height:1.75;
  overflow-wrap:anywhere;
}
body .gift-card-preview-footer{
  color:#7c8498;
}
body .gift-card-order-row{
  padding:12px 14px;
  border-radius:18px;
}
body .gift-card-order-copy strong{
  font-size:16px;
}
body .gift-card-order-copy span,
body .gift-card-order-copy em{
  font-size:12px;
}

@media (max-width: 1080px){
  body .gift-card-layout{
    grid-template-columns:1fr;
  }
  body .gift-card-grid{
    grid-template-columns:1fr;
  }
}

/* Gift card final polish */
body[data-current-page="gift-card-settings"] .gift-card-board{
  gap:20px;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-current-page="gift-card-settings"] .gift-card-topnav{
  gap:10px;
}
body[data-current-page="gift-card-settings"] .gift-card-chip{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #e6ebf2;
  background:#fffdfa;
  color:#6d7890;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
body[data-current-page="gift-card-settings"] .gift-card-chip.active{
  background:#fff3dc;
  border-color:#f1dfb8;
  color:#cb6a0d;
}
body[data-current-page="gift-card-settings"] .gift-card-chip.soft{
  background:#f7f9fc;
  color:#66738d;
}
body[data-current-page="gift-card-settings"] .gift-card-layout{
  grid-template-columns:minmax(0,1fr) 296px;
  gap:16px;
  align-items:start;
}
body[data-current-page="gift-card-settings"] .gift-card-panel,
body[data-current-page="gift-card-settings"] .gift-card-orders,
body[data-current-page="gift-card-settings"] .gift-card-preview-panel{
  border:1px solid #e8edf4;
  border-radius:28px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.04);
}
body[data-current-page="gift-card-settings"] .gift-card-panel,
body[data-current-page="gift-card-settings"] .gift-card-orders{
  padding:24px;
  gap:18px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel{
  padding:14px;
  gap:10px;
}
body[data-current-page="gift-card-settings"] .gift-card-head h1,
body[data-current-page="gift-card-settings"] .gift-card-orders-head h2{
  margin:0;
  color:#172033;
  font-size:19px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.035em;
}
body[data-current-page="gift-card-settings"] .gift-card-head p,
body[data-current-page="gift-card-settings"] .gift-card-orders-head p,
body[data-current-page="gift-card-settings"] .label-preview-note{
  margin:6px 0 0;
  color:#7c879b;
  font-size:12px;
  line-height:1.68;
  font-weight:500;
}
body[data-current-page="gift-card-settings"] .gift-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field{
  display:grid;
  gap:7px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field > span{
  color:#697792;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field small{
  color:#95a0b3;
  font-size:11px;
  font-weight:600;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field input,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field select,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field textarea{
  width:100%;
  border:1px solid #e0e7f0;
  border-radius:16px;
  background:#fcfdff;
  color:#172033;
  font:600 14px/1.55 "Plus Jakarta Sans",system-ui,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field input:focus,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field select:focus,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field textarea:focus{
  outline:none;
  border-color:#cfd8e6;
  background:#fff;
  box-shadow:0 0 0 4px rgba(62,99,170,.07);
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field input,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field select{
  min-height:46px;
  padding:0 14px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field textarea{
  min-height:112px;
  padding:14px;
  resize:vertical;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-group{
  gap:12px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-head span,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-head strong{
  font-size:12px;
  font-weight:800;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-row input[type=range]{
  accent-color:#4d6ca8;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-switches{
  gap:12px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-switch{
  min-height:58px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid #e6ebf2;
  background:#fbfcfe;
  color:#1a2338;
  font-size:13px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .btn{
  min-height:48px;
  border-radius:16px;
  background:#304c87;
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:none;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel .label-preview-title{
  color:#7d879b;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
body[data-current-page="gift-card-settings"] .gift-card-preview{
  min-height:332px;
  padding:20px;
  gap:12px;
  border-radius:24px;
  border:1px solid #e8e1f4;
  box-shadow:none;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.size-100x100{
  min-height:254px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.size-A4{
  min-height:430px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-warm{
  background:linear-gradient(180deg,#fffdfa 0%,#fff8ef 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-lilac{
  background:linear-gradient(180deg,#fdfcff 0%,#f4efff 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-mint{
  background:linear-gradient(180deg,#fcfffd 0%,#eef9f3 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview-icon{
  font-size:18px;
  line-height:1;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-store{
  color:#8c95a7;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-heading{
  color:#16233d;
  line-height:1.26;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-body{
  color:#33415f;
  line-height:1.72;
  font-weight:600;
  overflow-wrap:anywhere;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-footer{
  color:#818ba0;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-orders-actions{
  gap:10px;
}
body[data-current-page="gift-card-settings"] .gift-card-order-row{
  padding:12px 14px;
  border:1px solid #e7ecf3;
  border-radius:18px;
  background:#fcfdff;
}
body[data-current-page="gift-card-settings"] .gift-card-order-copy strong{
  color:#17233d;
  font-size:15px;
  font-weight:800;
}
body[data-current-page="gift-card-settings"] .gift-card-order-copy span,
body[data-current-page="gift-card-settings"] .gift-card-order-copy em{
  color:#7f899d;
  font-size:12px;
  font-weight:600;
}
@media (max-width:1080px){
  body[data-current-page="gift-card-settings"] .gift-card-layout{
    grid-template-columns:1fr;
  }
  body[data-current-page="gift-card-settings"] .gift-card-grid{
    grid-template-columns:1fr;
  }
}

body[data-current-page="gift-card-settings"] .gift-card-board{
  gap:12px;
}
body[data-current-page="gift-card-settings"] .gift-card-journey{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid #efeaf7;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px rgba(118,90,196,.04);
}
body[data-current-page="gift-card-settings"] .gift-card-journey-step{
  display:flex;
  align-items:center;
  gap:8px;
}
body[data-current-page="gift-card-settings"] .gift-card-journey-step span{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid #d8dff0;
  background:#fff;
  color:#1d2942;
  font-size:12px;
  font-weight:700;
  box-shadow:none;
}
body[data-current-page="gift-card-settings"] .gift-card-journey-step.is-active span{
  border-color:#8f69ff;
  background:linear-gradient(135deg,#8356ff 0%,#6f4fd8 100%);
  color:#fff;
  box-shadow:0 8px 16px rgba(111,79,216,.16);
}
body[data-current-page="gift-card-settings"] .gift-card-journey-step strong{
  display:block;
  color:#1a2340;
  font-size:12px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-journey-step small{
  display:block;
  margin-top:1px;
  color:#72809a;
  font-size:10px;
  font-weight:500;
}
body[data-current-page="gift-card-settings"] .gift-card-journey-arrow{
  color:#b89cf8;
  font-size:18px;
  line-height:1;
}
body[data-current-page="gift-card-settings"] .gift-card-layout{
  grid-template-columns:minmax(0,1fr) 322px;
  gap:12px;
}
body.panel-shell-page .main-shell{
  min-height:100vh;
  padding-top:18px;
}
body.panel-shell-page .dashboard-wide-section{
  padding-top:26px !important;
}
body[data-current-page="gift-card-settings"] .dashboard-main{
  gap:12px;
}
body[data-current-page="gift-card-settings"] .gift-card-topnav{
  gap:8px;
}
body[data-current-page="gift-card-settings"] .gift-card-chip{
  min-height:30px;
  padding:0 12px;
  border-radius:11px;
  font-size:12px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-panel{
  padding:0;
  overflow:hidden;
  border-radius:22px;
  border:1px solid #eeeaf5;
  background:#fff;
  box-shadow:0 10px 28px rgba(72,44,129,.035);
}
body[data-current-page="gift-card-settings"] .gift-card-head{
  padding:18px 20px 0;
}
body[data-current-page="gift-card-settings"] .gift-card-head h1{
  font-size:16px;
  font-weight:700;
  letter-spacing:-.015em;
}
body[data-current-page="gift-card-settings"] .gift-card-head p{
  font-size:12px;
  line-height:1.55;
}
body[data-current-page="gift-card-settings"] .gift-card-studio-section{
  display:grid;
  grid-template-columns:38px 144px minmax(0,1fr);
  gap:12px;
  padding:14px 20px;
  border-top:1px solid #f3eff8;
}
body[data-current-page="gift-card-settings"] .gift-card-studio-index{
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#f5f0ff;
  color:#7b59df;
  font-size:12px;
  font-weight:800;
}
body[data-current-page="gift-card-settings"] .gift-card-studio-copy h3{
  margin:0;
  color:#18233c;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
}
body[data-current-page="gift-card-settings"] .gift-card-studio-copy p{
  margin:4px 0 0;
  color:#7b879b;
  font-size:11px;
  line-height:1.5;
  font-weight:500;
}
body[data-current-page="gift-card-settings"] .gift-card-studio-body{
  display:grid;
  gap:10px;
}
body[data-current-page="gift-card-settings"] .gift-card-native-control{
  display:none;
}
body[data-current-page="gift-card-settings"] .gift-card-theme-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
body[data-current-page="gift-card-settings"] .gift-card-theme-tile{
  padding:7px;
  border-radius:14px;
  border:1px solid #ece8f5;
  background:#fff;
  display:grid;
  gap:8px;
  color:#202b46;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body[data-current-page="gift-card-settings"] .gift-card-theme-tile:hover,
body[data-current-page="gift-card-settings"] .gift-card-theme-tile.is-active{
  border-color:#9d7bff;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(122,89,204,.14);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-tile strong{
  font-size:11px;
  font-weight:600;
  text-align:center;
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb{
  height:46px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb.theme-elegant{
  background:linear-gradient(135deg,#e9ddff 0%,#f5f0ff 50%,#ceb9ff 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb.theme-soft-floral{
  background:
    radial-gradient(circle at 20% 30%,rgba(255,215,239,.9) 0%,rgba(255,215,239,0) 26%),
    radial-gradient(circle at 76% 62%,rgba(255,192,214,.88) 0%,rgba(255,192,214,0) 24%),
    linear-gradient(135deg,#fff6fb 0%,#fffdfd 58%,#ffe8f3 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb.theme-birthday{
  background:
    radial-gradient(circle at 28% 26%,rgba(255,171,110,.95) 0%,rgba(255,171,110,0) 18%),
    radial-gradient(circle at 58% 42%,rgba(255,120,144,.95) 0%,rgba(255,120,144,0) 18%),
    radial-gradient(circle at 74% 28%,rgba(255,214,91,.92) 0%,rgba(255,214,91,0) 18%),
    linear-gradient(135deg,#fff0e8 0%,#fffaf7 56%,#ffe3ea 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb.theme-minimal{
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 55%,#edf3ff 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-theme-thumb.theme-luxury{
  background:
    linear-gradient(135deg,rgba(235,198,106,.3) 0%,rgba(235,198,106,0) 34%),
    linear-gradient(135deg,#120f18 0%,#2a1b33 48%,#0a0810 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
body[data-current-page="gift-card-settings"] .gift-card-pill-group{
  display:grid;
  gap:5px;
}
body[data-current-page="gift-card-settings"] .gift-card-pill-group > span{
  color:#6c7892;
  font-size:10px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-pills,
body[data-current-page="gift-card-settings"] .gift-card-icon-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body[data-current-page="gift-card-settings"] .gift-card-pill,
body[data-current-page="gift-card-settings"] .gift-card-icon-pill{
  min-height:36px;
  padding:0 11px;
  border-radius:12px;
  border:1px solid #e7e4f4;
  background:#fff;
  color:#4d5b77;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  font-weight:600;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body[data-current-page="gift-card-settings"] .gift-card-pill:hover,
body[data-current-page="gift-card-settings"] .gift-card-pill.is-active,
body[data-current-page="gift-card-settings"] .gift-card-icon-pill:hover,
body[data-current-page="gift-card-settings"] .gift-card-icon-pill.is-active{
  border-color:#9472ff;
  color:#6840d8;
  box-shadow:0 10px 18px rgba(113,79,216,.12);
  transform:translateY(-1px);
}
body[data-current-page="gift-card-settings"] .gift-card-icon-pill em{
  font-style:normal;
  font-size:13px;
  line-height:1;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field{
  gap:5px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field > span{
  font-size:10px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field small{
  font-size:10px;
  line-height:1.45;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field input,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field textarea{
  border-radius:12px;
  border-color:#e8e4f1;
  background:#fff;
  font-size:12px;
  font-weight:500;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-setting-field textarea{
  min-height:86px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-group{
  gap:8px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-row{
  gap:4px;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-head span,
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-head strong{
  font-size:10px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-slider-row input[type=range]{
  accent-color:#7a58e4;
}
body[data-current-page="gift-card-settings"] .gift-card-panel .label-switch{
  min-height:46px;
  border-radius:14px;
  border-color:#e8e4f1;
  background:#fcfbff;
  font-size:11px;
  font-weight:600;
}
body[data-current-page="gift-card-settings"] .gift-card-panel-actions{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:10px;
  padding:14px 20px 20px;
  border-top:1px solid #f3eff8;
}
body[data-current-page="gift-card-settings"] .gift-card-secondary-btn,
body[data-current-page="gift-card-settings"] .gift-card-primary-btn{
  min-height:42px;
  border-radius:12px;
  font-size:12px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-secondary-btn{
  border:1px solid #e6ddfb;
  background:#fff;
  color:#7654dc;
}
body[data-current-page="gift-card-settings"] .gift-card-primary-btn{
  border:0;
  background:linear-gradient(135deg,#915fff 0%,#6e49e6 100%);
  color:#fff;
  box-shadow:0 12px 24px rgba(110,73,230,.16);
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel{
  padding:14px;
  border-radius:22px;
  border:1px solid #eee7fb;
  background:#fff;
  box-shadow:0 10px 28px rgba(72,44,129,.035);
  gap:10px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel-head strong{
  display:block;
  color:#1b2440;
  font-size:14px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-panel-head span{
  display:inline-flex;
  margin-top:3px;
  padding:4px 8px;
  border-radius:999px;
  background:#f5f0ff;
  color:#7560bb;
  font-size:10px;
  font-weight:600;
}
body[data-current-page="gift-card-settings"] .gift-card-preview{
  position:relative;
  min-height:392px;
  padding:12px;
  border-radius:20px;
  border:1px solid #efe7fb;
  overflow:hidden;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.size-100x100{
  min-height:276px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.size-A4{
  min-height:470px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-elegant{
  background:linear-gradient(135deg,#f0e6ff 0%,#faf7ff 48%,#eadfff 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-soft-floral{
  background:linear-gradient(135deg,#fff5fb 0%,#fffefe 48%,#ffe9f5 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-birthday{
  background:linear-gradient(135deg,#fff0e7 0%,#fff8f3 48%,#ffe3e9 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-minimal{
  background:linear-gradient(135deg,#f6fbff 0%,#ffffff 48%,#edf3ff 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-luxury{
  background:linear-gradient(135deg,#1d1524 0%,#2d1f36 44%,#110d18 100%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview-decor{
  position:absolute;
  pointer-events:none;
  opacity:.9;
}
body[data-current-page="gift-card-settings"] .gift-card-preview .decor-top-right{
  top:-12px;
  right:-6px;
  width:132px;
  height:132px;
  background:
    radial-gradient(circle at 12% 74%,rgba(186,147,255,.38) 0%,rgba(186,147,255,0) 34%),
    radial-gradient(circle at 82% 18%,rgba(255,221,179,.54) 0%,rgba(255,221,179,0) 24%),
    linear-gradient(135deg,rgba(138,95,218,.24) 0%,rgba(138,95,218,0) 54%);
  filter:blur(1px);
}
body[data-current-page="gift-card-settings"] .gift-card-preview .decor-bottom-left{
  left:-10px;
  bottom:-12px;
  width:150px;
  height:150px;
  background:
    radial-gradient(circle at 26% 76%,rgba(144,113,227,.28) 0%,rgba(144,113,227,0) 42%),
    radial-gradient(circle at 52% 34%,rgba(255,212,165,.38) 0%,rgba(255,212,165,0) 24%);
}
body[data-current-page="gift-card-settings"] .gift-card-preview-card{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  min-height:100%;
  padding:20px 18px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 22px rgba(83,56,145,.06);
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-luxury .gift-card-preview-card{
  background:rgba(255,255,255,.96);
}
body[data-current-page="gift-card-settings"] .gift-card-preview-label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#6f4ab9;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-luxury .gift-card-preview-label{
  color:#ca9d56;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-icon{
  font-size:15px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-store{
  color:#9aa5b8;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-heading{
  color:#6842bb;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  line-height:1.18;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-luxury .gift-card-preview-heading{
  color:#20182a;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-body{
  color:#27334e;
  line-height:1.48;
  font-weight:400;
  white-space:pre-line;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-sign{
  color:#8b65dc;
  font-size:13px;
  line-height:1;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-footer{
  margin-top:auto;
  color:#6d49b8;
  font-weight:600;
  line-height:1.35;
}
body[data-current-page="gift-card-settings"] .gift-card-preview.theme-luxury .gift-card-preview-footer{
  color:#8f6930;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-action{
  min-height:34px;
  border-radius:12px;
  border:1px solid #eae3f9;
  background:#fff;
  color:#66748f;
  font-size:11px;
  font-weight:600;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-note-box{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:14px;
  border:1px solid #eee7fb;
  background:#fcfbff;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-note-box strong{
  color:#4f5f7d;
  font-size:11px;
  font-weight:700;
}
body[data-current-page="gift-card-settings"] .gift-card-preview-note-box span{
  color:#7a879d;
  font-size:11px;
  line-height:1.45;
  font-weight:500;
}
@media (max-width:1240px){
  body[data-current-page="gift-card-settings"] .gift-card-layout{
    grid-template-columns:1fr;
  }
  body[data-current-page="gift-card-settings"] .gift-card-preview{
    min-height:360px;
  }
}
@media (max-width:1080px){
  body[data-current-page="gift-card-settings"] .gift-card-journey{
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-journey-arrow{
    display:none;
  }
  body[data-current-page="gift-card-settings"] .gift-card-studio-section{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px 14px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-theme-grid,
  body[data-current-page="gift-card-settings"] .gift-card-detail-grid,
  body[data-current-page="gift-card-settings"] .gift-card-panel-actions,
  body[data-current-page="gift-card-settings"] .gift-card-preview-actions{
    grid-template-columns:1fr;
  }
  body[data-current-page="gift-card-settings"] .gift-card-head{
    padding:16px 14px 0;
  }
  body[data-current-page="gift-card-settings"] .gift-card-theme-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-current-page="gift-card-settings"] .gift-card-preview{
    min-height:320px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-preview-card{
    padding:18px 16px;
  }
}
@media (max-width:640px){
  body[data-current-page="gift-card-settings"] .gift-card-topnav{
    flex-wrap:wrap;
  }
  body[data-current-page="gift-card-settings"] .gift-card-chip{
    min-height:30px;
    font-size:11px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-layout{
    gap:12px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-pill,
  body[data-current-page="gift-card-settings"] .gift-card-icon-pill{
    min-height:34px;
    padding:0 9px;
    font-size:10px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-preview{
    min-height:280px;
  }
  body[data-current-page="gift-card-settings"] .gift-card-preview-card{
    padding:16px 14px;
  }
}

/* Picking list */
body[data-current-page="picking-list"] .picking-board{
  display:grid;
  gap:14px;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-current-page="picking-list"] .picking-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:1px solid #e8edf4;
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.035);
}
body[data-current-page="picking-list"] .picking-toolbar-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
body[data-current-page="picking-list"] .picking-toolbar-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#fff4e9;
  color:#f96807;
  flex:0 0 46px;
}
body[data-current-page="picking-list"] .picking-toolbar-icon svg{
  width:20px;
  height:20px;
}
body[data-current-page="picking-list"] .picking-toolbar-copy h1{
  margin:0;
  color:#172033;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.05em;
}
body[data-current-page="picking-list"] .picking-toolbar-copy p{
  margin:6px 0 0;
  color:#7b879a;
  font-size:12px;
  line-height:1.6;
  font-weight:600;
  max-width:520px;
}
body[data-current-page="picking-list"] .picking-toolbar-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
body[data-current-page="picking-list"] .picking-toolbar-pill{
  min-height:42px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid #e5ebf2;
  background:#fff;
  color:#6e7b93;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
body[data-current-page="picking-list"] .picking-toolbar-pill span{
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#f6f8fb;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:800;
}
body[data-current-page="picking-list"] .picking-toolbar-pill strong{
  font-size:12px;
  font-weight:800;
}
body[data-current-page="picking-list"] .picking-toolbar-pill.is-active{
  border-color:#f1dfbc;
  background:#fff7ea;
  color:#cb6d12;
}
body[data-current-page="picking-list"] .picking-toolbar-pill.is-active span{
  background:#f96807;
  color:#fff;
}
body[data-current-page="picking-list"] .picking-print-trigger{
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:16px;
  background:#f96807;
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;
  box-shadow:0 10px 20px rgba(249,104,7,.18);
}
body[data-current-page="picking-list"] .picking-print-trigger svg{
  width:18px;
  height:18px;
}
body[data-current-page="picking-list"] .picking-search-shell{
  display:block;
}
body[data-current-page="picking-list"] .picking-search-box{
  min-height:54px;
  padding:0 16px;
  border-radius:20px;
  border:1px solid #e6ebf2;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.025);
  display:flex;
  align-items:center;
  gap:12px;
}
body[data-current-page="picking-list"] .picking-search-box svg{
  width:20px;
  height:20px;
  color:#8e98aa;
  flex:0 0 20px;
}
body[data-current-page="picking-list"] .picking-search-box input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#172033;
  font:600 14px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;
}
body[data-current-page="picking-list"] .picking-summary-label{
  color:#7a869a;
  font-size:13px;
  font-weight:600;
}
body[data-current-page="picking-list"] .picking-card-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(150px, 190px);
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
}
body[data-current-page="picking-list"] .picking-list-card,
body[data-current-page="picking-list"] .picking-product-card{
  min-height:190px;
  border-radius:20px;
  border:1px solid #e4eaf2;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.025);
}
body[data-current-page="picking-list"] .picking-list-card{
  display:grid;
  place-items:center;
  gap:10px;
  color:#607087;
  font:700 14px/1.35 "Plus Jakarta Sans",system-ui,sans-serif;
}
body[data-current-page="picking-list"] .picking-list-card-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#f8fafc;
  color:#7c889e;
  display:grid;
  place-items:center;
}
body[data-current-page="picking-list"] .picking-list-card-icon svg{
  width:20px;
  height:20px;
}
body[data-current-page="picking-list"] .picking-product-card{
  overflow:hidden;
  display:grid;
  grid-template-rows:118px auto;
}
body[data-current-page="picking-list"] .picking-product-image{
  background:#f7f9fb;
}
body[data-current-page="picking-list"] .picking-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body[data-current-page="picking-list"] .picking-product-image span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#a3aab8;
  font-size:24px;
  font-weight:700;
}
body[data-current-page="picking-list"] .picking-product-copy{
  display:grid;
  gap:5px;
  padding:10px 12px 12px;
}
body[data-current-page="picking-list"] .picking-product-copy strong{
  color:#1b243c;
  font-size:13px;
  line-height:1.28;
  font-weight:800;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body[data-current-page="picking-list"] .picking-product-copy span{
  color:#8a93a3;
  font-size:11px;
  line-height:1.3;
}
body[data-current-page="picking-list"] .picking-product-copy em{
  color:#f96807;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
body[data-current-page="picking-list"] .picking-order-panel{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:22px;
  border:1px solid #e7ecf3;
  background:#fff;
  box-shadow:0 10px 20px rgba(15,23,42,.03);
}
body[data-current-page="picking-list"] .picking-order-panel-head h2{
  margin:0;
  color:#1a233b;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.04em;
}
body[data-current-page="picking-list"] .picking-order-panel-head p{
  margin:4px 0 0;
  color:#7f899b;
  font-size:11px;
  line-height:1.55;
}
body[data-current-page="picking-list"] .picking-order-list{
  display:grid;
  gap:10px;
}
body[data-current-page="picking-list"] .picking-order-row{
  display:grid;
  grid-template-columns:78px 1fr 1fr 46px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid #e8edf4;
  border-radius:18px;
  background:#fcfdff;
}
body[data-current-page="picking-list"] .picking-order-date{
  display:grid;
  gap:2px;
  justify-items:start;
}
body[data-current-page="picking-list"] .picking-order-date strong{
  color:#61718b;
  font-size:22px;
  line-height:1;
  font-weight:400;
}
body[data-current-page="picking-list"] .picking-order-date span{
  color:#7e8ba1;
  font-size:11px;
  font-weight:600;
}
body[data-current-page="picking-list"] .picking-order-date em{
  color:#a0a9b9;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
body[data-current-page="picking-list"] .picking-order-number strong,
body[data-current-page="picking-list"] .picking-order-customer strong{
  display:block;
  color:#17233d;
  font-size:12px;
  font-weight:800;
}
body[data-current-page="picking-list"] .picking-order-number span,
body[data-current-page="picking-list"] .picking-order-customer span{
  display:block;
  margin-top:3px;
  color:#7d899e;
  font-size:10px;
  font-weight:600;
}
body[data-current-page="picking-list"] .picking-order-view{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #dfe6ef;
  background:#fff;
  color:#7a869c;
  display:grid;
  place-items:center;
}
body[data-current-page="picking-list"] .picking-order-view svg{
  width:16px;
  height:16px;
}
body[data-current-page="picking-list"] .picking-empty{
  padding:24px;
  border:1px dashed #d7e0ec;
  border-radius:18px;
  background:#fafcff;
  text-align:center;
  color:#7f899c;
  font-size:13px;
  font-weight:700;
}
body .picking-modal[hidden]{
  display:none !important;
}
body .picking-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:18px;
}
body.is-picking-modal-open{
  overflow:hidden;
}
body .picking-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.38);
  backdrop-filter:blur(2px);
}
body .picking-modal-dialog{
  position:relative;
  z-index:1;
  width:min(100%, 860px);
  max-height:min(88vh, 860px);
  overflow:auto;
  border-radius:24px;
  border:1px solid #e5ebf2;
  background:#fff;
  box-shadow:0 16px 44px rgba(15,23,42,.14);
}
body .picking-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:20px 22px 14px;
}
body .picking-modal-head h3{
  margin:0;
  color:#1a233a;
  font-size:18px;
  font-weight:800;
}
body .picking-modal-head p{
  margin:5px 0 0;
  color:#8a94a7;
  font-size:12px;
}
body .picking-modal-close{
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#8993a6;
  font-size:34px;
  line-height:1;
}
body .picking-modal-actions{
  display:flex;
  gap:12px;
  padding:0 22px 14px;
}
body .picking-modal-ghost,
body .picking-modal-print{
  min-height:46px;
  padding:0 18px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;
}
body .picking-modal-ghost{
  border:2px solid #1f2842;
  background:#fff;
  color:#1f2842;
}
body .picking-modal-print{
  border:0;
  background:#f96807;
  color:#fff;
  box-shadow:0 14px 24px rgba(249,104,7,.24);
}
body .picking-modal-ghost svg,
body .picking-modal-print svg{
  width:18px;
  height:18px;
}
body .picking-modal-table{
  border-top:1px solid #eef2f6;
}
body .picking-modal-table-head,
body .picking-modal-row{
  display:grid;
  grid-template-columns:42px 88px minmax(0,1fr) 56px;
  gap:12px;
  align-items:center;
}
body .picking-modal-table-head{
  padding:12px 22px;
  color:#7d879b;
  font-size:11px;
  font-weight:800;
  background:#f7f9fb;
}
body .picking-modal-table-body{
  display:grid;
}
body .picking-modal-row{
  padding:14px 22px;
  border-top:1px solid #eef2f6;
}
body .picking-modal-rank{
  color:#7f8b9f;
  font-size:15px;
  font-weight:700;
}
body .picking-modal-thumb{
  display:flex;
  align-items:center;
}
body .picking-modal-thumb img,
body .picking-modal-thumb span{
  width:58px;
  height:58px;
  border-radius:14px;
  border:1px solid #e6ebf2;
  background:#f7f9fb;
  object-fit:cover;
  display:grid;
  place-items:center;
  color:#abb3c0;
  font-weight:700;
}
body .picking-modal-product strong{
  display:block;
  color:#1b2440;
  font-size:15px;
  line-height:1.28;
  font-weight:800;
}
body .picking-modal-product em{
  display:block;
  margin-top:5px;
  color:#959fb1;
  font-size:12px;
  font-style:normal;
}
body .picking-modal-qty{
  text-align:right;
  color:#f96807;
  font-size:22px;
  font-weight:900;
}
@media (max-width:1080px){
  body[data-current-page="picking-list"] .picking-toolbar{
    flex-direction:column;
  }
  body[data-current-page="picking-list"] .picking-toolbar-actions{
    justify-content:flex-start;
  }
  body[data-current-page="picking-list"] .picking-order-row{
    grid-template-columns:84px 1fr;
  }
  body[data-current-page="picking-list"] .picking-order-view{
    grid-column:1 / -1;
    justify-self:start;
  }
}
@media (max-width:720px){
  body[data-current-page="picking-list"] .picking-toolbar{
    padding:16px;
    border-radius:24px;
  }
  body[data-current-page="picking-list"] .picking-toolbar-copy h1{
    font-size:24px;
  }
  body[data-current-page="picking-list"] .picking-search-box{
    min-height:58px;
    border-radius:20px;
    padding:0 16px;
  }
  body[data-current-page="picking-list"] .picking-card-rail{
    grid-auto-columns:minmax(148px, 188px);
  }
  body[data-current-page="picking-list"] .picking-list-card,
  body[data-current-page="picking-list"] .picking-product-card{
    min-height:186px;
    border-radius:20px;
  }
  body[data-current-page="picking-list"] .picking-product-card{
    grid-template-rows:108px auto;
  }
  body[data-current-page="picking-list"] .picking-product-copy strong{
    font-size:13px;
  }
  body[data-current-page="picking-list"] .picking-order-panel{
    padding:14px;
    border-radius:20px;
  }
  body[data-current-page="picking-list"] .picking-order-row{
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
    border-radius:20px;
  }
  body[data-current-page="picking-list"] .picking-order-date{
    grid-auto-flow:column;
    align-items:center;
    gap:10px;
  }
  body[data-current-page="picking-list"] .picking-order-date strong{
    font-size:24px;
  }
  body .picking-modal{
    padding:10px;
  }
  body .picking-modal-dialog{
    width:100%;
    max-height:94vh;
    border-radius:22px;
  }
  body .picking-modal-head,
  body .picking-modal-actions{
    padding-left:16px;
    padding-right:16px;
  }
  body .picking-modal-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  body .picking-modal-table-head{
    display:none;
  }
  body .picking-modal-row{
    grid-template-columns:34px 72px minmax(0,1fr) 44px;
    padding:14px 16px;
    gap:10px;
  }
  body .picking-modal-thumb img,
  body .picking-modal-thumb span{
    width:52px;
    height:52px;
    border-radius:14px;
  }
  body .picking-modal-product strong{
    font-size:14px;
  }
  body .picking-modal-product em{
    font-size:11px;
  }
  body .picking-modal-qty{
    font-size:18px;
  }
}
body[data-current-page="expenses"] .expense-ledger-board{
  display:grid;
  gap:16px;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-current-page="expenses"] .expense-ledger-tabs{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 8px 2px;
  border-bottom:1px solid #e8eef5;
}
body[data-current-page="expenses"] .expense-ledger-tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 6px 14px;
  color:#74839a;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
body[data-current-page="expenses"] .expense-ledger-tab.is-active{
  color:#14203a;
}
body[data-current-page="expenses"] .expense-ledger-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:4px;
  border-radius:999px;
  background:#ff6412;
}
body[data-current-page="expenses"] .expense-ledger-tab-icon{
  width:20px;
  height:20px;
  color:currentColor;
}
body[data-current-page="expenses"] .expense-ledger-tab-icon svg{
  width:100%;
  height:100%;
  display:block;
}
body[data-current-page="expenses"] .expense-ledger-balance{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:116px;
  padding:20px 24px;
  background:linear-gradient(180deg,#fff9f9 0%,#fff4f4 100%);
  border:1px solid #ffc6c6;
  border-radius:22px;
  box-shadow:0 10px 22px rgba(255,87,87,.06);
}
body[data-current-page="expenses"] .expense-ledger-balance-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#ffe7e7;
  color:#ff1e1e;
}
body[data-current-page="expenses"] .expense-ledger-balance-icon svg{
  width:28px;
  height:28px;
  display:block;
}
body[data-current-page="expenses"] .expense-ledger-balance-copy{
  display:grid;
  gap:4px;
}
body[data-current-page="expenses"] .expense-ledger-balance-copy span{
  color:#8f96a6;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
body[data-current-page="expenses"] .expense-ledger-balance-copy strong{
  color:#ff1313;
  font-size:34px;
  line-height:1;
  font-weight:900;
}
body[data-current-page="expenses"] .expense-ledger-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:16px;
  align-items:start;
}
body[data-current-page="expenses"] .expense-panel{
  display:grid;
  gap:14px;
  padding:0;
}
body[data-current-page="expenses"] .expense-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
}
body[data-current-page="expenses"] .expense-panel-head h2{
  margin:0;
  color:#18233c;
  font-size:18px;
  line-height:1.1;
  font-weight:900;
}
body[data-current-page="expenses"] .expense-panel-head p{
  margin:5px 0 0;
  color:#8692a6;
  font-size:12px;
  line-height:1.5;
}
body[data-current-page="expenses"] .expense-panel-total{
  color:#18233c;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
body[data-current-page="expenses"] .expense-outline-btn,
body[data-current-page="expenses"] .expense-primary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  border:1.5px solid #16233d;
  background:#fff;
  color:#16233d;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:.2s ease;
}
body[data-current-page="expenses"] .expense-outline-btn:hover,
body[data-current-page="expenses"] .expense-primary-btn:hover{
  transform:translateY(-1px);
}
body[data-current-page="expenses"] .expense-outline-btn span:first-child{
  font-size:22px;
  line-height:1;
  font-weight:400;
}
body[data-current-page="expenses"] .expense-primary-btn{
  border-color:#ff6412;
  background:#ff6412;
  color:#fff;
}
body[data-current-page="expenses"] .expense-empty-card,
body[data-current-page="expenses"] .expense-inline-card{
  background:#fff;
  border:1px solid #e7edf5;
  border-radius:22px;
  box-shadow:0 10px 24px rgba(20,32,58,.04);
}
body[data-current-page="expenses"] .expense-empty-card{
  padding:20px;
  color:#7d8797;
  font-size:13px;
  line-height:1.6;
}
body[data-current-page="expenses"] .expense-empty-card.compact{
  padding:16px 18px;
}
body[data-current-page="expenses"] .expense-inline-card{
  display:grid;
  gap:12px;
  padding:16px;
}
body[data-current-page="expenses"] .expense-inline-card.is-hidden{
  display:none;
}
body[data-current-page="expenses"] .expense-inline-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body[data-current-page="expenses"] .expense-inline-grid-company{
  grid-template-columns:minmax(0,1fr);
}
body[data-current-page="expenses"] .expense-field{
  display:grid;
  gap:6px;
}
body[data-current-page="expenses"] .expense-field span{
  color:#7c879b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
body[data-current-page="expenses"] .expense-field input{
  width:100%;
  min-height:42px;
  border-radius:14px;
  border:1px solid #dce5f0;
  background:#fcfdff;
  padding:0 12px;
  color:#17233c;
  font-size:13px;
  font-weight:700;
}
body[data-current-page="expenses"] .expense-field-wide{
  grid-column:span 2;
}
body[data-current-page="expenses"] .expense-inline-actions{
  display:flex;
  justify-content:flex-end;
}
body[data-current-page="expenses"] .expense-company-list{
  display:grid;
  gap:14px;
}
body[data-current-page="expenses"] .expense-company-card{
  background:#fff;
  border:1px solid #dcebfa;
  border-radius:22px;
  box-shadow:0 12px 26px rgba(19,35,64,.05);
  overflow:hidden;
}
body[data-current-page="expenses"] .expense-company-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  background:#edf6ff;
  border-bottom:1px solid #cfe4f7;
}
body[data-current-page="expenses"] .expense-company-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
body[data-current-page="expenses"] .expense-company-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:#1691ff;
}
body[data-current-page="expenses"] .expense-company-icon svg{
  width:22px;
  height:22px;
}
body[data-current-page="expenses"] .expense-company-name-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
body[data-current-page="expenses"] .expense-company-name-wrap strong{
  color:#18233c;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
}
body[data-current-page="expenses"] .expense-company-name-wrap span{
  color:#8090a8;
  font-size:11px;
  font-weight:900;
}
body[data-current-page="expenses"] .expense-company-actions,
body[data-current-page="expenses"] .expense-planned-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
body[data-current-page="expenses"] .expense-icon-btn{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:none;
  background:transparent;
  color:#18233c;
  cursor:pointer;
}
body[data-current-page="expenses"] .expense-icon-btn svg{
  width:18px;
  height:18px;
}
body[data-current-page="expenses"] .expense-icon-btn.is-danger{
  color:#ff173d;
}
body[data-current-page="expenses"] .expense-company-body{
  display:grid;
  gap:0;
}
body[data-current-page="expenses"] .expense-company-card.is-collapsed .expense-company-body{
  display:none;
}
body[data-current-page="expenses"] .expense-company-table,
body[data-current-page="expenses"] .expense-planned-table{
  display:grid;
  align-items:center;
}
body[data-current-page="expenses"] .expense-company-table{
  grid-template-columns:1fr 1fr 1.1fr 1.1fr 1fr 1.2fr 50px;
}
body[data-current-page="expenses"] .expense-company-table-head{
  padding:12px 16px;
  background:#fff;
  color:#8d98aa;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body[data-current-page="expenses"] .expense-company-row{
  min-height:54px;
  padding:0 16px;
  border-top:1px solid #eef3f8;
  color:#1d2842;
  font-size:13px;
  font-weight:700;
}
body[data-current-page="expenses"] .expense-company-empty{
  padding:18px 16px;
  color:#8a95a7;
  font-size:13px;
}
body[data-current-page="expenses"] .expense-balance-cell{
  font-weight:900;
}
body[data-current-page="expenses"] .expense-balance-cell.is-negative{
  color:#ff173d;
}
body[data-current-page="expenses"] .expense-balance-cell.is-neutral{
  color:#1b2440;
}
body[data-current-page="expenses"] .expense-row-delete{
  display:flex;
  justify-content:flex-end;
}
body[data-current-page="expenses"] .expense-row-add{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:0 16px;
  border:none;
  background:#fff;
  color:#18233c;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
body[data-current-page="expenses"] .expense-row-add span:first-child{
  font-size:28px;
  font-weight:300;
  line-height:1;
}
body[data-current-page="expenses"] .expense-row-add.planned{
  border-top:1px solid #eef3f8;
}
body[data-current-page="expenses"] .expense-planned-table{
  grid-template-columns:1fr 1.15fr .9fr 1fr 84px;
}
body[data-current-page="expenses"] .expense-planned-table-head{
  padding:14px 16px;
  border-radius:22px 22px 0 0;
  background:#fafcff;
  color:#8f99aa;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body[data-current-page="expenses"] .expense-planned-row{
  min-height:72px;
  padding:0 16px;
  background:#fff;
  border-left:1px solid #e9eef5;
  border-right:1px solid #e9eef5;
  border-bottom:1px solid #eef3f8;
  color:#1d2943;
  font-size:13px;
  font-weight:700;
}
body[data-current-page="expenses"] .expense-amount-strong{
  font-size:14px;
  font-weight:900;
}
body[data-current-page="expenses"] .expense-panel .expense-inline-card#expense-add-payment{
  border-top-left-radius:0;
  border-top-right-radius:0;
}
@media (max-width:1180px){
  body[data-current-page="expenses"] .expense-ledger-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:860px){
  body[data-current-page="expenses"] .expense-ledger-balance{
    grid-template-columns:58px minmax(0,1fr);
    min-height:104px;
    padding:18px 16px;
    border-radius:20px;
  }
  body[data-current-page="expenses"] .expense-ledger-balance-icon{
    width:50px;
    height:50px;
    border-radius:16px;
  }
  body[data-current-page="expenses"] .expense-ledger-balance-icon svg{
    width:24px;
    height:24px;
  }
  body[data-current-page="expenses"] .expense-ledger-balance-copy strong{
    font-size:30px;
  }
  body[data-current-page="expenses"] .expense-panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
  body[data-current-page="expenses"] .expense-company-head{
    padding:14px 16px;
    flex-wrap:wrap;
  }
  body[data-current-page="expenses"] .expense-company-actions{
    margin-left:auto;
  }
  body[data-current-page="expenses"] .expense-inline-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-current-page="expenses"] .expense-field-wide{
    grid-column:span 2;
  }
}
@media (max-width:640px){
  body[data-current-page="expenses"] .expense-ledger-board{
    gap:14px;
  }
  body[data-current-page="expenses"] .expense-ledger-tabs{
    gap:12px;
    overflow:auto;
    white-space:nowrap;
    padding-left:0;
  }
  body[data-current-page="expenses"] .expense-ledger-tab{
    font-size:12px;
  }
  body[data-current-page="expenses"] .expense-ledger-balance-copy span{
    font-size:10px;
  }
  body[data-current-page="expenses"] .expense-ledger-balance-copy strong{
    font-size:24px;
  }
  body[data-current-page="expenses"] .expense-panel-head h2{
    font-size:16px;
  }
  body[data-current-page="expenses"] .expense-outline-btn,
  body[data-current-page="expenses"] .expense-primary-btn{
    min-height:40px;
    width:100%;
  }
  body[data-current-page="expenses"] .expense-inline-grid,
  body[data-current-page="expenses"] .expense-inline-grid-company{
    grid-template-columns:1fr;
  }
  body[data-current-page="expenses"] .expense-field-wide{
    grid-column:auto;
  }
  body[data-current-page="expenses"] .expense-company-name-wrap{
    display:grid;
    gap:6px;
  }
  body[data-current-page="expenses"] .expense-company-name-wrap strong{
    font-size:14px;
  }
  body[data-current-page="expenses"] .expense-company-name-wrap span{
    font-size:11px;
  }
  body[data-current-page="expenses"] .expense-company-table-head,
  body[data-current-page="expenses"] .expense-planned-table-head{
    display:none;
  }
  body[data-current-page="expenses"] .expense-company-row,
  body[data-current-page="expenses"] .expense-planned-row{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px 14px;
  }
  body[data-current-page="expenses"] .expense-company-row span,
  body[data-current-page="expenses"] .expense-planned-row span{
    display:flex;
    justify-content:space-between;
    gap:18px;
  }
  body[data-current-page="expenses"] .expense-company-row span::before,
  body[data-current-page="expenses"] .expense-planned-row span::before{
    content:attr(data-label);
    color:#8a95a7;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  body[data-current-page="expenses"] .expense-row-delete,
  body[data-current-page="expenses"] .expense-planned-actions{
    justify-content:flex-end;
  }
  body[data-current-page="expenses"] .expense-row-add{
    min-height:48px;
  }
}

body[data-current-page="expense-products"] .expense-ledger-board{
  display:grid;
  gap:18px;
  min-width:0;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-current-page="expense-products"] .expense-ledger-tabs{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 8px 2px;
  border-bottom:1px solid #e8eef5;
}
body[data-current-page="expense-products"] .expense-ledger-tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 6px 14px;
  color:#6f7f97;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
body[data-current-page="expense-products"] .expense-ledger-tab.is-active{
  color:#14203a;
}
body[data-current-page="expense-products"] .expense-ledger-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:3px;
  border-radius:999px;
  background:#f06b1a;
}
body[data-current-page="expense-products"] .expense-ledger-tab-icon{
  width:20px;
  height:20px;
  color:currentColor;
}
body[data-current-page="expense-products"] .expense-ledger-tab-icon svg{
  width:100%;
  height:100%;
  display:block;
}
body[data-current-page="expense-products"] .cost-studio-panel{
  background:#fff;
  border:1px solid #f3ccb5;
  border-radius:24px;
  box-shadow:0 12px 26px rgba(20,32,58,.045);
  min-width:0;
  overflow:hidden;
}
body[data-current-page="expense-products"] .cost-studio-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 18px;
  background:#fff8f5;
  border-bottom:1px solid #f3d4c3;
}
body[data-current-page="expense-products"] .cost-studio-title-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
body[data-current-page="expense-products"] .cost-studio-cube{
  width:20px;
  height:20px;
  color:#f06b1a;
}
body[data-current-page="expense-products"] .cost-studio-cube svg{
  width:100%;
  height:100%;
  display:block;
}
body[data-current-page="expense-products"] .cost-studio-title-row h1,
body[data-current-page="expense-products"] .cost-card-zone-head h2{
  margin:0;
  color:#16213a;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.02em;
}
body[data-current-page="expense-products"] .cost-studio-muted-count{
  color:#90a0b6;
  font-size:13px;
  font-weight:500;
}
body[data-current-page="expense-products"] .cost-studio-add-btn,
body[data-current-page="expense-products"] .cost-card-new-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:40px;
  padding:0 16px;
  border:1.5px solid #152038;
  border-radius:16px;
  background:#fff;
  color:#152038;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-studio-add-btn{
  border:none;
  background:transparent;
  padding:0 6px;
  min-height:auto;
}
body[data-current-page="expense-products"] .cost-studio-add-btn span:first-child,
body[data-current-page="expense-products"] .cost-card-new-btn span:first-child{
  font-size:28px;
  line-height:1;
  font-weight:300;
}
body[data-current-page="expense-products"] .cost-studio-table-head,
body[data-current-page="expense-products"] .cost-studio-data-row,
body[data-current-page="expense-products"] .cost-studio-create-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 110px 120px 126px 92px;
  align-items:center;
  gap:12px;
}
body[data-current-page="expense-products"] .cost-studio-table-head{
  padding:10px 18px;
  color:#70829d;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:1px solid #edf1f6;
}
body[data-current-page="expense-products"] .cost-studio-table-head span:last-child{
  justify-self:end;
}
body[data-current-page="expense-products"] .cost-studio-create-row{
  padding:13px 18px;
  border-bottom:1px solid #edf1f6;
}
body[data-current-page="expense-products"] .cost-studio-create-row.is-hidden{
  display:none;
}
body[data-current-page="expense-products"] .cost-studio-create-row input,
body[data-current-page="expense-products"] .cost-card-create-bar input,
body[data-current-page="expense-products"] .cost-card-edit-head input,
body[data-current-page="expense-products"] .cost-card-add-line input,
body[data-current-page="expense-products"] .cost-card-add-material select,
body[data-current-page="expense-products"] .cost-card-product-form select{
  width:100%;
  min-height:38px;
  border:1.4px solid #dbe4ee;
  border-radius:14px;
  background:#fff;
  padding:0 14px;
  color:#283550;
  font-size:13px;
  font-weight:500;
  outline:none;
}
body[data-current-page="expense-products"] .cost-studio-create-row input:focus,
body[data-current-page="expense-products"] .cost-card-create-bar input:focus,
body[data-current-page="expense-products"] .cost-card-edit-head input:focus,
body[data-current-page="expense-products"] .cost-card-add-line input:focus,
body[data-current-page="expense-products"] .cost-card-add-material select:focus,
body[data-current-page="expense-products"] .cost-card-product-form select:focus{
  border-color:#f06b1a;
  box-shadow:0 0 0 3px rgba(240,107,26,.1);
}
body[data-current-page="expense-products"] .cost-studio-unit-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:14px;
  background:#eafcf5;
  color:#01966b;
  font-size:14px;
  font-weight:800;
}
body[data-current-page="expense-products"] .cost-studio-row-actions,
body[data-current-page="expense-products"] .cost-studio-action-stack{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
body[data-current-page="expense-products"] .cost-studio-check-btn,
body[data-current-page="expense-products"] .cost-studio-x-btn{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:none;
  border-radius:12px;
  background:transparent;
  color:#152038;
  text-decoration:none;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-studio-check-btn{
  color:#00a26d;
}
body[data-current-page="expense-products"] .cost-studio-data-row{
  min-height:62px;
  padding:0 18px;
  border-bottom:1px solid #edf1f6;
  color:#152038;
  font-size:13px;
  font-weight:500;
}
body[data-current-page="expense-products"] .cost-studio-data-row:last-of-type{
  border-bottom:none;
}
body[data-current-page="expense-products"] .cost-studio-data-row .is-strong{
  font-weight:800;
  color:#000d24;
}
body[data-current-page="expense-products"] .cost-studio-icon-btn{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:none;
  background:transparent;
  color:#152038;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-studio-icon-btn svg{
  width:19px;
  height:19px;
}
body[data-current-page="expense-products"] .cost-studio-icon-btn.is-danger{
  color:#ff3d3d;
}
body[data-current-page="expense-products"] .cost-studio-empty-inline,
body[data-current-page="expense-products"] .cost-card-empty{
  padding:34px 20px;
  color:#8a96aa;
  font-size:13px;
  text-align:center;
}
body[data-current-page="expense-products"] .cost-card-zone{
  display:grid;
  gap:18px;
  min-width:0;
}
body[data-current-page="expense-products"] .cost-card-zone-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
body[data-current-page="expense-products"] .cost-card-create-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
}
body[data-current-page="expense-products"] .cost-card-create-bar.is-hidden{
  display:none;
}
body[data-current-page="expense-products"] .cost-card-create-bar button,
body[data-current-page="expense-products"] .cost-card-edit-head button,
body[data-current-page="expense-products"] .cost-card-add-line button,
body[data-current-page="expense-products"] .cost-card-add-material button,
body[data-current-page="expense-products"] .cost-card-assign-btn{
  min-height:40px;
  padding:0 18px;
  border:none;
  border-radius:14px;
  background:#f06b1a;
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-card-close-btn,
body[data-current-page="expense-products"] .cost-card-head-close{
  color:#23314d;
  text-decoration:none;
  font-size:34px;
  line-height:1;
  font-weight:300;
}
body[data-current-page="expense-products"] .cost-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,420px));
  gap:18px;
  align-items:start;
}
body[data-current-page="expense-products"] .cost-card-box{
  background:#fff;
  border:1px solid #dbe5f1;
  border-radius:20px;
  box-shadow:0 12px 24px rgba(20,32,58,.05);
  min-width:0;
  overflow:hidden;
}
body[data-current-page="expense-products"] .cost-card-box.is-editing{
  border-color:#cbdced;
}
body[data-current-page="expense-products"] .cost-card-edit-head,
body[data-current-page="expense-products"] .cost-card-view-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  background:#eef6ff;
  border-bottom:1px solid #d4e2f1;
}
body[data-current-page="expense-products"] .cost-card-view-head h3{
  margin:0;
  color:#12203a;
  font-size:18px;
  font-weight:700;
}
body[data-current-page="expense-products"] .cost-card-view-actions{
  display:flex;
  align-items:center;
  gap:6px;
  grid-column:2 / span 2;
}
body[data-current-page="expense-products"] .cost-card-table-head,
body[data-current-page="expense-products"] .cost-card-line-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 84px 32px;
  gap:10px;
  align-items:center;
}
body[data-current-page="expense-products"] .cost-card-table-head{
  padding:12px 16px 10px;
  color:#607693;
  font-size:12px;
  font-weight:700;
}
body[data-current-page="expense-products"] .cost-card-table-head span:last-child{
  display:none;
}
body[data-current-page="expense-products"] .cost-card-table-body{
  display:grid;
}
body[data-current-page="expense-products"] .cost-card-table-body.is-readonly .cost-card-line-row{
  grid-template-columns:minmax(0,1fr) 84px;
}
body[data-current-page="expense-products"] .cost-card-line-row{
  padding:0 16px;
  min-height:48px;
  border-top:1px solid #edf1f6;
  color:#182640;
  font-size:13px;
  font-weight:500;
}
body[data-current-page="expense-products"] .cost-card-line-row.is-static{
  grid-template-columns:minmax(0,1fr) 84px;
}
body[data-current-page="expense-products"] .cost-card-line-amount{
  text-align:right;
  font-weight:800;
}
body[data-current-page="expense-products"] .cost-card-line-delete{
  border:none;
  background:transparent;
  color:#ff5c5c;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-card-add-line,
body[data-current-page="expense-products"] .cost-card-add-material,
body[data-current-page="expense-products"] .cost-card-product-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px auto;
  gap:8px;
  padding:14px 16px 0;
}
body[data-current-page="expense-products"] .cost-card-add-material{
  grid-template-columns:minmax(0,1fr) auto;
  padding-top:10px;
}
body[data-current-page="expense-products"] .cost-card-product-form{
  grid-template-columns:minmax(0,1fr) auto;
  padding-top:12px;
}
body[data-current-page="expense-products"] .cost-card-assign-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-content:center;
  background:#fff;
  color:#152038;
  border:1.5px solid #152038;
}
body[data-current-page="expense-products"] .cost-card-summary{
  display:grid;
  gap:6px;
  padding:16px;
  margin-top:12px;
  border-top:1px solid #edf1f6;
}
body[data-current-page="expense-products"] .cost-card-summary div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body[data-current-page="expense-products"] .cost-card-summary span{
  color:#7e8fa5;
  font-size:12px;
}
body[data-current-page="expense-products"] .cost-card-summary strong{
  color:#16213a;
  font-size:14px;
  font-weight:800;
}
body[data-current-page="expense-products"] .cost-card-assignment{
  padding:0 16px 16px;
}
body[data-current-page="expense-products"] .cost-card-assignment-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body[data-current-page="expense-products"] .cost-card-assignment-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  background:#f4f8fd;
  color:#405069;
  font-size:11px;
  font-weight:600;
}
body[data-current-page="expense-products"] .cost-card-assignment-pill form{
  display:flex;
}
body[data-current-page="expense-products"] .cost-card-assignment-pill button{
  border:none;
  background:transparent;
  color:#ff5a5a;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
body[data-current-page="expense-products"] .cost-card-assigned-readonly{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:8px 16px 0;
}
body[data-current-page="expense-products"] .cost-card-assigned-readonly span{
  color:#7b8ca2;
  font-size:12px;
}
body[data-current-page="expense-products"] .cost-card-open-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:14px 16px 16px;
  min-height:40px;
  padding:0 16px;
  border:1.5px solid #152038;
  border-radius:16px;
  color:#152038;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
@media (max-width: 960px){
  body[data-current-page="expense-products"] .cost-studio-table-head,
  body[data-current-page="expense-products"] .cost-studio-data-row,
  body[data-current-page="expense-products"] .cost-studio-create-row{
    grid-template-columns:minmax(0,1fr) 92px 108px 110px 80px;
    gap:10px;
  }
  body[data-current-page="expense-products"] .cost-card-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  body[data-current-page="expense-products"] .expense-ledger-board{
    gap:14px;
  }
  body[data-current-page="expense-products"] .expense-ledger-tabs{
    gap:12px;
    overflow:auto;
    white-space:nowrap;
    padding-left:0;
  }
  body[data-current-page="expense-products"] .expense-ledger-tab{
    padding-top:9px;
    padding-bottom:12px;
    font-size:13px;
  }
  body[data-current-page="expense-products"] .cost-studio-panel,
  body[data-current-page="expense-products"] .cost-card-box{
    border-radius:18px;
  }
  body[data-current-page="expense-products"] .cost-studio-head,
  body[data-current-page="expense-products"] .cost-card-zone-head{
    flex-direction:column;
    align-items:flex-start;
    padding-left:14px;
    padding-right:14px;
    gap:10px;
  }
  body[data-current-page="expense-products"] .cost-studio-add-btn,
  body[data-current-page="expense-products"] .cost-card-new-btn{
    width:100%;
    justify-content:center;
    min-height:42px;
  }
  body[data-current-page="expense-products"] .cost-studio-title-row,
  body[data-current-page="expense-products"] .cost-card-zone-head{
    width:100%;
  }
  body[data-current-page="expense-products"] .cost-studio-table-head{
    display:none;
  }
  body[data-current-page="expense-products"] .cost-studio-create-row,
  body[data-current-page="expense-products"] .cost-studio-data-row,
  body[data-current-page="expense-products"] .cost-card-create-bar,
  body[data-current-page="expense-products"] .cost-card-edit-head,
  body[data-current-page="expense-products"] .cost-card-add-line,
  body[data-current-page="expense-products"] .cost-card-add-material,
  body[data-current-page="expense-products"] .cost-card-product-form{
    grid-template-columns:1fr;
  }
  body[data-current-page="expense-products"] .cost-studio-create-row,
  body[data-current-page="expense-products"] .cost-card-create-bar,
  body[data-current-page="expense-products"] .cost-card-edit-head,
  body[data-current-page="expense-products"] .cost-card-add-line,
  body[data-current-page="expense-products"] .cost-card-add-material,
  body[data-current-page="expense-products"] .cost-card-product-form,
  body[data-current-page="expense-products"] .cost-card-summary,
  body[data-current-page="expense-products"] .cost-card-assignment,
  body[data-current-page="expense-products"] .cost-card-assigned-readonly{
    min-width:0;
  }
  body[data-current-page="expense-products"] .cost-studio-data-row{
    gap:8px;
    padding:14px 14px;
    min-height:auto;
  }
  body[data-current-page="expense-products"] .cost-studio-data-row > span{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    min-width:0;
    word-break:break-word;
  }
  body[data-current-page="expense-products"] .cost-studio-data-row > span::before{
    content:attr(data-label);
    color:#8c99ad;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    flex:0 0 auto;
  }
  body[data-current-page="expense-products"] .cost-studio-data-row > span:first-child{
    display:block;
  }
  body[data-current-page="expense-products"] .cost-studio-data-row > span:first-child::before{
    display:block;
    margin:0 0 6px;
  }
  body[data-current-page="expense-products"] .cost-studio-action-stack{
    justify-content:flex-end;
    padding-top:2px;
  }
  body[data-current-page="expense-products"] .cost-studio-action-stack::before{
    content:none;
  }
  body[data-current-page="expense-products"] .cost-studio-row-actions{
    justify-content:flex-end;
  }
  body[data-current-page="expense-products"] .cost-studio-create-row{
    padding:14px;
  }
  body[data-current-page="expense-products"] .cost-studio-create-row input,
  body[data-current-page="expense-products"] .cost-card-create-bar input,
  body[data-current-page="expense-products"] .cost-card-edit-head input,
  body[data-current-page="expense-products"] .cost-card-add-line input,
  body[data-current-page="expense-products"] .cost-card-add-material select,
  body[data-current-page="expense-products"] .cost-card-product-form select{
    min-width:0;
  }
  body[data-current-page="expense-products"] .cost-studio-unit-preview{
    justify-content:flex-start;
    padding:0 14px;
  }
  body[data-current-page="expense-products"] .cost-card-create-bar{
    gap:10px;
  }
  body[data-current-page="expense-products"] .cost-card-create-bar button,
  body[data-current-page="expense-products"] .cost-card-add-line button,
  body[data-current-page="expense-products"] .cost-card-add-material button,
  body[data-current-page="expense-products"] .cost-card-assign-btn{
    width:100%;
  }
  body[data-current-page="expense-products"] .cost-card-close-btn,
  body[data-current-page="expense-products"] .cost-card-head-close{
    justify-self:end;
  }
  body[data-current-page="expense-products"] .cost-card-grid{
    gap:14px;
  }
  body[data-current-page="expense-products"] .cost-card-view-head{
    grid-template-columns:minmax(0,1fr) auto;
  }
  body[data-current-page="expense-products"] .cost-card-edit-head{
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-current-page="expense-products"] .cost-card-view-actions{
    grid-column:auto;
    justify-self:end;
  }
  body[data-current-page="expense-products"] .cost-card-view-head h3{
    min-width:0;
    word-break:break-word;
  }
  body[data-current-page="expense-products"] .cost-card-table-head,
  body[data-current-page="expense-products"] .cost-card-line-row,
  body[data-current-page="expense-products"] .cost-card-table-body.is-readonly .cost-card-line-row,
  body[data-current-page="expense-products"] .cost-card-line-row.is-static{
    grid-template-columns:minmax(0,1fr) auto auto;
  }
  body[data-current-page="expense-products"] .cost-card-table-head{
    padding:11px 14px 9px;
  }
  body[data-current-page="expense-products"] .cost-card-line-row{
    padding:0 14px;
    min-height:44px;
  }
  body[data-current-page="expense-products"] .cost-card-line-row span:first-child{
    min-width:0;
    word-break:break-word;
  }
  body[data-current-page="expense-products"] .cost-card-table-body.is-readonly .cost-card-line-row,
  body[data-current-page="expense-products"] .cost-card-line-row.is-static{
    grid-template-columns:minmax(0,1fr) auto;
  }
  body[data-current-page="expense-products"] .cost-card-add-line,
  body[data-current-page="expense-products"] .cost-card-add-material,
  body[data-current-page="expense-products"] .cost-card-product-form,
  body[data-current-page="expense-products"] .cost-card-summary,
  body[data-current-page="expense-products"] .cost-card-assignment{
    padding-left:14px;
    padding-right:14px;
  }
  body[data-current-page="expense-products"] .cost-card-summary div{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  body[data-current-page="expense-products"] .cost-card-assignment-list{
    gap:6px;
  }
  body[data-current-page="expense-products"] .cost-card-assignment-pill{
    max-width:100%;
  }
  body[data-current-page="expense-products"] .cost-card-assignment-pill span{
    min-width:0;
    word-break:break-word;
  }
  body[data-current-page="expense-products"] .cost-card-open-btn{
    width:calc(100% - 28px);
    justify-content:center;
    margin-left:14px;
    margin-right:14px;
  }
}

.panel-mobile-menu-btn,
.panel-mobile-sidebar-backdrop,
.panel-mobile-sidebar-head{
  display:none;
}

@media (max-width: 900px){
  body.panel-shell-page{
    overflow-x:hidden;
  }
  body.panel-shell-page.panel-sidebar-open{
    overflow:hidden;
  }
  body.panel-shell-page .dashboard-shell{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.panel-shell-page .panel-mobile-menu-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:max-content;
    margin:0 0 10px 0;
    padding:12px 16px;
    border:1px solid #eceffc;
    border-radius:16px;
    background:#ffffff;
    color:#182342;
    box-shadow:0 12px 30px rgba(24,35,66,.08);
    font:700 14px/1 "Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
  }
  body.panel-shell-page .panel-mobile-menu-btn-icon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  body.panel-shell-page .panel-mobile-menu-btn-icon svg{
    width:18px;
    height:18px;
    display:block;
  }
  body.panel-shell-page .panel-mobile-sidebar-backdrop{
    display:block;
    position:fixed;
    inset:0;
    border:0;
    padding:0;
    background:rgba(11,17,34,.46);
    z-index:119;
  }
  body.panel-shell-page .panel-mobile-sidebar-backdrop[hidden]{
    display:none;
  }
  body.panel-shell-page .dashboard-side{
    position:fixed !important;
    top:0 !important;
    left:0;
    bottom:0;
    width:min(86vw,320px) !important;
    min-height:100vh !important;
    max-height:100vh !important;
    margin:0 !important;
    padding:18px 14px 18px !important;
    border-radius:0 22px 22px 0 !important;
    transform:translateX(calc(-100% - 16px));
    transition:transform .24s ease;
    z-index:120;
    overflow-y:auto !important;
    grid-template-columns:1fr !important;
  }
  body.panel-shell-page.panel-sidebar-open .dashboard-side{
    transform:translateX(0);
  }
  body.panel-shell-page .panel-mobile-sidebar-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    padding:4px 6px 4px 4px;
  }
  body.panel-shell-page .panel-mobile-sidebar-title{
    color:#f7f9ff;
    font:800 15px/1.2 "Nunito Sans","Plus Jakarta Sans",system-ui,sans-serif;
    letter-spacing:-.02em;
  }
  body.panel-shell-page .panel-mobile-sidebar-close{
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:#ffffff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }
  body.panel-shell-page .panel-mobile-sidebar-close svg{
    width:18px;
    height:18px;
    display:block;
  }
  body.panel-shell-page .dashboard-side-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  body.panel-shell-page .dashboard-side-link{
    min-height:46px !important;
  }
body.panel-shell-page .dashboard-side-footer{
  margin-top:12px !important;
}
}

/* Panel sidebar refresh */
body .dashboard-shell{
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:22px !important;
}
body .dashboard-side{
  position:sticky !important;
  top:12px !important;
  min-height:calc(100vh - 24px) !important;
  padding:0 0 16px !important;
  border-radius:24px !important;
  border:1px solid #e9edf5 !important;
  background:#ffffff !important;
  box-shadow:0 18px 44px rgba(15,23,42,.06) !important;
  overflow:visible !important;
}
body.panel-shell-page .dashboard-side{
  max-height:calc(100vh - 24px);
  overflow-y:auto !important;
  overscroll-behavior:contain;
}
body .panel-brand-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 18px 14px;
  border-bottom:1px solid #eef2f6;
  background:#fff;
}
body .panel-brand-logo{
  display:inline-flex;
  align-items:center;
  gap:2px;
  color:#121826;
  text-decoration:none;
  font-size:19px;
  font-weight:900;
  letter-spacing:-.05em;
}
body .panel-brand-logo-primary{color:#111827}
body .panel-brand-logo-secondary{color:#f26a18}
body .panel-profile-menu{position:relative}
body .panel-profile-trigger{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:4px 2px 4px 6px;
  border:0;
  background:transparent;
  color:#23314c;
  cursor:pointer;
}
body .panel-profile-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  overflow:hidden;
  place-items:center;
  background:#fff1ea;
  color:#f26a18;
  font-size:14px;
  font-weight:800;
}
body .panel-profile-avatar-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body .panel-profile-avatar.is-large{
  width:42px;
  height:42px;
  font-size:16px;
}
body .panel-profile-trigger-name{
  font-size:16px;
  line-height:1;
  font-weight:500;
  color:#2c3953;
}
body .panel-profile-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:auto;
  right:0;
  width:224px;
  max-width:min(224px, calc(100vw - 32px));
  padding:0 0 6px;
  border:1px solid #e8edf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 44px rgba(15,23,42,.12);
  z-index:50;
}
body .panel-profile-dropdown-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px 12px;
  border-bottom:1px solid #eef2f6;
}
body .panel-profile-dropdown-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
body .panel-profile-dropdown-copy strong{
  color:#1d2a44;
  font-size:14px;
  font-weight:700;
}
body .panel-profile-dropdown-copy span{
  color:#7a889c;
  font-size:12px;
  font-weight:500;
  word-break:break-word;
}
body .panel-profile-dropdown-links{
  display:grid;
  padding-top:4px;
}
body .panel-profile-dropdown-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:0 14px;
  color:#4b5b76;
  text-decoration:none;
  font-size:13px;
  font-weight:500;
}
body .panel-profile-dropdown-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
  flex:0 0 auto;
}
body .panel-profile-dropdown-icon svg{
  width:18px;
  height:18px;
}
body .panel-profile-dropdown-link:hover{
  background:#fff4ee;
  color:#f26a18;
}
body .panel-profile-dropdown-link.is-danger{color:#ef4d3c}
body .panel-store-top{
  display:grid !important;
  grid-template-columns:1fr;
  align-items:start;
  gap:12px;
}
body .panel-store-card{
  gap:12px !important;
  margin:12px 12px 10px !important;
  padding:18px 16px 15px !important;
  border:1px solid #f1e5d8 !important;
  border-radius:20px !important;
  background:#fffaf4 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
}
body .panel-store-copy-main{gap:10px !important}
body .panel-store-welcome{
  color:#7c8aa0 !important;
  font-size:15px !important;
  font-weight:400 !important;
}
body .panel-store-name-row-compact{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
body .panel-store-home-icon{
  width:17px;
  height:17px;
  color:#f26a18;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body .panel-store-home-icon svg{
  width:17px;
  height:17px;
}
body .panel-store-name-large{
  color:#172033 !important;
  font-family:"Plus Jakarta Sans","Nunito Sans",system-ui,sans-serif !important;
  font-size:17px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  min-width:0;
  word-break:break-word;
}
body .panel-trial-badge{
  width:max-content;
  min-height:30px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  border:1px solid #f0c45c !important;
  background:#fff1bf !important;
  color:#b96e00 !important;
  font-size:12px !important;
  font-weight:800 !important;
  box-shadow:0 6px 14px rgba(240,196,92,.18);
  margin-bottom:6px;
}
body .panel-store-sync{
  display:grid;
  justify-items:start;
  gap:8px;
  padding-top:0;
  min-width:0;
  width:100%;
  margin-top:8px;
}
body .panel-store-refresh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  width:max-content;
  min-width:132px;
  padding:0 14px;
  border:1.5px solid #1c2740;
  border-radius:18px;
  color:#1c2740;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  background:#fff;
}
body .panel-store-refresh-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body .panel-store-refresh-icon svg{
  width:18px;
  height:18px;
}
body .panel-store-sync-meta{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#7f8ca3;
  font-size:12px;
  font-weight:400;
  line-height:1.35;
  min-width:0;
  margin-top:8px;
  padding-left:0 !important;
}
body .panel-store-sync-icon{
  width:15px;
  height:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#94a0b5;
  flex:0 0 auto;
}
body .panel-store-sync-icon svg{
  width:15px;
  height:15px;
}
body .panel-sound-toggle-inline{
  justify-content:flex-start;
  gap:10px;
  padding:0 !important;
  margin-top:4px;
}
body .panel-sound-toggle-inline .panel-sound-toggle-copy{
  gap:7px;
  min-width:0;
  flex:1 1 auto;
}
body .panel-sound-toggle-inline .panel-sound-toggle-icon{
  color:#f26a18 !important;
  width:14px;
  height:14px;
}
body .panel-sound-toggle-inline .panel-sound-toggle-icon svg{
  width:14px;
  height:14px;
}
body .panel-sound-toggle-inline [data-sound-state-text]{
  color:#6b7891 !important;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  letter-spacing:-.01em;
}
body .panel-sound-toggle-inline input{
  width:36px;
  height:20px;
  border-width:1px;
}
body .panel-sound-toggle-inline input::before{
  top:2px;
  left:2px;
  width:14px;
  height:14px;
}
body .panel-sound-toggle-inline input:checked::before{
  transform:translateX(16px);
}
body .dashboard-side-nav{
  display:grid !important;
  gap:2px !important;
  padding:10px 10px 0 !important;
}
body .dashboard-side-link{
  min-height:48px !important;
  padding:0 14px !important;
  border-radius:0 !important;
  border-bottom:1px solid #eef2f6;
  background:transparent !important;
  color:#52627c !important;
  font-size:14px !important;
  font-weight:500 !important;
  justify-content:flex-start !important;
  gap:10px !important;
}
body .dashboard-side-link:hover,
body .dashboard-side-link.active{
  color:#f26a18 !important;
  background:#fff7f2 !important;
}
body .dashboard-side-link.active::before{display:none !important}
body .dashboard-side-icon{
  width:17px !important;
  height:17px !important;
  opacity:.72;
}
body .dashboard-side-icon svg{
  width:17px !important;
  height:17px !important;
}
body .dashboard-side-link-text{flex:1}
body .dashboard-side-live-dot{
  background:#f26a18 !important;
  box-shadow:none !important;
}
body .dashboard-side-footer{
  margin-top:auto !important;
  gap:14px !important;
  padding:14px 16px 0 !important;
}
body .dashboard-referral-widget{
  margin-top:4px;
}
body .gb2-side-invite.dashboard-referral-widget{
  margin-top:14px;
}
body .gb2-side-invite.dashboard-referral-widget .panel-invite-toggle{
  width:100%;
  min-height:78px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,182,145,.56) !important;
  background:linear-gradient(180deg,#fff9f6 0%,#fffdfa 100%) !important;
  color:#19233b !important;
  box-shadow:0 18px 36px rgba(255,126,62,.12) !important;
}
body .gb2-side-invite.dashboard-referral-widget .panel-invite-toggle > span:first-child{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  min-width:0;
  text-align:left !important;
}
body .gb2-side-invite.dashboard-referral-widget .panel-invite-toggle > span:first-child::after{
  content:none !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle-badge{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(180deg,#fff1e8 0%,#ffefe4 100%) !important;
  color:#ff7b34 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  overflow:hidden !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle-badge svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle-texts{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle-texts::after{
  content:none !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle strong{
  color:#f26d1d !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle small{
  color:#7f8598 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle small em{
  color:#ff7b34 !important;
  font-style:normal !important;
  font-weight:900 !important;
}
body .gb2-side-invite.dashboard-referral-widget .panel-invite-toggle-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(180deg,#ff8e49 0%,#ff6f33 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 26px rgba(255,122,54,.24) !important;
  font-size:24px !important;
}
body .dashboard-referral-toggle{
  min-height:78px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,182,145,.56) !important;
  background:linear-gradient(180deg,#fff9f6 0%,#fffdfa 100%) !important;
  color:#19233b !important;
  box-shadow:0 18px 36px rgba(255,126,62,.12) !important;
}
body .dashboard-referral-toggle-copy{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
}
body .dashboard-referral-toggle-badge{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff1e8 0%,#ffefe4 100%);
  color:#ff7b34;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
body .dashboard-referral-toggle-badge svg{
  width:21px;
  height:21px;
}
body .dashboard-referral-toggle-texts{
  display:grid;
  gap:4px;
  text-align:left;
}
body .dashboard-referral-toggle-texts::after{
  content:none !important;
}
body .dashboard-referral-toggle strong{
  color:#f26d1d;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.03em;
}
body .dashboard-referral-toggle small{
  color:#7f8598;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
body .dashboard-referral-toggle small em{
  color:#ff7b34;
  font-style:normal;
  font-weight:900;
}
body .dashboard-referral-toggle .panel-invite-toggle-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ff8e49 0%,#ff6f33 100%);
  color:#fff !important;
  box-shadow:0 14px 26px rgba(255,122,54,.24);
  font-size:24px !important;
}
body .dashboard-referral-box{
  margin-top:14px;
  padding:18px 18px 16px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffdfa 0%,#fff6ee 100%) !important;
  border:1px solid rgba(255,184,142,.38) !important;
  box-shadow:0 22px 44px rgba(255,133,66,.08);
  gap:14px !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-toggle{
  min-height:74px !important;
}
body .gb2-side-invite.dashboard-referral-widget .dashboard-referral-box{
  margin-top:12px !important;
  padding:18px 18px 16px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffdfa 0%,#fff6ee 100%) !important;
  border:1px solid rgba(255,184,142,.38) !important;
  box-shadow:0 22px 44px rgba(255,133,66,.08) !important;
  gap:14px !important;
}
body .dashboard-referral-head{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
body .dashboard-referral-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff0e5 0%,#ffebdd 100%);
  color:#ff7d33;
}
body .dashboard-referral-icon svg{
  width:24px;
  height:24px;
}
body .panel-invite-title{
  font-size:15px !important;
  font-weight:900 !important;
  color:#15223f !important;
  letter-spacing:-.03em !important;
}
body .dashboard-referral-label{
  display:grid;
  gap:8px;
  color:#6c7588;
  font-size:11px;
  font-weight:800;
}
body .panel-invite-text{
  color:#7f8598 !important;
  font-size:12px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}
body .dashboard-referral-link-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:10px;
  align-items:center;
}
body .panel-invite-link{
  min-height:42px;
  display:flex;
  align-items:center;
  font-size:12px !important;
  color:#4c5d79 !important;
  background:#fff !important;
  border:1px solid #f0d8c8 !important;
  border-radius:13px !important;
  padding:10px 12px !important;
  word-break:break-all;
}
body .dashboard-referral-copy-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid #efd8ca;
  background:#fff;
  color:#7a7f91;
  display:grid;
  place-items:center;
  cursor:pointer;
}
body .dashboard-referral-copy-icon svg{
  width:18px;
  height:18px;
}
body .dashboard-referral-copy-btn{
  min-height:44px !important;
  border-radius:14px !important;
  background:linear-gradient(90deg,#ff7c39 0%,#ff8c4b 100%) !important;
  color:#fff !important;
  border:0 !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 16px 28px rgba(255,120,56,.2);
}
body .dashboard-referral-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body .dashboard-referral-stat{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,233,219,.92);
}
body .dashboard-referral-stat small{
  display:block;
  color:#96a0b0;
  font-size:11px;
  font-weight:800;
}
body .dashboard-referral-stat strong{
  display:block;
  color:#1e2841;
  font-size:18px;
  font-weight:900;
}
body .dashboard-referral-stat-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
}
body .dashboard-referral-stat-icon svg{
  width:18px;
  height:18px;
}
body .dashboard-referral-stat-icon.is-purple{background:#f0e9ff;color:#7557ff}
body .dashboard-referral-stat-icon.is-green{background:#e8fbef;color:#22a95d}
body .dashboard-referral-footnote{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8d97a8;
  font-size:12px;
  font-weight:700;
  padding-top:2px;
}
body .dashboard-referral-footnote-icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:#ff7b34;
}
body .dashboard-referral-footnote-icon svg{
  width:16px;
  height:16px;
}
@media (max-width:900px){
  body .dashboard-referral-toggle{
    min-height:74px !important;
  }
  body .dashboard-referral-stats{
    grid-template-columns:1fr;
  }
}
body .panel-invite-toggle,
body .panel-sound-toggle{
  border-radius:16px !important;
}
@media (max-width:900px){
  body.panel-shell-page .dashboard-side{
    width:min(86vw,320px) !important;
    min-height:100vh !important;
    max-height:100vh !important;
    border-radius:0 22px 22px 0 !important;
    padding-bottom:24px !important;
  }
  body .panel-profile-dropdown{
    left:auto !important;
    right:0 !important;
    top:calc(100% + 10px);
    width:220px !important;
    max-width:calc(100vw - 32px) !important;
  }
}
@media (max-width:520px){
  body .panel-brand-bar{padding:14px 14px 12px}
  body .panel-store-card{padding:16px 14px 14px !important}
  body .panel-profile-trigger-name{font-size:15px}
  body .panel-store-top{
    gap:12px;
  }
  body .panel-store-sync{
    justify-items:start;
    padding-top:0;
    gap:6px;
    margin-top:10px;
  }
  body .panel-store-name-large{
    font-size:15px !important;
  }
  body .panel-store-refresh-btn{
    width:max-content;
    min-width:126px;
    min-height:42px;
    font-size:13px;
  }
  body .panel-store-sync-meta{
    margin-top:8px;
    padding-left:0 !important;
    display:flex;
    width:100%;
  }
  body .panel-profile-dropdown{
    left:auto !important;
    right:0 !important;
    width:208px !important;
    max-width:calc(100vw - 28px) !important;
    border-radius:16px !important;
    padding-bottom:4px !important;
  }
  body .panel-profile-dropdown-head{
    padding:0 12px 10px !important;
    gap:10px !important;
  }
  body .panel-profile-avatar.is-large{
    width:34px !important;
    height:34px !important;
    font-size:14px !important;
  }
  body .panel-profile-dropdown-copy strong{
    font-size:13px !important;
  }
  body .panel-profile-dropdown-copy span{
    font-size:11px !important;
    line-height:1.25 !important;
  }
  body .panel-profile-dropdown-link{
    min-height:38px !important;
    padding:0 12px !important;
    gap:10px !important;
    font-size:12px !important;
  }
}

/* Panel content offset fix */
body.panel-shell-page .main-shell{
  padding-top:30px !important;
}
body.panel-shell-page .dashboard-wide-section{
  padding-top:0 !important;
}
body.panel-shell-page .dashboard-shell{
  align-items:start;
}