@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --bg: #000000;
  --surface: rgba(255,255,255,0.03);
  --glass: rgba(255,255,255,0.05);
  --glass-h: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.08);
  --glass-border-h: rgba(255,255,255,0.15);
  --blur: blur(24px);
  --t1: #ffffff;
  --t2: rgba(255,255,255,0.7);
  --t3: rgba(255,255,255,0.4);
  --t4: rgba(255,255,255,0.2);
  --accent: #ffffff;
  --green: #4ade80;
  --red: #f87171;
  --amber: #f59e0b;
  --blue: #3b82f6;
  --purple: #a855f7;
  --cyan: #06b6d4;
  --r: 14px;
  --rs: 8px;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f5f5;
  --surface: rgba(0,0,0,0.02);
  --glass: rgba(255,255,255,0.7);
  --glass-h: rgba(255,255,255,0.9);
  --glass-border: rgba(0,0,0,0.06);
  --glass-border-h: rgba(0,0,0,0.12);
  --t1: #0a0a0a;
  --t2: rgba(0,0,0,0.6);
  --t3: rgba(0,0,0,0.35);
  --t4: rgba(0,0,0,0.15);
  --accent: #000000;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{height:100%}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;overflow:hidden;transition:background .4s,color .4s}

::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--t4);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--t3)}

/* ══════ LOADING ══════ */
.loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease}
.loading-overlay.done{opacity:0;pointer-events:none}
.loading-spinner{width:32px;height:32px;border:3px solid var(--t4);border-top-color:var(--t1);border-radius:50%;animation:spin .7s linear infinite}
.loading-text{margin-top:14px;font-size:.82rem;font-weight:500;color:var(--t3);letter-spacing:.3px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══════ LAYOUT ══════ */
.app-layout{display:grid;grid-template-columns:240px 1fr;height:100vh}

/* ══════ SIDEBAR ══════ */
.sidebar{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;transition:all .3s}
.brand{padding:24px 20px;border-bottom:1px solid var(--glass-border);font-size:1rem;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}
.brand-dot{width:8px;height:8px;background:var(--t1);border-radius:50%}

.nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}
.nav-label{padding:16px 14px 6px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--t3)}
.nav-item{padding:10px 14px;border-radius:var(--rs);color:var(--t2);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}
.nav-item:hover{color:var(--t1);background:var(--glass-h)}
.nav-item.active{color:var(--t1);background:var(--glass-h);border-color:var(--glass-border-h);font-weight:600}
.sidebar-foot{padding:14px;border-top:1px solid var(--glass-border)}
.btn-theme{width:100%;padding:9px;background:var(--glass-h);border:1px solid var(--glass-border);border-radius:var(--rs);color:var(--t2);font-size:.78rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}
.btn-theme:hover{border-color:var(--glass-border-h);color:var(--t1)}

/* ══════ MAIN ══════ */
.main-area{display:flex;flex-direction:column;overflow:hidden}
.top-bar{padding:16px 28px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:all .3s}
.top-bar h2{font-size:1.05rem;font-weight:700;letter-spacing:-.3px}
.top-actions{display:flex;gap:8px;align-items:center}

.content-scroll{flex:1;overflow-y:auto;padding:24px 28px}

/* ══════ BUTTONS ══════ */
.btn{padding:8px 16px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--glass-h);color:var(--t1);font-weight:500;font-size:.8rem;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.btn:hover{border-color:var(--glass-border-h);background:var(--glass)}
.btn-fill{background:var(--t1);color:var(--bg);border-color:var(--t1)}
.btn-fill:hover{opacity:.85}
.btn-sm{padding:6px 12px;font-size:.74rem}
.btn-red{border-color:rgba(239,68,68,.3);color:var(--red)}
.btn-red:hover{background:rgba(239,68,68,.1)}

