/* SwiftBill — Obsidian Amethyst interface */
:root{
  --ink:#111322;--ink-2:#20233a;--muted:#697089;--brand:#6c3cf0;--brand-2:#9a65ff;
  --brand-deep:#4a24c8;--violet-soft:#f2edff;--surface:rgba(255,255,255,.9);
  --line:rgba(133,140,165,.18);--good:#087a4b;--bad:#c63617;
  --shadow-xl:0 32px 90px rgba(27,24,58,.14);--shadow:0 18px 52px rgba(28,25,61,.09);
  --shadow-soft:0 8px 25px rgba(28,25,61,.06)
}
html{scroll-behavior:smooth;background:#f3f4f9}
body{min-height:100vh;background:
  radial-gradient(circle at -8% -5%,rgba(117,65,246,.18),transparent 32rem),
  radial-gradient(circle at 108% 8%,rgba(57,139,255,.1),transparent 30rem),
  linear-gradient(180deg,#f7f7fb 0%,#f2f4f9 100%);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(rgba(83,72,128,.35) .55px,transparent .55px);background-size:20px 20px;mask-image:linear-gradient(to bottom,#000,transparent 68%)}
body:after{content:"";position:fixed;z-index:-1;left:50%;top:-30rem;width:70rem;height:50rem;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.65);filter:blur(70px)}
button,input,select{font:inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(108,60,240,.22);outline-offset:2px}
.shell{position:relative;max-width:1380px;margin:auto;padding:24px 28px 56px}

/* Command header */
.top{min-height:78px;margin:0 0 14px;padding:14px 16px 14px 19px;border:1px solid rgba(255,255,255,.12);border-radius:23px;background:
  radial-gradient(circle at 5% -60%,rgba(156,101,255,.45),transparent 34%),
  linear-gradient(135deg,#151527 0%,#1d1d35 58%,#24203f 100%);box-shadow:0 18px 55px rgba(19,17,42,.22);color:#fff}
.brand-block{display:flex;align-items:center;gap:14px}.brand-block small{color:rgba(255,255,255,.54);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.16);padding-left:14px}
.brand{display:flex;align-items:center;color:#fff;font-size:27px;font-weight:950;letter-spacing:-1.5px}
.brand i{background:linear-gradient(130deg,#c5adff,#9e78ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.brand:before{content:"S";display:grid;place-items:center;width:42px;height:42px;margin-right:11px;border:1px solid rgba(255,255,255,.2);border-radius:13px;color:#fff;background:linear-gradient(145deg,#7040f5,#9c66ff);font-size:20px;letter-spacing:0;box-shadow:0 10px 28px rgba(112,64,245,.45),inset 0 1px rgba(255,255,255,.35)}
.top .actions{gap:10px}.db-state{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(113,231,178,.2);border-radius:999px;background:rgba(13,117,72,.18);color:#b9f6d8;font-size:12px;font-weight:800;letter-spacing:.01em}.db-state>span{width:7px;height:7px;border-radius:50%;background:#46e59a;box-shadow:0 0 0 4px rgba(70,229,154,.12),0 0 16px #46e59a}.signout{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff}.signout:hover{background:rgba(255,255,255,.14)}

/* Navigation */
.nav{position:relative;z-index:3;display:flex;gap:4px;width:max-content;max-width:100%;margin:0 0 20px;padding:5px;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:rgba(255,255,255,.76);box-shadow:0 12px 35px rgba(30,27,64,.08);backdrop-filter:blur(18px);overflow:auto}
.nav button,.nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:12px;background:transparent;color:#66677c;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.nav button:hover{background:#f0ecfb;color:#3d2c79;transform:translateY(-1px)}
.nav button.active{background:linear-gradient(135deg,#171729,#26213f);color:#fff;box-shadow:0 9px 22px rgba(23,23,41,.24)}
.nav button.active:after{content:"";position:absolute;left:50%;bottom:5px;width:15px;height:2px;transform:translateX(-50%);border-radius:99px;background:#a983ff}

/* Surfaces and typography */
.page{animation:page-in .32s cubic-bezier(.2,.8,.2,1)}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:26px;padding:27px;background:var(--surface);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}
.card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,60,240,.35),transparent);opacity:.7}
.sales-grid{grid-template-columns:minmax(0,1.48fr) minmax(355px,.72fr);gap:20px}.sales-grid>.card:first-child{box-shadow:var(--shadow);min-height:515px}.sales-grid>.card:last-child{background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(248,246,255,.93))}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head .sub{margin-bottom:0}.desk-badge{display:flex;align-items:center;gap:8px;flex:none;padding:8px 10px;border:1px solid rgba(15,164,93,.13);border-radius:999px;background:#effbf5;color:#18734c;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.desk-badge span{width:7px;height:7px;border-radius:50%;background:#23bd74;box-shadow:0 0 0 4px rgba(35,189,116,.1)}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--brand);text-transform:uppercase}.card h1{margin:6px 0 7px;font-size:34px;line-height:1.05;letter-spacing:-1.25px}.card h2{margin:6px 0 7px;font-size:25px;line-height:1.1;letter-spacing:-.7px}.sub{color:var(--muted);font-size:14px;line-height:1.55}

/* Controls */
input,select{height:50px;border:1px solid #d9dcea;border-radius:13px;padding:12px 14px;background:rgba(255,255,255,.9);color:var(--ink);box-shadow:inset 0 1px 2px rgba(17,19,34,.02);transition:border-color .16s,box-shadow .16s,background .16s}
input:hover,select:hover{border-color:#bbb8d0}input:focus,select:focus{border-color:#8b61f2;box-shadow:0 0 0 4px rgba(108,60,240,.11)}input[readonly]{background:#f6f6fa;color:#555b70;cursor:default}
label{gap:7px;color:#3e4358;font-size:12px;font-weight:850;letter-spacing:.01em}
button{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background .14s ease}button:active{transform:scale(.975)}button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.45}.big{min-height:50px;padding:12px 19px;border-radius:13px}.small{border-radius:10px}
button.primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#5d2fe6 0%,#7d45f5 52%,#9a62ff 100%);box-shadow:0 10px 24px rgba(103,54,234,.26);color:#fff}button.primary:before{content:"";position:absolute;inset:1px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.35);pointer-events:none}button.primary:hover{filter:brightness(1.055);box-shadow:0 14px 30px rgba(103,54,234,.34);transform:translateY(-1px)}
button.secondary{background:#f0ebff;color:#4f29bd}button.secondary:hover{background:#e8e0ff;transform:translateY(-1px)}button.danger{background:#fff0ed;color:var(--bad)}
.scan-row{gap:10px}.barcode-btn{width:auto;min-width:145px;height:50px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px}.scan-glyph{font-size:19px;line-height:1}.scanner-status{display:inline-flex;align-items:center;gap:8px;margin:4px 0 12px;border:1px solid #ccebdc;border-radius:999px;padding:7px 10px;background:#effbf5;color:#17734e;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.scanner-status span{width:8px;height:8px;border-radius:50%;background:#20c785;box-shadow:0 0 0 5px rgba(32,199,133,.12)}#barcode-reader{min-height:220px;overflow:hidden;border:1px solid rgba(121,76,238,.22)!important;border-radius:18px;background:#151426}#barcode-reader video{width:100%!important;border-radius:16px}#barcode-reader img{display:none}#barcode-reader__dashboard_section{padding:10px!important}.scan-file-button{width:100%;display:flex;align-items:center;justify-content:center;margin-top:12px;cursor:pointer}.scan-file-button input{display:none}.price-box{margin:16px 0;border:1px solid rgba(121,76,238,.18);border-radius:17px;padding:15px 17px;background:linear-gradient(135deg,#f8f5ff,#f0ebff);box-shadow:inset 0 1px rgba(255,255,255,.85);font-size:19px}.price-box span{margin-bottom:4px;color:#6e6685;font-size:10px;font-weight:850;letter-spacing:.09em}

/* Sale lines, totals and data */
.line-list{gap:10px}.sale-line{grid-template-columns:1fr auto 38px;min-height:70px;border:1px solid rgba(126,115,158,.15);border-radius:17px;padding:12px 13px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(30,27,64,.045);transition:.17s}.sale-line:hover{border-color:rgba(108,60,240,.28);box-shadow:0 10px 25px rgba(44,32,96,.08);transform:translateY(-1px)}.sale-line strong{font-size:15px}.sale-line small{margin-top:3px;color:#777d91}.total{margin-top:21px;padding-top:18px;border-top:1px dashed #d8d4e7;font-size:23px;letter-spacing:-.5px}
.empty{color:#8a90a4;padding:44px 10px}.sales-grid .empty:before{content:"";display:block;width:42px;height:4px;margin:0 auto 14px;border-radius:99px;background:linear-gradient(90deg,#d8d0f3,#a98af7,#d8d0f3)}
.empty b,.empty span{display:block}.empty b{color:#555b70;font-size:14px}.empty span{margin-top:5px;font-size:12px}.sale-ready{margin-top:44px}.checkout-card{display:flex;flex-direction:column}.checkout-card .line-list{flex:1}.complete-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px;padding-inline:19px}.complete-button>span{font-size:20px;font-weight:500}
.notice{position:sticky;top:10px;z-index:5;margin-bottom:13px;border:1px solid rgba(255,255,255,.7);border-radius:14px;box-shadow:var(--shadow-soft);backdrop-filter:blur(15px)}
.stats{gap:15px}.stat{position:relative;overflow:hidden;min-height:125px;border:1px solid rgba(113,88,178,.13);border-radius:21px;padding:21px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,243,255,.93));box-shadow:var(--shadow-soft)}.stat:after{content:"";position:absolute;right:-25px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:rgba(111,62,240,.08)}.stat span{color:#777c91;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.stat b{margin-top:8px;font-size:30px;letter-spacing:-1px}
.table-wrap{margin-top:16px;border:1px solid rgba(132,137,158,.12);border-radius:17px;background:rgba(255,255,255,.7)}.table th{padding:13px 12px;color:#85899b;font-size:10px;letter-spacing:.1em;background:#f8f8fb}.table th:first-child{border-radius:16px 0 0 0}.table th:last-child{border-radius:0 16px 0 0}.table td{padding:13px 12px;border-bottom-color:#ececf2}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#faf9ff}.badge{padding:4px 8px;border-radius:999px}
.toolbar{align-items:center}.toolbar .actions{flex-wrap:wrap}

/* Modal */
.modal{background:rgba(13,14,28,.66);backdrop-filter:blur(11px)}.modal-card{width:min(540px,100%);border:1px solid rgba(255,255,255,.65);border-radius:27px;padding:25px;background:rgba(255,255,255,.97);box-shadow:0 38px 110px rgba(8,9,22,.38)}.modal-top{margin-bottom:12px}.modal-top h2{font-size:25px;letter-spacing:-.7px}.history{border-left-color:#a985ff}

/* Login experience */
.auth-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.08fr) minmax(420px,.92fr);gap:clamp(35px,7vw,110px);align-items:center;padding:clamp(28px,5vw,76px);overflow:hidden;background:
  radial-gradient(circle at 5% 100%,rgba(116,65,246,.4),transparent 35rem),
  linear-gradient(135deg,#11111f 0%,#17172b 52%,#211b3c 100%)}
.auth-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.auth-intro{position:relative;z-index:1;max-width:660px;color:#fff}.auth-kicker{display:inline-flex;padding:8px 11px;border:1px solid rgba(191,164,255,.2);border-radius:999px;background:rgba(128,72,255,.1);color:#cbb7ff;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.auth-intro h2{margin:25px 0 19px;font-size:clamp(45px,5.2vw,78px);line-height:.94;letter-spacing:-4px}.auth-intro h2 em{font-style:normal;background:linear-gradient(120deg,#cdbaff,#8f62ff 55%,#72b8ff);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-intro>p{max-width:590px;color:rgba(236,234,248,.66);font-size:17px;line-height:1.65}.auth-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:560px;margin-top:35px}.auth-proof>div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}.auth-proof b,.auth-proof span{display:block}.auth-proof b{color:#fff;font-size:16px}.auth-proof span{margin-top:4px;color:rgba(255,255,255,.45);font-size:11px}
.auth-orbit{position:absolute;z-index:-1;left:-105px;top:-140px;width:360px;height:360px;border:1px solid rgba(162,121,255,.12);border-radius:50%}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;inset:48px;border:1px solid rgba(162,121,255,.09);border-radius:50%}.auth-orbit:after{inset:105px;background:radial-gradient(circle,#7945f6,rgba(121,69,246,.06) 50%,transparent 70%);filter:blur(2px)}.auth-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#9d72ff;box-shadow:0 0 18px #9d72ff}.auth-orbit span:nth-child(1){right:37px;top:92px}.auth-orbit span:nth-child(2){left:44px;bottom:76px}.auth-orbit span:nth-child(3){right:88px;bottom:25px}
.auth-card{position:relative;z-index:2;width:min(490px,100%);justify-self:end;padding:clamp(28px,4vw,46px);border:1px solid rgba(255,255,255,.75);border-radius:31px;background:rgba(255,255,255,.965);box-shadow:0 42px 120px rgba(0,0,0,.35);backdrop-filter:blur(24px)}.auth-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border-top:1px solid #fff;pointer-events:none}.auth-status{position:absolute;right:27px;top:29px;display:flex;align-items:center;gap:7px;color:#767b8e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.auth-status span{width:7px;height:7px;border-radius:50%;background:#19b86e;box-shadow:0 0 0 4px rgba(25,184,110,.1)}.auth-logo{display:flex;align-items:center;margin-bottom:42px;color:#151525;font-size:29px;font-weight:950;letter-spacing:-1.6px}.auth-logo:before{content:"S";display:grid;place-items:center;width:44px;height:44px;margin-right:11px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#6132e9,#9a65ff);font-size:20px;box-shadow:0 12px 28px rgba(102,50,234,.32),inset 0 1px rgba(255,255,255,.35)}.auth-logo i{color:var(--brand);font-style:normal}.auth-card h1{margin:6px 0 7px;color:#141524;font-size:34px;letter-spacing:-1.2px}.auth-card .sub{margin-bottom:0}.auth-card form{display:grid;gap:17px;margin-top:26px}.auth-card form button{display:flex;align-items:center;justify-content:space-between;padding-inline:19px}.auth-card form button span{font-size:20px;font-weight:500}.auth-error{margin-top:16px;padding:12px 14px;border:1px solid #ffd9d1;border-radius:13px;color:#a3290b;background:#fff0ed;font-weight:750}.auth-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:#8b90a1;font-size:11px}.auth-footnote span{color:#18b56c;font-size:9px}

/* Prism Commerce — colourful premium sales workspace */
:root{--brand:#7047ff;--brand-2:#d849ff;--brand-deep:#4422bf;--violet-soft:#f2edff;--good:#008f68;--shadow-xl:0 36px 100px rgba(50,31,126,.18);--shadow:0 22px 60px rgba(67,45,146,.13);--shadow-soft:0 10px 30px rgba(45,33,110,.09)}
html{background:#f8f5ff}
body{background:
  radial-gradient(circle at 6% 3%,rgba(124,75,255,.25),transparent 28rem),
  radial-gradient(circle at 92% 5%,rgba(0,210,255,.19),transparent 27rem),
  radial-gradient(circle at 84% 88%,rgba(255,66,174,.13),transparent 30rem),
  radial-gradient(circle at 5% 95%,rgba(255,190,38,.12),transparent 25rem),
  linear-gradient(145deg,#faf8ff 0%,#f4f9ff 46%,#fff7fc 100%)}
body:before{opacity:.31;background-image:radial-gradient(rgba(107,69,236,.45) .6px,transparent .6px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.top{border-color:rgba(255,255,255,.24);background:
  radial-gradient(circle at 8% -65%,rgba(255,109,218,.65),transparent 36%),
  radial-gradient(circle at 83% 170%,rgba(0,215,255,.44),transparent 35%),
  linear-gradient(125deg,#2d166a 0%,#5b2ee8 47%,#1d2c72 100%);box-shadow:0 22px 62px rgba(57,30,139,.3)}
.brand:before{background:linear-gradient(145deg,#ff55c8,#873bff 58%,#3d9dff);box-shadow:0 12px 34px rgba(245,71,196,.4),inset 0 1px rgba(255,255,255,.5)}
.brand i{background:linear-gradient(110deg,#fff,#88efff 45%,#ffd0f1);background-clip:text;-webkit-background-clip:text}
.db-state{border-color:rgba(114,255,206,.35);background:rgba(0,154,112,.28);color:#d3ffef}
.nav{border-color:rgba(255,255,255,.88);background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(75,47,153,.12)}
.nav button.active{background:linear-gradient(135deg,#4f28cf,#8d43f6 62%,#d44fe8);box-shadow:0 11px 25px rgba(102,53,222,.34)}
.nav button.active:after{background:#75efff;box-shadow:0 0 12px rgba(96,235,255,.8)}
.card{border-color:rgba(255,255,255,.9);box-shadow:0 18px 52px rgba(56,39,125,.1)}
.card>*{position:relative;z-index:1}
.sale-entry{background:
  linear-gradient(135deg,rgba(255,255,255,.97),rgba(250,247,255,.94) 52%,rgba(241,251,255,.92))}
.sale-entry:after{content:"";position:absolute;z-index:0;right:-95px;top:-105px;width:260px;height:260px;border-radius:50%;background:conic-gradient(from 30deg,rgba(0,211,255,.22),rgba(124,68,255,.2),rgba(255,69,183,.16),rgba(255,194,55,.13),rgba(0,211,255,.22));filter:blur(4px);pointer-events:none}
.checkout-card{background:
  radial-gradient(circle at 110% -10%,rgba(255,85,194,.18),transparent 44%),
  radial-gradient(circle at -20% 100%,rgba(30,211,255,.18),transparent 45%),
  linear-gradient(155deg,rgba(255,255,255,.98),rgba(250,246,255,.96))!important}
.checkout-card:after{content:"";position:absolute;z-index:0;right:-70px;bottom:-75px;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(255,72,187,.16),rgba(0,212,255,.18));filter:blur(3px);pointer-events:none}
.sale-entry .eyebrow{display:inline-flex;border:1px solid rgba(255,138,26,.2);border-radius:999px;padding:6px 9px;background:#fff5e7;color:#d66000;box-shadow:0 5px 14px rgba(247,135,23,.1)}
.checkout-card>.eyebrow{display:inline-flex;align-self:flex-start;border:1px solid rgba(0,170,204,.18);border-radius:999px;padding:6px 9px;background:#eefdff;color:#007c98}
.desk-badge{border-color:rgba(0,174,128,.18);background:linear-gradient(135deg,#eafcf4,#ebfbff);color:#007658}
#lookup{margin:4px 0 2px;border:1px solid rgba(114,69,237,.12);border-radius:18px;padding:7px;background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(70,43,150,.075)}
#lookup input{border-color:transparent;background:rgba(255,255,255,.92)}
button.primary{background:linear-gradient(120deg,#5b2fe3 0%,#8a3ff5 48%,#ef4fc6 100%);box-shadow:0 12px 28px rgba(122,55,232,.3)}
button.primary:hover{box-shadow:0 16px 36px rgba(147,52,227,.38)}
.barcode-btn{border:1px solid rgba(0,178,196,.13);background:linear-gradient(135deg,#dffff7,#dcf8ff)!important;color:#007b83!important;box-shadow:0 9px 22px rgba(0,185,197,.13)}
.barcode-btn:hover{background:linear-gradient(135deg,#c9fff2,#c8f4ff)!important;box-shadow:0 12px 27px rgba(0,185,197,.2)!important}
.scan-glyph{color:#00a8b5;text-shadow:0 0 14px rgba(0,196,212,.35)}
.price-box{border-color:rgba(128,74,242,.18);background:linear-gradient(120deg,#fff7e8 0%,#fff 32%,#f0ebff 72%,#eafaff 100%);box-shadow:0 10px 25px rgba(87,49,173,.08),inset 0 1px #fff}
.sale-line{border-left:4px solid #8a4cf4;background:linear-gradient(110deg,#fff,#fbf9ff 60%,#effcff)}
.sale-line:nth-child(3n+2){border-left-color:#12bfc7}.sale-line:nth-child(3n+3){border-left-color:#ff8a2a}
.total{border-top-color:rgba(111,73,218,.2);background:linear-gradient(90deg,rgba(122,70,238,.07),rgba(255,78,192,.06));border-radius:15px;padding:17px 14px 0}
.complete-button{background:linear-gradient(105deg,#4722c7 0%,#7137ed 37%,#d546d9 72%,#ff7258 110%);box-shadow:0 15px 34px rgba(127,46,210,.32)}
.empty{border:1px dashed rgba(113,77,210,.16);border-radius:19px;background:linear-gradient(135deg,rgba(248,245,255,.65),rgba(239,251,255,.67))}
.sales-grid .empty:before{height:6px;background:linear-gradient(90deg,#ffb331,#ef52be,#8451f5,#22cbd6);box-shadow:0 5px 13px rgba(147,75,224,.18)}
input:focus,select:focus{border-color:#8754ef;box-shadow:0 0 0 4px rgba(121,70,238,.13),0 10px 25px rgba(91,49,186,.08)}
.notice{border-color:rgba(255,255,255,.92);box-shadow:0 13px 32px rgba(71,44,150,.14)}
.auth-shell{background:
  radial-gradient(circle at 8% 100%,rgba(118,57,255,.52),transparent 36rem),
  radial-gradient(circle at 88% 5%,rgba(0,205,255,.22),transparent 30rem),
  radial-gradient(circle at 100% 100%,rgba(255,59,184,.18),transparent 28rem),
  linear-gradient(135deg,#151027 0%,#24154d 52%,#13295b 100%)}
.auth-intro h2 em{background:linear-gradient(110deg,#ffd1f0,#bda5ff 42%,#72eaff 82%,#ffd368);background-clip:text;-webkit-background-clip:text}
.auth-card{box-shadow:0 45px 130px rgba(11,5,42,.45),0 0 0 1px rgba(155,108,255,.09)}
.auth-logo:before{background:linear-gradient(145deg,#ff4fc3,#8144f8 58%,#30bcea)}

@media(max-width:900px){.auth-shell{grid-template-columns:1fr;padding:28px}.auth-intro{display:none}.auth-card{justify-self:center}.sales-grid{grid-template-columns:1fr}.shell{padding:18px 16px 42px}.brand-block small{display:none}}
@media(max-width:780px){.top{min-height:65px;border-radius:19px;padding:11px 12px}.brand{font-size:23px}.brand:before{width:36px;height:36px;border-radius:11px;font-size:17px}.db-state{font-size:10px;padding:7px 9px}.nav{position:sticky;top:7px;width:auto;margin:0 -2px 15px;overflow-x:auto;box-shadow:0 10px 28px rgba(30,27,64,.12)}.nav button,.nav a{padding:9px 13px}.card{padding:20px;border-radius:21px}.card h1{font-size:29px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .actions{grid-column:1/-1}.actions{flex-wrap:wrap}.actions .big{flex:1}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.shell{padding:10px 10px 30px}.top{margin-bottom:9px}.top .actions{gap:5px}.db-state{font-size:0}.db-state:after{content:"Live";font-size:10px}.signout{font-size:10px}.nav{border-radius:14px}.card{padding:17px}.card h1{font-size:27px}.form-grid,.stats{grid-template-columns:1fr}#lookup.scan-row{flex-wrap:wrap}#lookup.scan-row input{flex:1 1 100%}#lookup .barcode-btn,#lookup .primary.big{flex:1;padding-inline:12px}.sale-line{font-size:13px}.auth-shell{padding:13px;background:linear-gradient(145deg,#17172b,#241d40)}.auth-card{padding:27px 21px;border-radius:24px}.auth-status{right:20px;top:23px;font-size:9px}.auth-logo{margin-bottom:36px;font-size:25px}.auth-logo:before{width:39px;height:39px}.auth-card h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}