.admin-page{
  max-width:1540px;
  margin:auto;
  padding:28px clamp(16px,3vw,44px) 90px;
}
.admin-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:22px;
  background:rgba(250,254,255,.62);
  box-shadow:0 22px 60px rgba(4,30,53,.1),inset 0 1px 0 #fff;
  backdrop-filter:blur(26px) saturate(160%);
}
.admin-bar>div,.admin-bar-actions,.profile-switch{display:flex;align-items:center;gap:12px}
.admin-bar>div:first-child>div{display:flex;flex-direction:column;line-height:1.35}
.admin-bar small,.profile-switch span{color:var(--muted);font-size:.72rem}
.admin-bar-actions{margin-inline-start:auto}
.profile-switch{padding:6px 11px;border:1px solid rgba(6,42,73,.1);border-radius:13px;background:rgba(255,255,255,.55)}
.profile-switch select{width:auto;min-width:150px;margin:0;padding:7px 10px;background:transparent;border:0;box-shadow:none;font-weight:800}
.role-pill{padding:8px 12px;border-radius:999px;background:#dff8f6;color:#087b7d;font-size:.75rem;font-weight:800;white-space:nowrap}
.admin-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}
.admin-sidebar{
  position:sticky;
  top:96px;
  padding:16px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:26px;
  background:linear-gradient(165deg,rgba(255,255,255,.72),rgba(232,247,249,.45));
  box-shadow:0 28px 75px rgba(4,30,53,.11),inset 0 1px 0 #fff;
  backdrop-filter:blur(28px) saturate(160%);
}
.admin-user-card{display:flex;align-items:center;gap:11px;padding:8px 7px 18px;margin-bottom:10px;border-bottom:1px solid rgba(6,42,73,.09);position:relative}
.admin-user-card>div{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.admin-user-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}
.admin-user-card small{color:var(--muted);font-size:.72rem}
.admin-user-card>i{position:absolute;left:7px;top:18px;width:8px;height:8px;border-radius:50%;background:#24bd82;box-shadow:0 0 0 5px rgba(36,189,130,.12)}
.admin-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0d4267,#061c32);color:#72ece7;font-weight:900;box-shadow:0 10px 25px rgba(5,34,58,.18)}
.admin-tabs{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
.admin-tabs button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:13px;background:transparent;color:#42596c;text-align:right;font-size:.84rem;transition:.22s}
.admin-tabs button span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(7,53,86,.06);color:#127f8a;font-weight:900}
.admin-tabs button:hover{background:rgba(255,255,255,.65);color:var(--ink)}
.admin-tabs button.active{background:linear-gradient(145deg,#0a385d,#061f38);color:#fff;border:0;box-shadow:0 13px 28px rgba(3,28,50,.19)}
.admin-tabs button.active span{background:rgba(100,232,228,.14);color:#72ece7}
.admin-tabs button[hidden]{display:none}
.admin-security-note{margin-top:16px;padding:13px;border:1px solid rgba(12,197,207,.16);border-radius:14px;background:rgba(218,248,248,.38)}
.admin-security-note b,.admin-security-note span{display:block}.admin-security-note b{font-size:.76rem}.admin-security-note span{margin-top:3px;color:var(--muted);font-size:.67rem;line-height:1.6}
.admin-main{min-width:0}
.admin-dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 4px 20px}
.admin-dashboard-head span,.panel-kicker{color:#078f96;font-size:.75rem;font-weight:800}
.admin-dashboard-head h1{font-size:2.25rem;line-height:1.15;margin:4px 0 7px;letter-spacing:-.035em}
.admin-dashboard-head p{margin:0;color:var(--muted);font-size:.85rem}
.live-indicator{padding:8px 12px;border:1px solid rgba(18,160,139,.16);border-radius:999px;background:rgba(225,249,242,.62);color:#187e68;font-size:.72rem;font-weight:700}
.live-indicator i{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#20bb80;box-shadow:0 0 0 5px rgba(32,187,128,.1)}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px}
.admin-stats article{min-height:130px;padding:19px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(237,249,250,.42));box-shadow:0 18px 50px rgba(3,30,52,.08),inset 0 1px 0 #fff;backdrop-filter:blur(22px);position:relative;overflow:hidden}
.admin-stats article:after{content:"";position:absolute;width:75px;height:75px;left:-20px;bottom:-28px;border-radius:50%;background:rgba(12,197,207,.08)}
.admin-stats article.accent{background:linear-gradient(145deg,rgba(8,59,94,.96),rgba(3,27,49,.95));color:#fff;border-color:rgba(110,236,233,.22);box-shadow:0 22px 55px rgba(3,27,49,.2),inset 0 1px 0 rgba(255,255,255,.15)}
.admin-stats span,.admin-stats small{display:block}.admin-stats span{font-size:.75rem;color:var(--muted)}.admin-stats .accent span,.admin-stats .accent small{color:#bcd0dc}
.admin-stats strong{display:block;margin:7px 0 2px;font-size:1.75rem;line-height:1.25}.admin-stats .accent strong{color:#72ece7}
.admin-stats small{font-size:.68rem;color:#8395a3}
.admin-panel{display:none;padding:0;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
.admin-panel.active{display:block}
.dashboard-card,.admin-panel:not(#admin-overview){border:1px solid rgba(255,255,255,.88);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,249,250,.44));box-shadow:0 22px 65px rgba(3,30,52,.09),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(150%)}
.admin-panel:not(#admin-overview){padding:24px}
.dashboard-card{padding:22px;min-width:0}
.overview-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:16px;margin-bottom:16px}
.overview-grid.lower{grid-template-columns:1fr 1fr}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.panel-title h2,.panel-title h3{margin:2px 0 0}.panel-title h2{font-size:1.35rem}.panel-title h3{font-size:1rem}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:.77rem}
.sales-chart{height:215px;display:flex;align-items:flex-end;gap:12px;padding-top:18px;border-bottom:1px solid rgba(6,42,73,.1)}
.sales-chart.large{height:270px}
.chart-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.chart-column b{font-size:.63rem;color:#557084;opacity:0;transition:.2s}.chart-column:hover b{opacity:1}
.chart-column i{display:block;width:min(34px,72%);min-height:9px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#58e1df,#0a8c9a);box-shadow:0 8px 20px rgba(12,166,177,.18);transition:.25s}
.chart-column:hover i{filter:saturate(1.2);transform:translateY(-3px)}
.chart-column span{font-size:.65rem;color:var(--muted);white-space:nowrap}
.activity-list{display:grid;gap:5px}.activity-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid rgba(6,42,73,.07)}.activity-item:last-child{border:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e0f7f6;color:#087f87}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:.77rem}.activity-item small{color:var(--muted);font-size:.65rem}.activity-item time{font-size:.62rem;color:#8293a1}
.revenue-split{display:grid;gap:13px}.split-row{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;font-size:.77rem}.split-bar{height:8px;border-radius:99px;background:rgba(6,42,73,.08);overflow:hidden}.split-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0aa6b2,#68e8e4)}.split-row strong{font-size:.72rem}
.attention-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(145deg,rgba(8,57,91,.95),rgba(4,28,50,.94));color:#fff;border-color:rgba(100,232,228,.2)}.attention-card span{font-size:.73rem;color:#a9c4d2}.attention-card strong{display:block;font-size:1.55rem;color:#70e7e3}.attention-card p{max-width:420px;margin:4px 0 0;color:#b6c8d3;font-size:.75rem}
.table-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-field{flex:1;max-width:410px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(6,42,73,.1);border-radius:12px;background:rgba(255,255,255,.5);color:#6d8495}.search-field input{margin:0;padding:10px 0;border:0;background:transparent;box-shadow:none}.table-tools select,.date-chip{width:auto;margin:0;padding:10px 13px;border:1px solid rgba(6,42,73,.1);border-radius:12px;background:rgba(255,255,255,.55);box-shadow:none;font-size:.76rem}
.admin-panel table{min-width:920px}.admin-panel th{font-size:.72rem}.admin-panel td{font-size:.78rem}.admin-panel td small{display:block;color:var(--muted);font-size:.65rem}.admin-panel tbody tr:hover{background:rgba(222,247,247,.28)}
.finance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px}.finance-metric{padding:16px;border:1px solid rgba(6,42,73,.08);border-radius:16px;background:rgba(255,255,255,.45)}.finance-metric span,.finance-metric small{display:block;color:var(--muted);font-size:.67rem}.finance-metric strong{display:block;margin:5px 0;font-size:1.25rem}.positive-trend{padding:5px 8px;border-radius:99px;background:#dcf6ec;color:#087b57!important;font-size:.66rem!important}
.finance-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:14px;margin-bottom:14px}.finance-table{margin-top:0}.payment-breakdown{display:grid;gap:14px}.payment-row{padding-bottom:11px;border-bottom:1px solid rgba(6,42,73,.07)}.payment-row>div{display:flex;justify-content:space-between;gap:10px;font-size:.77rem}.payment-row>i{display:block;height:7px;margin-top:7px;border-radius:99px;background:rgba(6,42,73,.07);overflow:hidden}.payment-row>i:after{content:"";display:block;width:var(--share);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ba8b4,#73e9e4)}
.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-card{padding:17px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.5);box-shadow:0 12px 34px rgba(3,30,52,.06)}.customer-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.customer-avatar{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;background:#dbf5f5;color:#087f87;font-weight:900}.customer-head div{min-width:0}.customer-head b,.customer-head small{display:block}.customer-head small{color:var(--muted);font-size:.66rem}.customer-data{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:11px;border-top:1px solid rgba(6,42,73,.07)}.customer-data span{font-size:.61rem;color:var(--muted)}.customer-data b{display:block;font-size:.75rem}.customer-location{margin-top:10px;color:#526b7e;font-size:.68rem}.result-count{color:var(--muted);font-size:.72rem}
.coupon-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.coupon-summary article{padding:14px;border-radius:16px;background:rgba(255,255,255,.46);border:1px solid rgba(6,42,73,.07)}.coupon-summary span{display:block;color:var(--muted);font-size:.67rem}.coupon-summary strong{font-size:1.2rem}.coupon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.coupon-card{position:relative;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(227,247,248,.44));overflow:hidden}.coupon-card:before,.coupon-card:after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#eaf5f7;transform:translateY(-50%)}.coupon-card:before{right:-12px}.coupon-card:after{left:-12px}.coupon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px dashed rgba(6,42,73,.13)}.coupon-head b{display:block;font-size:1.05rem;letter-spacing:.06em}.coupon-head span{display:block;color:var(--muted);font-size:.68rem}.coupon-value{font-size:1.45rem;font-weight:900;color:#078f96}.coupon-meta{display:flex;justify-content:space-between;gap:10px;margin:12px 0;color:#61798b;font-size:.67rem}.coupon-actions{display:flex;gap:7px}.coupon-actions button{padding:7px 10px;font-size:.67rem}.coupon-status{padding:4px 8px;border-radius:99px;font-size:.61rem;font-weight:800}.coupon-status.active{background:#dcf6ec;color:#087b57}.coupon-status.inactive{background:#edf0f2;color:#71808c}
.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee-card{padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.5)}.employee-head{display:flex;align-items:center;gap:10px}.employee-head .admin-avatar{width:45px;height:45px}.employee-head div{min-width:0}.employee-head b,.employee-head small{display:block}.employee-head small{color:var(--muted);font-size:.65rem}.employee-role{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px;padding:9px 10px;border-radius:11px;background:rgba(6,42,73,.045);font-size:.7rem}.employee-meta{display:grid;gap:5px;color:#5d7486;font-size:.66rem}.employee-actions{display:flex;gap:7px;margin-top:13px}.employee-actions button{flex:1;padding:7px;font-size:.65rem}.permission-legend{display:flex;flex-wrap:wrap;gap:14px;margin:-3px 0 17px;color:#5d7486;font-size:.68rem}.permission-legend i{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%}.owner-dot{background:#0b99a5}.finance-dot{background:#655ad9}.ops-dot{background:#e39024}.store-dot{background:#188e66}
.form-switch{display:flex!important;align-items:center;gap:8px;margin:7px 0 15px}.form-switch input{width:auto;margin:0}.modal .form-grid.three{grid-template-columns:repeat(3,1fr)}.modal small.helper{display:block;margin-top:5px;color:var(--muted);font-size:.67rem}
@media(max-width:1180px){.admin-workspace{grid-template-columns:205px minmax(0,1fr)}.admin-tabs button{font-size:.76rem}.customer-grid,.employee-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.finance-layout{grid-template-columns:1fr}.admin-bar-actions .role-pill{display:none}}
@media(max-width:900px){.admin-page{padding:18px 14px 70px}.admin-bar{align-items:flex-start}.admin-bar-actions{flex-wrap:wrap;justify-content:flex-end}.profile-switch span{display:none}.admin-workspace{grid-template-columns:1fr}.admin-sidebar{position:static;padding:10px}.admin-user-card,.admin-security-note{display:none}.admin-tabs{display:flex;flex-direction:row;overflow:auto;padding-bottom:4px}.admin-tabs button{width:auto;min-width:max-content;padding:9px 11px}.admin-tabs button span{display:none}.admin-stats{grid-template-columns:repeat(2,1fr)}.finance-metrics{grid-template-columns:repeat(2,1fr)}.coupon-list{grid-template-columns:1fr}}
@media(max-width:620px){.admin-bar{gap:8px;padding:10px}.admin-bar>div:first-child>div{display:none}.admin-bar-actions{width:100%}.profile-switch{flex:1}.profile-switch select{min-width:0;width:100%}.admin-bar-actions>.ghost-btn{display:none}.admin-dashboard-head{align-items:flex-start;gap:12px}.admin-dashboard-head h1{font-size:1.85rem}.live-indicator{display:none}.admin-stats{grid-template-columns:1fr 1fr;gap:8px}.admin-stats article{min-height:108px;padding:14px}.admin-stats strong{font-size:1.3rem}.overview-grid.lower{grid-template-columns:1fr}.attention-card{align-items:flex-start;flex-direction:column}.customer-grid,.employee-grid{grid-template-columns:1fr}.coupon-summary{grid-template-columns:1fr}.table-tools{align-items:stretch;flex-direction:column}.search-field{max-width:none}.table-tools select{width:100%}.admin-panel:not(#admin-overview),.dashboard-card{padding:17px}.panel-title{align-items:flex-start;flex-direction:column}.finance-metrics{grid-template-columns:1fr 1fr}.sales-chart{gap:5px}.chart-column span{font-size:.55rem}.modal .form-grid.three{grid-template-columns:1fr}}