/* ══════ TABS ══════ */
.tab-pane{display:none}
.tab-pane.active{display:block;animation:fadeUp .25s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ══════ KPI CARDS ══════ */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.kpi{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r);padding:20px;transition:all .2s}
.kpi:hover{border-color:var(--glass-border-h);transform:translateY(-2px)}
.kpi-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--t3);margin-bottom:8px}
.kpi-val{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}
.kpi-sub{font-size:.7rem;color:var(--t3);margin-top:4px}

/* ══════ CHART CARDS ══════ */
.charts-row{display:grid;gap:16px;margin-bottom:24px}
.charts-2col{grid-template-columns:1fr 1fr}
.charts-3col{grid-template-columns:2fr 1fr}
.chart-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r);padding:20px;transition:all .2s}
.chart-card:hover{border-color:var(--glass-border-h)}
.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.chart-head h4{font-size:.88rem;font-weight:600}
.tag{font-size:.65rem;padding:3px 8px;border-radius:12px;font-weight:600;border:1px solid}
.tag-green{color:var(--green);border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.08)}
.tag-red{color:var(--red);border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.08)}
.tag-blue{color:var(--blue);border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.08)}
.tag-amber{color:var(--amber);border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.08)}

/* ══════ TABLES ══════ */
.tbl-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r);overflow:hidden;transition:all .2s;margin-bottom:24px}
.tbl-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}
.tbl-head h4{font-size:.88rem;font-weight:600}
.tbl-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.8rem}
th{text-align:left;padding:10px 16px;font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.7px;color:var(--t3);background:var(--surface);border-bottom:1px solid var(--glass-border);white-space:nowrap}
td{padding:10px 16px;border-bottom:1px solid var(--glass-border);color:var(--t2);white-space:nowrap}
tr:last-child td{border-bottom:none}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--glass-h)}
.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--glass-border);font-size:.75rem;color:var(--t3)}

.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}
.fw700{font-weight:700}
.mono{font-family:'SF Mono','Fira Code',monospace;font-size:.76rem}
.fba-tag,.fbm-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600}
.fba-tag{background:rgba(59,130,246,.1);color:var(--blue)}
.fbm-tag{background:rgba(245,158,11,.1);color:var(--amber)}
.refund-tag{background:rgba(239,68,68,.1);color:var(--red);display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600}

/* ══════ REFUND DROPDOWN ══════ */
.refund-dropdown{padding:4px 8px;border-radius:4px;border:1px solid var(--glass-border);background:var(--surface);color:var(--t2);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s;-webkit-appearance:none;appearance:none;min-width:60px}
.refund-dropdown:focus{border-color:var(--glass-border-h)}
.refund-dropdown.refund-yes{background:rgba(239,68,68,.1);color:var(--red);border-color:rgba(239,68,68,.25)}
.refund-dropdown.refund-no{background:var(--surface);color:var(--t3)}
.refund-dropdown option{background:var(--bg);color:var(--t1)}

/* ══════ FILTERS & DASHBOARD CONTROLS ══════ */
.dash-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:14px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}
.dash-search-group{display:flex;align-items:center;gap:8px}
.dash-search-icon{color:var(--t3);flex-shrink:0}
.dash-search-group input{flex:1;padding:8px 14px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--surface);color:var(--t1);font-size:.82rem;font-family:inherit;outline:none;transition:all .2s}
.dash-search-group input:focus{border-color:var(--glass-border-h)}
.dash-search-group input::placeholder{color:var(--t3)}
.dash-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filter-group{display:flex;align-items:center;gap:6px}
.filter-group label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);white-space:nowrap}
.filter-group input,.filter-group select{padding:7px 12px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--surface);color:var(--t1);font-size:.8rem;font-family:inherit;outline:none;transition:all .2s}
.filter-group input:focus,.filter-group select:focus{border-color:var(--glass-border-h)}
.filter-group select option{background:var(--bg)}

