/* SwiftBill Command Console — structural redesign */
@media(min-width:700px){
  .shell{display:grid;grid-template-columns:238px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:22px;max-width:1500px;padding:20px 26px 64px}
  .top{grid-column:1/-1;grid-row:1;margin-bottom:18px}
  .nav{grid-column:1;grid-row:2/span 4;position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:4px;width:100%;max-height:calc(100vh - 40px);margin:0;padding:16px 12px;border:0;border-radius:20px;background:linear-gradient(165deg,#171a25 0%,#20243a 58%,#26254b 100%);box-shadow:0 20px 55px rgba(28,30,48,.2);overflow:auto}
  .nav:before{content:"WORKSPACE";display:block;padding:2px 11px 10px;color:#858da5;font-size:10px;font-weight:800;letter-spacing:.14em}
  .nav button,.nav a{justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#b8becc;font-size:13px;font-weight:620;text-align:left}
  .nav button:hover,.nav a:hover{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.06);color:#fff}
  .nav button.active{border-color:rgba(165,180,252,.2);background:linear-gradient(135deg,rgba(99,102,241,.34),rgba(124,58,237,.25));color:#fff;box-shadow:inset 3px 0 #a5b4fc}
  .nav a{margin-top:8px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 11px 11px;color:#9ea6b8}
  .shell>.page,.shell>.card{grid-column:2;grid-row:2;min-width:0}
  .shell>.notice{grid-column:2;grid-row:2;margin-bottom:18px}.shell:has(>.notice)>.page,.shell:has(>.notice)>.card{grid-row:3}
}

body{background:
  radial-gradient(circle at 82% -10%,rgba(99,102,241,.13),transparent 28rem),
  radial-gradient(circle at 25% 105%,rgba(14,165,233,.08),transparent 30rem),
  #f2f4f8}
.top{border-color:rgba(214,218,226,.82);background:rgba(249,250,252,.88);box-shadow:0 8px 30px rgba(21,27,44,.06)}
.brand:before{content:"SB";width:40px;background:linear-gradient(145deg,#5258e8,#6d43d9 65%,#3678d3);font-size:12px;letter-spacing:-.3px;box-shadow:0 8px 22px rgba(79,70,229,.3)}

.page{gap:20px}.card{border-color:#dfe3ea;border-radius:20px;box-shadow:0 8px 30px rgba(24,32,56,.055)}
.page>.card:first-child:not(.accounts-hero){background:linear-gradient(145deg,#fff 0%,#f9faff 72%,#f2f4ff 100%)}
.page>.card:first-child:not(.accounts-hero):before{content:""!important;display:block!important;position:absolute;right:-80px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.13),transparent 67%)}
.accounts-hero{background:linear-gradient(135deg,#1c2030 0%,#292b4d 56%,#31285a 100%);color:#fff;box-shadow:0 20px 50px rgba(28,31,56,.2)}
.accounts-hero .eyebrow{color:#b9c2ff}.accounts-hero h1,.accounts-hero .stat b{color:#fff}.accounts-hero .sub,.accounts-hero .stat span{color:#b8bfce}.accounts-hero .stat{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.accounts-hero button.secondary{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}.accounts-hero button.secondary:hover{background:rgba(255,255,255,.14)}

.stats{gap:14px}.stat{border:0;border-left:4px solid #6366f1;background:linear-gradient(145deg,#fff,#f6f7ff);box-shadow:0 8px 24px rgba(32,38,68,.07)}.stat:nth-child(2){border-left-color:#0ea5e9;background:linear-gradient(145deg,#fff,#f1faff)}.stat:nth-child(3){border-left-color:#8b5cf6;background:linear-gradient(145deg,#fff,#f8f4ff)}
.stat b{font-size:29px}.table-wrap{border-radius:14px;box-shadow:0 4px 14px rgba(31,38,62,.035)}.table th{height:46px;background:#f3f5f8;color:#596273}.table tbody tr{transition:background .14s ease}.table tr:hover td{background:#f6f7ff}

.sales-grid{grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);gap:20px}.sale-entry{border-top:4px solid #6366f1;background:linear-gradient(150deg,#fff 0%,#fbfbff 100%)!important}.checkout-card{border:0;background:linear-gradient(160deg,#1b1e2b,#252942 64%,#29254a)!important;color:#fff;box-shadow:0 22px 55px rgba(25,28,47,.24)}.checkout-card h2,.checkout-card .total,.checkout-card .sale-line strong{color:#fff}.checkout-card>.eyebrow{color:#aab6ff}.checkout-card .sale-line{border-color:rgba(255,255,255,.1);border-left-color:#818cf8;background:rgba(255,255,255,.07)}.checkout-card .sale-line:hover{background:rgba(255,255,255,.1)}.checkout-card .sale-line small{color:#adb4c4}.checkout-card .total{border-top-color:rgba(255,255,255,.14)}.checkout-card .empty{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#aeb5c4}.checkout-card .empty b{color:#fff}.checkout-card .complete-button{background:linear-gradient(135deg,#6d6ef0,#7048dc);border-color:#7c7df3;box-shadow:0 10px 28px rgba(79,70,229,.35)}
#lookup{padding:7px;border-color:#d8dce5;background:#f3f5f9}.price-box{background:linear-gradient(110deg,#f5f5ff,#edf6ff);border-color:#cdd5ff}

.modal-card{border-radius:22px;box-shadow:0 35px 90px rgba(11,15,30,.34)}.modal-top{padding-bottom:13px;border-bottom:1px solid var(--line)}

@media(max-width:699px){.nav{background:#fff}.sales-grid{grid-template-columns:1fr}.checkout-card{min-height:390px}.accounts-hero{border-radius:18px}}