/* Flash Eats v33.38 — premium visual layer. Original brand identity preserved. */
:root{
  --bg:#05070b;
  --panel:#0b1018;
  --panel2:#0e1622;
  --line:rgba(72,151,235,.14);
  --blue:#0878ff;
  --blue2:#1593ff;
  --text:#f5f7fa;
  --muted:#8d99aa;
  --green:#28c780;
  --yellow:#f0b429;
  --red:#ff5a68;
  --premium-brand-blue:#1593ff;
  --premium-brand-blue-soft:#78bdff;
  --premium-surface:rgba(10,16,24,.88);
  --premium-surface-strong:#0c131e;
  --premium-border:rgba(83,166,255,.14);
  --premium-border-strong:rgba(35,140,255,.28);
  --premium-shadow:0 24px 70px rgba(0,0,0,.34);
  --premium-shadow-soft:0 12px 36px rgba(0,0,0,.22);
  --premium-radius:20px;
}

html{color-scheme:dark;background:#05070b}
body{
  background:
    radial-gradient(900px 520px at 82% -10%,rgba(8,120,255,.15),transparent 62%),
    radial-gradient(760px 480px at -8% 35%,rgba(20,68,125,.12),transparent 66%),
    linear-gradient(180deg,#05070b 0%,#070b12 52%,#05070b 100%);
  color:var(--text);
  font-family:Inter,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.006em;
}

::selection{background:rgba(8,120,255,.3);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(120,164,210,.18);border:3px solid transparent;border-radius:99px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(120,164,210,.3);border:3px solid transparent;background-clip:padding-box}

.shell{isolation:isolate}
.topbar{
  min-height:70px;
  padding:13px 22px;
  background:rgba(5,7,11,.82);
  border-bottom:1px solid var(--premium-border);
  box-shadow:0 8px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.brand{color:#fff;font-size:24px;font-weight:900;font-style:italic;letter-spacing:-.05em;text-shadow:none}
.brand b{color:var(--blue2)}
.profilebox{gap:10px}
.avatar{
  width:44px;height:44px;border-radius:15px;
  color:#fff;
  background:linear-gradient(#1593ff,#084db3);
  border:1px solid rgba(94,174,255,.38);
  box-shadow:0 8px 24px rgba(8,120,255,.2),inset 0 1px 0 rgba(255,255,255,.24);
}

.layout{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 70px)}
.sidebar{
  position:sticky;top:70px;align-self:start;
  min-height:calc(100vh - 70px);
  padding:22px 14px;
  background:linear-gradient(180deg,rgba(7,11,17,.92),rgba(5,8,13,.76));
  border-right:1px solid var(--premium-border);
}
.sidebar>.kicker{padding:0 12px;margin:0 0 12px;color:#777b73}
.navbtn{
  min-height:44px;
  margin:3px 0;padding:11px 13px;
  border:1px solid transparent;
  border-radius:13px;
  color:#a7aaa1;
  font-size:13px;font-weight:650;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.navbtn:hover{color:#f8f4e9;background:rgba(255,255,255,.035);transform:translateX(2px)}
.navbtn.active{
  color:#f4f8ff;
  background:linear-gradient(100deg,rgba(8,120,255,.15),rgba(8,120,255,.045));
  border-color:rgba(35,140,255,.17);
  box-shadow:inset 3px 0 0 var(--premium-brand-blue),0 8px 22px rgba(0,0,0,.12);
}
.nav-badge{background:#ef476f;color:#fff;box-shadow:0 0 0 2px #05070b}

.main{width:100%;max-width:1540px;margin:0 auto;padding:30px clamp(22px,3vw,48px) 110px}
.container{max-width:1160px;padding:24px}

h1{font-size:clamp(28px,3vw,40px);font-weight:760;line-height:1.08;letter-spacing:-.045em;margin-bottom:10px}
h2{font-size:21px;font-weight:720;letter-spacing:-.028em}
h3{font-weight:700;letter-spacing:-.018em}
p{line-height:1.62}
.muted{color:#979b93}
.kicker{color:var(--blue2);font-size:10px;font-weight:780;letter-spacing:.19em;margin-bottom:9px}

.card{
  position:relative;
  padding:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 44%),
    linear-gradient(160deg,rgba(12,19,30,.96),rgba(8,12,19,.94));
  border:1px solid var(--premium-border);
  border-radius:var(--premium-radius);
  box-shadow:var(--premium-shadow-soft);
}
.card:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028);
}
.card+.card{margin-top:16px}
.hero{
  min-height:178px;padding:clamp(22px,4vw,38px);
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  background:
    radial-gradient(460px 220px at 92% 15%,rgba(8,120,255,.24),transparent 64%),
    radial-gradient(320px 170px at 75% 105%,rgba(21,147,255,.1),transparent 68%),
    linear-gradient(145deg,#0d1725,#080d15 70%);
  border-color:rgba(35,140,255,.19);
  box-shadow:var(--premium-shadow);
}
.hero:before{
  content:"";position:absolute;right:clamp(20px,6vw,84px);top:50%;width:118px;height:118px;
  border:1px solid rgba(83,166,255,.12);border-radius:38px;transform:translateY(-50%) rotate(18deg);
  box-shadow:0 0 0 20px rgba(83,166,255,.025),0 0 0 42px rgba(83,166,255,.012);
}
.hero h1,.hero p,.hero .kicker{position:relative;z-index:1;max-width:760px}

.grid2,.grid3,.grid4,.admin-home-cards,.role-grid{gap:16px}
.stat{min-height:126px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.stat:before{
  content:"";position:absolute;left:20px;right:20px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(35,140,255,.35),transparent);
}
.stat span{color:#92978f;font-size:12px;font-weight:550;letter-spacing:.01em}
.stat strong{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.04em;margin-top:9px}

.primary,.secondary,.ghost,.danger{
  min-height:42px;padding:10px 15px;border-radius:12px;font-size:13px;font-weight:720;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease;
}
.primary{color:#fff;border:1px solid #2e8fff;background:linear-gradient(180deg,var(--blue2),var(--blue));box-shadow:0 9px 24px rgba(8,120,255,.2),inset 0 1px 0 rgba(255,255,255,.28)}
.secondary{color:#eef5ff;border-color:rgba(66,137,210,.19);background:rgba(66,137,210,.065)}
.ghost{color:#d5d6d0;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.015)}
.danger{border-color:rgba(255,112,120,.27);background:rgba(255,85,98,.08)}
.primary:hover,.secondary:hover,.ghost:hover,.danger:hover{transform:translateY(-1px);filter:brightness(1.07)}
.primary:active,.secondary:active,.ghost:active,.danger:active{transform:translateY(0);filter:brightness(.96)}
.primary:focus-visible,.secondary:focus-visible,.ghost:focus-visible,.danger:focus-visible,.navbtn:focus-visible,.input:focus-visible{outline:2px solid rgba(35,140,255,.72);outline-offset:2px}
button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}

.input{
  min-height:44px;padding:11px 13px;
  color:#f5f7fa;background:rgba(5,9,17,.74);
  border:1px solid rgba(84,146,210,.15);border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.input:hover{border-color:rgba(84,146,210,.24)}
.input:focus{border-color:rgba(35,140,255,.55);background:#07101b;box-shadow:0 0 0 4px rgba(8,120,255,.08)}
.input::placeholder{color:#686d65}
label{color:#aaada5;font-size:12px;font-weight:590}
.formgrid{gap:14px}.formgroup{gap:8px}

.pill{
  padding:6px 10px;color:#cfcec7;background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.105);font-size:10px;letter-spacing:.025em;
}
.pill.good{color:#9ce8c1;background:rgba(58,174,117,.095);border-color:rgba(95,212,155,.25)}
.pill.warn{color:#efd48f;background:rgba(214,173,77,.095);border-color:rgba(226,189,103,.25)}
.pill.bad{color:#ffb0b5;background:rgba(218,70,80,.095);border-color:rgba(255,112,120,.24)}

.notice,.upload-card,.confirm-row,.finance-settings-strip,.period-payout-strip,.foodora-import-checklist{
  background:rgba(8,120,255,.035);border-color:rgba(35,140,255,.15);border-radius:14px;
}

.tablewrap{
  border-radius:14px;border:1px solid rgba(84,146,210,.09);
  background:rgba(6,8,6,.28);
}
table{font-size:13px}
th,td{padding:13px 12px;border-bottom:1px solid rgba(84,146,210,.075)}
th{
  position:sticky;top:0;z-index:2;
  color:#8f938b;background:rgba(12,14,11,.96);
  font-size:10px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;
  backdrop-filter:blur(12px);
}
tbody tr{transition:background .14s ease}
tbody tr:hover{background:rgba(35,140,255,.025)}
tbody tr:last-child td{border-bottom:0}

.profile-line{padding:11px 0;border-color:rgba(84,146,210,.075)}
.profile-line span{color:#92978f;font-size:12px}
.docrow{padding:13px 0;border-color:rgba(84,146,210,.075)}
.timeline-item{border-color:rgba(84,146,210,.075)}
.dot{background:var(--premium-brand-blue);box-shadow:0 0 0 4px rgba(8,120,255,.12)}

.admin-home-cards>.card,.role-card{
  min-height:160px;
  background:linear-gradient(150deg,rgba(20,23,19,.96),rgba(10,12,10,.92));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.admin-home-cards>.card:hover,.role-card:hover{transform:translateY(-2px);border-color:rgba(35,140,255,.22);box-shadow:0 18px 44px rgba(0,0,0,.28)}
.crm-filter,.period-chip,.mail-folder{
  border-color:rgba(84,146,210,.12)!important;
  background:rgba(255,255,255,.025)!important;
  border-radius:12px!important;
  color:#aeb0a9!important;
}
.crm-filter.active,.period-chip.active,.mail-folder.active{
  color:#f2f7ff!important;
  border-color:rgba(35,140,255,.32)!important;
  background:linear-gradient(145deg,rgba(8,120,255,.14),rgba(8,120,255,.045))!important;
  box-shadow:inset 0 0 0 1px rgba(35,140,255,.06)!important;
}

.finance-period-card{border-color:rgba(35,140,255,.15);box-shadow:0 18px 48px rgba(0,0,0,.23)}
.finance-period-card[data-courier-settlement-platform="foodora"]{border-left:2px solid rgba(255,55,116,.58)}
.finance-period-card[data-courier-settlement-platform="bolt"]{border-left:2px solid rgba(95,212,155,.62);background:linear-gradient(150deg,rgba(13,25,18,.82),rgba(10,13,10,.94))}
.finance-period-rules .card{background:rgba(255,255,255,.024)}
.period-money-grid{gap:10px}
.period-money-grid>div{
  min-height:82px;padding:13px;
  background:rgba(5,9,15,.42);border-color:rgba(84,146,210,.09);border-radius:13px;
}
.period-money-grid .period-payout{
  background:linear-gradient(145deg,rgba(8,120,255,.13),rgba(8,120,255,.04));
  border-color:rgba(35,140,255,.28);
}
.period-money-grid .period-payout strong{color:#78bdff}
.period-meta{padding-top:11px;border-top:1px solid rgba(84,146,210,.075)}
.period-admin-summary .card{box-shadow:none;background:rgba(255,255,255,.022)}
.bolt-period-card,.platform-summary-card.bolt-summary,.bolt-formula-strip{border-color:rgba(95,212,155,.22)!important;background:linear-gradient(145deg,rgba(12,28,19,.78),rgba(9,14,10,.94))!important}

.mail-layout{gap:12px}
.mail-folders,.mail-list,.mail-detail,.mail-message{border-color:rgba(84,146,210,.1)}
.mail-row:hover,.mail-row.selected,.mail-row.unread{background:rgba(8,120,255,.055)}
.mail-message.mine{background:rgba(8,120,255,.055);border-color:rgba(35,140,255,.17)}

.contract-overlay{background:rgba(0,0,0,.88);backdrop-filter:blur(18px)}
.contract-modal{background:#08101c;border-color:rgba(35,140,255,.2);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.6)}
.modal-head,.editor-actions{background:rgba(8,16,28,.96);border-color:rgba(35,140,255,.13)}
.toast{right:22px;bottom:22px;background:rgba(9,18,30,.96);border-color:rgba(35,140,255,.27);box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(16px)}

.mobilebar{
  background:rgba(5,7,11,.92);border:1px solid rgba(83,166,255,.14);
  box-shadow:0 -12px 38px rgba(0,0,0,.36);backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}

@media(max-width:1100px){
  .layout{grid-template-columns:224px minmax(0,1fr)}
  .main{padding-inline:22px}
}

@media(max-width:860px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .topbar{min-height:60px;padding:9px 14px;gap:9px}
  .brand{font-size:19px}
  .profilebox{min-width:0}
  .profilebox .avatar{width:38px;height:38px;border-radius:13px}
  .profilebox .secondary,.profilebox .ghost{min-height:38px;padding:8px 10px}
  .layout{display:block;min-height:calc(100vh - 60px)}
  .sidebar{display:none}
  .main{padding:18px 14px calc(116px + env(safe-area-inset-bottom));max-width:100%}
  .hero{min-height:154px;padding:23px 20px;border-radius:18px}
  .hero:before{right:4px;width:90px;height:90px;opacity:.65}
  .card{border-radius:17px;padding:17px}
  .grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grid2{gap:12px}
  .stat{min-height:108px;padding:15px}
  .stat:before{left:15px;right:15px}
  .stat strong{font-size:24px}
  .mobilebar{
    display:flex;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));
    width:auto;min-height:70px;padding:7px;border-radius:19px;
    gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;z-index:60;
  }
  .mobilebar::-webkit-scrollbar{display:none}
  .mobilebar button{
    flex:1 0 68px;min-width:68px;min-height:54px;padding:7px 5px;border-radius:13px;
    color:#858981;font-size:10px;font-weight:650;line-height:1.15;white-space:normal;
  }
  .mobilebar button.active{color:#78bdff;background:rgba(8,120,255,.105)}
  .mobilebar .nav-badge{right:5px;top:3px}
  .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
  table{min-width:720px}
  .mail-layout table{min-width:0}
  .finance-main-head,.crm-head,.mail-head{gap:14px}
  .finance-head-actions{justify-content:flex-start}
  .finance-platform-switch{position:static}
  .toast{left:12px;right:12px;bottom:calc(94px + env(safe-area-inset-bottom));text-align:center}
}

@media(max-width:620px){
  h1{font-size:29px}
  h2{font-size:19px}
  .main{padding-inline:12px}
  .card{padding:15px}
  .grid2{grid-template-columns:1fr}
  .grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-home-cards,.role-grid{grid-template-columns:1fr}
  .admin-home-cards>.card,.role-card{min-height:0}
  .formgrid{grid-template-columns:1fr}
  .row{flex-wrap:wrap}
  .primary,.secondary,.ghost,.danger{min-height:44px}
  .finance-period-rules{grid-template-columns:1fr 1fr}
  .finance-period-rules .referral-mini{grid-column:1/-1}
  .period-money-grid,.period-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .period-money-grid .period-payout,.period-admin-summary .card:last-child{grid-column:1/-1}
  .period-money-grid>div{min-height:76px;padding:11px}
  .period-money-grid strong{font-size:17px}
  .foodora-importer,.bolt-importer{padding:14px}
  .finance-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .finance-head-actions>*{width:100%}
  .mail-folders{border-radius:14px}
  .contract-modal{border-radius:0}
}

@media(max-width:560px){
  .topbar .brand{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar select{max-width:94px}
  .hero{min-height:142px}
  .hero p{font-size:13px;margin-bottom:0;max-width:82%}
  .profile-readonly{grid-template-columns:1fr}
  .tabs,.finance-tabs{overflow-x:auto;scrollbar-width:none;padding-bottom:3px}
  .tabs button,.finance-tabs button{flex:0 0 auto;min-width:max-content}
  .period-selector{margin-inline:-12px;padding-inline:12px}
  .period-chip{min-width:148px}
  .referral-code-box{padding:13px}
  .referral-code-box strong{font-size:21px}
  .mail-thread-actions{grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .grid4,.grid3{gap:8px}
  .stat{min-height:100px;padding:13px}
  .stat strong{font-size:21px}
  .finance-period-rules{grid-template-columns:1fr}
  .finance-period-rules .referral-mini{grid-column:auto}
  .period-money-grid,.period-admin-summary{grid-template-columns:1fr}
  .period-money-grid .period-payout,.period-admin-summary .card:last-child{grid-column:auto}
  .finance-head-actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media print{
  body{background:#fff!important;color:#111!important}
  .doc-page,.contract-paper,.official-tax-page,.real-tax-page{box-shadow:none!important}
}