/* ══════ MODALS ══════ */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000}
.modal-bg.show{display:flex}
.modal{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r);padding:30px;width:90%;max-width:480px}
.modal h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.modal .sub{color:var(--t3);font-size:.82rem;margin-bottom:20px}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:5px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--t3)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 13px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--surface);color:var(--t1);font-family:inherit;font-size:.85rem;outline:none;transition:all .2s}
.form-group input:focus,.form-group select:focus{border-color:var(--t3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}

.file-drop{border:2px dashed var(--glass-border-h);border-radius:var(--rs);padding:36px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px}
.file-drop:hover,.file-drop.over{border-color:var(--t3);background:var(--glass-h)}
.file-drop p{color:var(--t3);font-size:.85rem}
.file-drop .fname{color:var(--t1);font-weight:600;margin-top:6px}

/* ══════ LOGIN ══════ */
.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login-box{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r);padding:40px;width:100%;max-width:380px}
.login-box h2{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.login-box .sub{color:var(--t3);font-size:.82rem;margin-bottom:24px}
.login-error{color:var(--red);font-size:.8rem;margin-top:8px;display:none}

/* ══════ ADMIN EDITOR TABLE ══════ */
table.edit-tbl td{padding:0}
table.edit-tbl td input{width:100%;padding:9px 14px;background:transparent;border:none;color:var(--t1);font-family:inherit;font-size:.82rem;outline:none}
table.edit-tbl td input:focus{background:var(--glass-h)}
table.edit-tbl .act-cell{padding:6px 10px;text-align:center}
table.edit-tbl .act-cell button{background:none;border:none;cursor:pointer;color:var(--t3);font-size:.85rem;padding:4px;transition:color .15s}
table.edit-tbl .act-cell button:hover{color:var(--red)}

/* ASIN hover tooltip */
.asin-hover{cursor:help;border-bottom:1px dotted var(--t4);transition:color .15s}
.asin-hover:hover{color:var(--t1)}

/* Pagination */
.pag{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.pag button{width:30px;height:30px;border:1px solid var(--glass-border);border-radius:var(--rs);background:transparent;color:var(--t2);cursor:pointer;font-size:.75rem;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center}
.pag button:hover{border-color:var(--glass-border-h);color:var(--t1)}
.pag button.active{background:var(--t1);color:var(--bg);border-color:var(--t1)}
.pag button:disabled{opacity:.2;cursor:default}
.pag button.pag-ellipsis{border-color:transparent;cursor:default}
.pag button.pag-ellipsis:disabled{opacity:.5}
.pag-jump{display:flex;align-items:center;gap:4px;margin-left:6px;padding-left:8px;border-left:1px solid var(--glass-border)}
.pag-jump-input{width:44px;height:30px;border:1px solid var(--glass-border);border-radius:var(--rs);background:transparent;color:var(--t1);font-size:.75rem;text-align:center;font-family:inherit}
.pag-jump-input:focus{outline:none;border-color:var(--glass-border-h)}
.pag-jump-input::-webkit-outer-spin-button,.pag-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pag-jump-btn{height:30px;padding:0 10px;border:1px solid var(--glass-border);border-radius:var(--rs);background:transparent;color:var(--t2);cursor:pointer;font-size:.75rem;font-family:inherit;transition:all .15s}
.pag-jump-btn:hover{border-color:var(--glass-border-h);color:var(--t1)}

/* ══════ RESPONSIVE ══════ */

/* Mobile menu toggle button */
.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:999;width:40px;height:40px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--t1);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}
.mobile-menu-btn:hover{border-color:var(--glass-border-h)}

/* Tablet — sidebar collapses */
@media(max-width:1024px){
  .app-layout{grid-template-columns:1fr}
  .sidebar{position:fixed;left:-260px;top:0;bottom:0;width:240px;z-index:998;transition:left .3s ease}
  .sidebar.open{left:0}
  .sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:997}
  .sidebar-overlay.show{display:block}
  .mobile-menu-btn{display:flex}
  .top-bar{padding-left:60px}
  .charts-2col,.charts-3col{grid-template-columns:1fr}
  .content-scroll{padding:20px}
}

/* Small tablets */
@media(max-width:768px){
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .form-row{grid-template-columns:1fr}

  /* ── Top bar ── */
  .top-bar{padding:12px 16px 12px 56px}
  .top-bar h2{font-size:.92rem}

  /* ── Dashboard controls ── */
  .dash-controls{padding:12px 14px;gap:10px}
  .dash-search-group{flex-wrap:wrap}
  .dash-search-group input{width:100%;min-width:0}
  .dash-filters{flex-direction:column;align-items:stretch;gap:8px}
  .filter-group{width:100%}
  .filter-group input,.filter-group select{flex:1;width:100%}
  .filter-group label{min-width:40px}
  #fl-reset{width:100%;justify-content:center}

  .content-scroll{padding:14px}
  .kpi{padding:14px}
  .kpi-val{font-size:1.2rem}
  .chart-card{padding:14px}
  .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:600px}
  .search-results-panel{padding:16px}
  .order-detail-card .order-row{grid-template-columns:repeat(2,1fr)}
  .search-summary{grid-template-columns:repeat(2,1fr)}
  .modal{padding:20px;width:95%;max-width:none;margin:10px}
  .pag button{width:28px;height:28px;font-size:.7rem}
  .pag-jump{margin-left:0;padding-left:0;border-left:none;width:100%;justify-content:center;margin-top:6px}

  /* Admin toolbar mobile */
  .admin-toolbar{flex-direction:column;gap:8px}
  .admin-toolbar-left,.admin-toolbar-right{width:100%}
  .admin-toolbar-left{display:flex;gap:8px;flex-wrap:wrap}
  .admin-toolbar-left .btn{flex:1;min-width:120px;justify-content:center}
  .admin-toolbar-right .btn{width:100%;justify-content:center}
  .admin-filters-bar{flex-direction:column;gap:8px}
  .admin-search-group{width:100%}
  .admin-search-group input{width:100%}
  .admin-filter-group{width:100%}
  .admin-filter-group select{width:100%}
}

/* Mobile phones */
@media(max-width:480px){
  .kpis{grid-template-columns:1fr;gap:8px}
  .kpi{padding:12px}
  .kpi-label{font-size:.62rem}
  .kpi-val{font-size:1.1rem}
  .kpi-sub{font-size:.65rem}
  .top-bar{padding:10px 12px 10px 52px}
  .top-bar h2{font-size:.85rem}
  .top-actions .btn{font-size:.72rem;padding:6px 12px}
  .content-scroll{padding:10px}
  .dash-controls{padding:10px 12px;gap:8px}
  .dash-search-group{gap:6px}
  .dash-search-group input{font-size:.76rem;padding:7px 10px}
  .chart-card{padding:10px}
  .chart-head h4{font-size:.78rem}
  .tbl-head{padding:12px 14px}
  .tbl-foot{padding:10px 14px;flex-direction:column;gap:8px}
  td{padding:8px 10px;font-size:.74rem}
  th{padding:8px 10px;font-size:.62rem}
  .btn{padding:7px 12px;font-size:.74rem}
  .btn-sm{padding:5px 10px;font-size:.68rem}
  .brand{padding:18px 16px;font-size:.9rem}
  .nav-item{padding:9px 12px;font-size:.8rem}
  .order-detail-card .order-row{grid-template-columns:1fr}
  .search-summary{grid-template-columns:1fr}
  .search-results-header{flex-direction:column;gap:8px;align-items:flex-start}
  .login-box{padding:24px;margin:10px}

  /* Admin toolbar phone */
  .admin-toolbar-left .btn{font-size:.7rem;padding:6px 10px}
}


/* ══════ ORDER SEARCH ══════ */
.btn-clear-search{border-color:rgba(239,68,68,.3)!important;color:var(--red)!important}

.search-results-panel{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border-h);border-radius:var(--r);padding:24px;margin-bottom:24px;animation:fadeUp .25s ease}
.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}
.search-results-header h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}
.search-results-header h3::before{content:'';display:inline-block;width:4px;height:16px;background:var(--blue);border-radius:2px}

.order-detail-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--rs);padding:16px;margin-bottom:10px;transition:all .2s}
.order-detail-card:hover{border-color:var(--glass-border-h);transform:translateX(3px)}
.order-detail-card .order-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.order-detail-card .detail-item{display:flex;flex-direction:column}
.order-detail-card .detail-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--t3);margin-bottom:2px}
.order-detail-card .detail-value{font-size:.88rem;font-weight:600;color:var(--t1)}

.search-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px;background:var(--glass-h);border:1px solid var(--glass-border);border-radius:var(--rs);margin-top:14px}
.search-summary .summary-item .summary-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--t3)}
.search-summary .summary-item .summary-value{font-size:1.1rem;font-weight:800;letter-spacing:-.3px}

.search-no-result{text-align:center;padding:30px;color:var(--t3);font-size:.88rem}
.search-no-result .search-icon{font-size:2rem;margin-bottom:8px;opacity:.4}

.multi-item-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;background:rgba(168,85,247,.1);color:var(--purple);margin-left:8px}

.hidden{display:none!important}
.no-data{text-align:center;padding:50px 20px;color:var(--t3);font-size:.88rem}

/* ══════ ADMIN TOOLBAR & FILTERS ══════ */
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.admin-toolbar-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-toolbar-right{display:flex;gap:8px;align-items:center}

.admin-filters-bar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap;padding:12px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--rs)}
.admin-search-group{display:flex;align-items:center;gap:6px;position:relative;flex:1;min-width:200px}
.admin-search-icon{color:var(--t3);flex-shrink:0}
.admin-search-group input{flex:1;padding:7px 12px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--surface);color:var(--t1);font-size:.8rem;font-family:inherit;outline:none;transition:all .2s}
.admin-search-group input:focus{border-color:var(--glass-border-h)}
.admin-search-group input::placeholder{color:var(--t3)}
.admin-search-clear{border-color:rgba(239,68,68,.3)!important;color:var(--red)!important}
.admin-filter-group{display:flex;align-items:center;gap:6px}
.admin-filter-group label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);white-space:nowrap}
.admin-filter-group select{padding:7px 12px;border-radius:var(--rs);border:1px solid var(--glass-border);background:var(--surface);color:var(--t1);font-size:.8rem;font-family:inherit;outline:none;transition:all .2s;cursor:pointer}
.admin-filter-group select:focus{border-color:var(--glass-border-h)}
.admin-filter-group select option{background:var(--bg)}

/* ══════ CUSTOM CONFIRM MODAL ══════ */
.confirm-modal{text-align:center;max-width:380px}
.confirm-modal h3{margin-bottom:6px}
.confirm-modal .sub{margin-bottom:24px}
.confirm-modal .modal-footer{justify-content:center;gap:12px}
.confirm-icon{font-size:2.4rem;margin-bottom:12px;line-height:1;opacity:.9}
.confirm-modal .btn{min-width:100px;justify-content:center}
.confirm-modal .btn-danger{background:var(--red);color:#fff;border-color:var(--red)}
.confirm-modal .btn-danger:hover{opacity:.85}

/* ══════ PDF EXPORT FULL OPACITY ══════ */
.pdf-capture,.pdf-capture *{color:var(--t1)!important;opacity:1!important}
.pdf-capture td,.pdf-capture .kpi-sub,.pdf-capture .kpi-label,.pdf-capture .tbl-foot,.pdf-capture .chart-head h4,.pdf-capture th{color:var(--t1)!important}
.pdf-capture .text-red{color:var(--red)!important}
.pdf-capture .text-green{color:var(--green)!important}
.pdf-capture .text-amber{color:var(--amber)!important}
.pdf-capture .fba-tag{color:var(--blue)!important}
.pdf-capture .fbm-tag{color:var(--amber)!important}
.pdf-capture .refund-tag{color:var(--red)!important}

/* ══════ PLATFORM SWITCHER ══════ */
.platform-switcher{display:flex;align-items:center;gap:0;margin:8px 10px 4px;border-radius:var(--rs);overflow:hidden;border:1px solid var(--glass-border);background:var(--surface)}
.platform-switcher .ps-btn{flex:1;padding:9px 6px;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.3px;color:var(--t3);cursor:pointer;transition:all .2s;border:none;background:transparent;font-family:inherit;text-transform:uppercase}
.platform-switcher .ps-btn:first-child{border-right:1px solid var(--glass-border)}
.platform-switcher .ps-btn.active{background:var(--t1);color:var(--bg)}
.platform-switcher .ps-btn:not(.active):hover{background:var(--glass-h);color:var(--t2)}

/* ══════ SHOPIFY CHANNEL TAGS ══════ */
.ch-pos{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;background:rgba(34,197,94,.1);color:var(--green)}
.ch-online{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;background:rgba(59,130,246,.1);color:var(--blue)}
.ch-draft{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;background:rgba(245,158,11,.1);color:var(--amber)}
.ch-other{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;background:rgba(168,85,247,.1);color:var(--purple)}
.city-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:500;background:var(--surface);color:var(--t2)}

/* Negative value (fees/taxes/discounts) */
.text-neg{color:var(--red);font-weight:600}

/* ══════ ADMIN NAV DIVIDER ══════ */
.nav-divider{height:1px;background:var(--glass-border);margin:10px 0}
.nav-section-label{padding:10px 14px 4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--t4)}

/* ══════ PDF Shopify channel tags ══════ */
.pdf-capture .ch-pos{color:var(--green)!important}
.pdf-capture .ch-online{color:var(--blue)!important}
.pdf-capture .ch-draft{color:var(--amber)!important}
.pdf-capture .ch-other{color:var(--purple)!important}

/* Fix Native Date Picker popup inheriting text color */
input[type="date"] {
  color: unset;
}
input[type="date"]::-webkit-datetime-edit {
  color: var(--t1);
}

/* Custom Flatpickr Enterprise Theme */
.flatpickr-calendar {
  background: #111 !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.8) !important;
  color: var(--t1) !important;
  font-family: 'Inter', sans-serif !important;
  width: 260px !important;
}
.dayContainer {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #111 !important;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  border-top-color: #111 !important;
}
.flatpickr-months {
  background: transparent !important;
}
.flatpickr-month {
  color: var(--t1) !important;
  fill: var(--t1) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: var(--bg) !important;
  color: var(--t1) !important;
  border-radius: 4px;
}
.flatpickr-weekday {
  color: var(--t3) !important;
  font-weight: 600 !important;
  font-size: 0.7rem !important;
}
.flatpickr-day {
  color: var(--t1) !important;
  border-radius: var(--rs) !important;
  transition: all 0.2s !important;
  font-size: 0.75rem !important;
  height: 32px !important;
  line-height: 32px !important;
  max-width: 32px !important;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  background: var(--glass-h) !important;
  border-color: var(--glass-border-h) !important;
}
.flatpickr-day.selected {
  background: var(--t1) !important;
  color: var(--bg) !important;
  border-color: var(--t1) !important;
  font-weight: 700 !important;
}
.flatpickr-day.today {
  border-color: var(--blue) !important;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  opacity: 0.1 !important;
  pointer-events: none !important;
  color: var(--t4) !important;
}
.flatpickr-monthDropdown-months {
  font-size: 0.8rem !important;
}

/* Force dark mode for all select dropdown options globally */
select {
  color-scheme: dark;
}
select option {
  background-color: var(--bg) !important;
  color: var(--t1) !important;
}