/* POSLedger 2.1 — airy surfaces, violet accents and soft pastel data cards. */
:root{--ink:#292338;--muted:#8a8595;--green:#7438d9;--gold:#7d39e7;--gold-dark:#6824ce;--bg:#fcfcff;--line:#eeedf4;--danger:#c55468;--shadow:0 12px 40px #65519a07}
html,body{background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;scroll-behavior:smooth}h1{letter-spacing:-.8px;font-size:29px}h2,h3{color:#292338}.eyebrow{color:#a09aa9;letter-spacing:1.6px}.help,.subtle{color:#8b8597}a{color:#7836d5}.text-link{color:#8242db}.positive{color:#44a274!important}.negative,.danger-text{color:var(--danger)!important}
.button{border-color:#e9e5f0;border-radius:10px;background:#fff;color:#665b79;min-height:41px;transition:transform .15s,background .18s,box-shadow .2s,border-color .2s}.button:hover:not(:disabled){background:#f9f5ff;border-color:#d7c6ee;transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.975)}.button.primary{background:#7a39e5;border-color:#7a39e5;color:white;box-shadow:0 5px 14px #7a39e51c}.button.primary:hover:not(:disabled){background:#692bd2;border-color:#692bd2;box-shadow:0 7px 18px #7a39e529}.button.text{color:#8752d4}.button.text:hover:not(:disabled){color:#6026bc}.button.ghost{background:transparent}.icon-button{border-color:#eeebf4;border-radius:10px;background:white;color:#776584;min-width:36px;min-height:36px}.icon-button:hover{background:#f5efff;color:#7936db}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b689f74d}
input,select,textarea{border-color:#e9e6ef;color:#4a405a;border-radius:9px;min-height:42px}input::placeholder,textarea::placeholder{color:#b0aaba}input:focus,select:focus,textarea:focus{border-color:#b995ed;box-shadow:0 0 0 3px #b58ae910}input[type=checkbox]{accent-color:#833ee3}input[type=file]{background:#fbf9ff}label{color:#7c718a}input[type=number]{font-variant-numeric:tabular-nums}.pill{background:#f1e7ff;color:#8a43d9}.form-footer{background:#fcfaff;border-color:#f0ebf7}.form-section{border-color:#eee8f5}.field small{color:#a297ae}.segmented{background:#f7f2fc}.segmented .active{background:#ede0ff;color:#7839ce}
.sidebar{width:238px;background:#faf9fc;border-right:1px solid #f2eff7;padding:30px 17px 20px;color:#7e758e}.workspace{margin-left:238px;width:calc(100% - 238px)}.brand{color:#36254f;font-size:22px;gap:11px;margin-bottom:40px}.brand small{color:#b6a9c7;letter-spacing:1.25px}.brand-image{background:#fff;border-radius:13px;box-shadow:0 4px 16px #75589806}.workspace-label{color:#b6adbf;font-size:8px;letter-spacing:1.5px}.sidebar nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#ded4ea transparent;padding:0}.sidebar nav a{min-height:41px;font-size:11px;font-weight:450;color:#8b8297;border-radius:10px;padding:11px 14px;gap:12px;flex-shrink:0}.sidebar nav a svg{color:#a99db6;width:18px;height:18px}.sidebar nav a:hover{background:#f1eaf9;color:#7236c2}.sidebar nav a.active{background:#efe6fd;color:#7837db;box-shadow:none;font-weight:600}.sidebar nav a.active svg{color:#833ee3}.nav-count{background:#ece4f8;color:#a875db}.sidebar nav a.active .nav-count{background:#dfcdf8;color:#7944bc}.sidebar-bottom{display:block;border-top:1px solid #eee8f5;padding-top:16px}.profile{color:#58436f;background:transparent;display:flex}.profile small{color:#b3a4c1}.avatar{background:#eee1ff;color:#8144d2}.sidebar-logout{background:transparent;color:#a58eb9;border-color:#e9def4;min-height:32px;font-size:10px}
.topbar{background:#ffffffde;border-bottom:1px solid #f3eff7;min-height:77px;padding:18px 38px;position:sticky;top:0;z-index:12;backdrop-filter:blur(15px)}.business-label{color:#71647e;font-size:11px}.status-dot{background:#8ed0ae}.connection{color:#a99bb5}.location-control select{color:#8d7d9e;border-color:#f0ebf6;min-height:36px;font-size:11px}.location-control>span{color:#b3a8be}.topbar-actions{gap:9px}main{padding:34px 38px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:29px;font-weight:600}.page-heading p{color:#a099ac;font-size:12px}.heading-actions .button{padding:12px 19px}.app-footer{color:#bdb1c8;border-color:#f1edf7}.menu-toggle,.drawer-close,.drawer-overlay{display:none}
.card{border:1px solid #f4f1f8;border-radius:18px;background:white;box-shadow:0 12px 40px #72618f05;overflow:hidden}.card-header{border-color:#f6f2fa;padding:22px}.card-header h2{font-size:16px;font-weight:600}.card-header p{font-size:11px;color:#a69bae}.stats{gap:22px;margin-bottom:30px}.stat{background:#f4effd;border:0;border-radius:16px;box-shadow:none;padding:22px 20px}.stat:nth-child(4n+1){background:#edfbfb}.stat:nth-child(4n+2){background:#fff0f3}.stat:nth-child(4n+3){background:#f2e9ff}.stat:nth-child(4n+4){background:#fff4f0}.stat>span{font-size:11px;color:#84758d}.stat strong{font-size:30px;letter-spacing:-1px;color:#30233c;margin-top:13px;font-weight:650}.stat small{color:#ad9fb8;font-size:10px}.overview-stats .stat{text-align:center;display:flex;flex-direction:column}.overview-stats .stat strong{order:-1;margin:0 0 8px;font-size:32px}.overview-stats .stat>span{font-weight:600;font-size:11px;color:#584664}.overview-stats .stat small{margin-top:7px;font-size:10px}.overview-tables{margin-top:28px;gap:24px}.overview-tables .card-header{border:0;padding-bottom:13px}
table th{background:#fcfaff;color:#afa0bd;border-color:#f3edf8;font-size:9px;letter-spacing:.5px}table td{border-color:#f6f1fa;color:#7b6b8a;font-size:11px;padding-top:15px;padding-bottom:15px}table td strong{color:#5f4c70}table td small{color:#b1a2bf}tbody tr:hover{background:#fdfbff}.badge{border-radius:6px;padding:4px 7px;font-size:9px}.badge.warning{background:#fff1e0;color:#cf9a55}.badge.success{background:#eefaf2;color:#65a982}.badge.danger{background:#ffedf1;color:#ce8397}.badge.neutral{background:#f3edf9;color:#a18ab5}.product-thumb{border-color:#f0e7f8}.product-thumb.placeholder{background:#f7f1fd;color:#ac80df}.product-picker{gap:14px}.product-tile{border-color:#eee6f7;border-radius:13px;transition:transform .18s,box-shadow .2s,border-color .2s}.product-tile:hover:not(:disabled){border-color:#c6a5ed;box-shadow:0 7px 25px #8550bc0c;transform:translateY(-3px)}.scanner-banner{background:#f7f1ff;border-color:#eee0ff;border-radius:15px;color:#9a77bc}.scanner-banner .help{color:#b295cc}.scanner-banner label{color:#9f77c0}.scanner-banner input:focus{border-color:#ba8ce8;box-shadow:0 0 0 3px #d9b9f766}.cart-card{border-radius:17px}.cart-line{border-color:#f2eaf8}.quantity-control{border-color:#eee3fa;background:#fcf9ff}.quantity-control input,.quantity-control button{color:#9974bd}.cart-details{border-color:#f3eaf9}.sale-totals{border-color:#f0e5fa}.notice{background:#f7f1ff;border-color:#eee2fc;color:#9b7cb9}.danger-notice{background:#fff0f4;color:#b76b81;border-color:#f7dbe4}.notice p{margin:7px 0 0}.empty-state{color:#baadca}.empty-state h3{color:#9d8aac}.empty-symbol{color:#cbb5e2}.business-logo-preview img,.image-tile img{border-color:#eee3f9}.logo-placeholder{background:#fcf8ff;border-color:#ecdef7;color:#b6a1c8}.toast{border:1px solid #ddc9f6;background:#7243a4;color:#fff;border-radius:12px;box-shadow:0 12px 40px #6d3e9f25}.toast.is-error{background:#b9637f;border-color:#bd6c85}
.analytics-card{display:grid;grid-template-columns:230px 220px minmax(0,1fr);padding:28px 12px;gap:8px;min-height:280px;align-items:center;border:0;box-shadow:0 15px 50px #7a5bb50a}.analytics-stock{padding:0 18px}.analytics-stock h3{font-size:13px;margin-bottom:5px}.analytics-stock>p{font-size:10px;margin-bottom:15px}.stock-ring{width:124px;height:124px;border-radius:50%;background:conic-gradient(#8150cf 0 var(--health),#f4cd9f var(--health) 100%);padding:5px;margin:0 auto 17px;transform:rotate(-80deg)}.stock-ring>div{background:white;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(80deg);box-shadow:inset 0 0 0 10px #fff}.stock-ring strong{font-size:29px;color:#8b55c3;letter-spacing:-1px}.stock-ring strong small{font-size:12px;letter-spacing:0}.stock-ring>div>span{font-size:9px;color:#bba8cb;margin-top:4px}.ring-legend{display:grid;gap:6px;font-size:9px;color:#aa9ab7}.ring-legend span{display:flex;align-items:center;gap:5px}.ring-legend b{margin-left:auto;color:#8d78a0}.ring-legend i{width:6px;height:6px;border-radius:50%;background:#8a5acd}.ring-legend span+span i{background:#f0c592}.analytics-today{text-align:center;border-left:1px solid #f5effa;border-right:1px solid #f5effa;padding:20px 17px}.analytics-today .eyebrow{font-size:8px;letter-spacing:1px;color:#b3a2c0;margin-bottom:14px}.analytics-today>strong{font-size:35px;letter-spacing:-1.5px;color:#8c60c2;font-weight:600;display:block;overflow-wrap:anywhere}.analytics-today>p{font-size:11px;color:#b6a7c2;margin:8px 0 24px}.today-details{display:flex;justify-content:space-around;gap:16px}.today-details div{display:grid;gap:5px}.today-details b{font-size:19px;color:#ae8eca;font-weight:500}.today-details span{font-size:9px;color:#c1b0ce}.analytics-trend{padding:0 20px;min-width:0}.analytics-trend .card-header{padding:0;border:0;align-items:start}.analytics-trend h3{font-size:13px;margin-bottom:6px}.analytics-trend .card-header p{font-size:10px}.analytics-trend .text-link{font-size:9px}.overview-graph{width:100%;height:115px;display:block;overflow:visible}.graph-labels{display:flex;justify-content:space-between;color:#c3b2d1;font-size:9px}.trend-summary{display:flex;justify-content:space-around;margin-top:26px;gap:14px}.trend-summary span{font-size:9px;color:#baa6cb;display:flex;flex-direction:column;gap:7px}.trend-summary b{font-size:18px;color:#9b7cb7;font-weight:500}.chart-track{background:#faf6ff}.chart-bar{background:linear-gradient(#ac77ee,#e7d4fc);transform-origin:bottom}.chart-value{color:#a782c4}.chart-column>span:last-child{color:#bca5ce}.filter-row{background:#fdfaff;border-color:#f1e8fa}
dialog{border-color:#f1e6fb;border-radius:20px;box-shadow:0 30px 120px #47315c28;background:white;color:var(--ink)}dialog::backdrop{background:#29203942;backdrop-filter:blur(4px)}.dialog-header{background:white;border-color:#f3ebfa;padding:22px}.dialog-header h2{color:#76558e;font-size:18px}.dialog-body{padding:24px}.dialog-error{padding-left:24px}.wide-dialog{width:min(1000px,calc(100vw - 28px))}.invoice-dialog .form-footer{gap:8px}.invoice-dialog .form-footer .button{font-size:11px;padding:9px 13px}.invoice-edit-row{display:grid;grid-template-columns:minmax(160px,2fr) 65px 100px 100px 36px;gap:10px;align-items:end}.invoice-edit-row .button{margin-bottom:19px}.invoice-edit-summary{margin-top:22px;padding:16px;background:#f6effe;border-radius:10px;display:flex;align-items:center;justify-content:space-between;color:#a17bc1}.invoice-edit-summary strong{font-size:23px;font-weight:600}.invoice-preview{color:#5e4872}.invoice-heading h2{color:#784d9a}.invoice-totals .grand{color:#784ca0}.invoice-preview .table-wrap{border-color:#f1e6fa}.invoice-preview footer{color:#bda5cd}.scanner-dialog{background:white;color:#755388;border-color:#ecdbf8}.scanner-dialog button{background:#f0e2ff;border-color:#e3cbf9;color:#8753b0}
.login-page{background:#fefcff}.login-art{background:radial-gradient(ellipse at 85% 10%,#e1e4fd66,transparent 65%),linear-gradient(140deg,#f5eeff,#f0f4ff);color:#9674b3}.login-art h1{color:#9671b7;font-weight:500;letter-spacing:-1.4px}.login-art p{color:#b4a0c6}.login-art small{color:#bda2cf}.login-art .eyebrow{color:#b88dcc}.login-art img{filter:drop-shadow(0 20px 30px #a57ad51a)}.login-card h2{font-weight:550;color:#89649e}.login-card>p{color:#ad95bb}.login-card .help{color:#b6a1c3}.setup-page{min-height:100vh;display:grid;place-items:center;padding:45px 20px;background:radial-gradient(ellipse at 15% 0%,#f2e6ff,transparent 55%),radial-gradient(ellipse at 100% 80%,#e5f6f9,transparent 55%),#fdfbff}.setup-card{width:min(730px,100%);border-radius:24px;background:#fff;padding:38px 44px;box-shadow:0 20px 90px #8351a70d;border:1px solid #f4e8fc}.setup-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.setup-logo{width:68px;height:68px;object-fit:contain}.setup-card h1{font-size:29px;letter-spacing:-.9px;margin-bottom:9px;color:#775c8c}.setup-card>p{color:#b09ac0;font-size:12px}.setup-section-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#9576ad;margin:27px 0 19px;font-weight:550}.setup-section-label span{font-size:10px;color:#b495cd;background:#f6eaff;padding:7px;border-radius:7px}.setup-footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #f3e8fa;margin-top:24px;padding-top:23px}.setup-skip-note{text-align:center!important;font-size:10px!important;color:#bda7cc!important;margin:20px 0 0!important}
.page-enter{animation:page-enter .26s ease-out both}.stats .stat{animation:card-enter .35s ease-out both}.stats .stat:nth-child(2){animation-delay:35ms}.stats .stat:nth-child(3){animation-delay:70ms}.stats .stat:nth-child(4){animation-delay:105ms}dialog[open]{animation:dialog-enter .2s ease-out both}.chart-bar{animation:bar-enter .7s cubic-bezier(.2,.6,.2,1) both}.sales-path{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw-line 1.3s ease-out forwards}.toast{animation:toast-enter .25s ease-out both}@keyframes page-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes bar-enter{from{transform:scaleY(.02)}to{transform:scaleY(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes toast-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.topbar{padding-left:48px;padding-right:48px}main{padding:40px 48px}.overview-stats{gap:28px}.analytics-card{grid-template-columns:250px 240px minmax(0,1fr);padding:32px 22px}}
@media(min-width:901px) and (max-width:1250px){.sidebar{width:220px;padding-left:13px;padding-right:13px}.workspace{margin-left:220px;width:calc(100% - 220px)}main{padding:28px}.topbar{padding-left:28px;padding-right:28px}.analytics-card{grid-template-columns:170px 170px minmax(0,1fr);padding:24px 4px;gap:2px}.analytics-stock{padding:0 14px}.analytics-today{padding-left:10px;padding-right:10px}.analytics-today>strong{font-size:29px}.analytics-trend{padding:0 16px}.overview-stats{gap:15px}.overview-stats .stat strong{font-size:27px}.overview-tables.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;height:100dvh;width:min(290px,86vw);z-index:52;padding:30px 18px 20px;transform:translateX(-105%);transition:transform .25s cubic-bezier(.2,.65,.2,1);border-right:1px solid #efe3fc;box-shadow:none;overflow:hidden}.sidebar .brand{display:flex;margin-bottom:28px;padding-top:10px;font-size:23px}.sidebar .brand small{font-size:6px}.sidebar .brand-image{width:43px;height:46px}.sidebar .brand-image img{width:38px;height:38px}.sidebar .workspace-label{display:block;padding:0 15px;margin-bottom:14px;font-size:8px}.sidebar nav{display:flex;flex-direction:column;overflow-y:auto;gap:5px;flex:1;min-height:0}.sidebar nav a{font-size:12px;min-height:43px;gap:13px;border-radius:10px;padding:12px 13px}.sidebar nav a svg{width:19px;height:19px}.sidebar-bottom{display:block;margin-top:18px}.sidebar .profile{display:flex}.drawer-close{display:grid;position:absolute;right:14px;top:14px;width:30px;height:30px;min-width:30px;min-height:30px;border:0;font-size:23px;background:transparent}.drawer-overlay{display:block;position:fixed;inset:0;width:100%;height:100dvh;background:#30213e4d;border:0;z-index:51;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s;backdrop-filter:blur(3px)}.menu-open{overflow:hidden}.menu-open .sidebar{transform:translateX(0);box-shadow:20px 0 70px #3b1c5120}.menu-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.workspace{width:100%;margin:0}.menu-toggle{display:grid;flex-shrink:0;font-size:18px;width:38px;height:38px}.topbar{min-height:66px;gap:12px;padding:12px 20px}.business-label{font-size:11px;flex:1}.business-label .status-dot{display:none}.topbar-actions{gap:6px}.location-control select{width:145px;max-width:145px;min-height:36px;font-size:11px}.topbar .connection{display:none}.location-control>span{display:none}main{padding:26px 22px}.analytics-card{grid-template-columns:1fr 1fr;padding:25px;gap:25px;min-height:0}.analytics-stock{padding:0 10px}.analytics-today{border-right:0;padding:15px}.analytics-trend{grid-column:1/-1;border-top:1px solid #f3e9fb;padding:22px 0 0}.overview-graph{height:145px}.overview-tables{grid-template-columns:1fr!important}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.overview-stats .stat strong{font-size:30px}.stats .stat{padding:20px 14px}.sale-layout{grid-template-columns:1fr}.product-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-card{position:static}.settings-layout,.connections-grid{grid-template-columns:1fr}.login-art{padding:45px 35px}.login-art h1{font-size:32px}}
@media(max-width:600px){.topbar{padding:10px 13px;gap:9px;flex-wrap:wrap;min-height:105px}.business-label{max-width:none;font-size:12px;width:calc(100% - 95px);flex:1;overflow:hidden}.topbar-actions{width:100%;padding-left:47px;margin-top:-2px;gap:7px}.topbar-actions .location-control{margin-right:auto;flex:1;min-width:0}.location-control select{width:100%;max-width:none;min-height:35px;font-size:11px}.topbar-actions .icon-button{width:35px;height:35px;min-width:35px;min-height:35px}.menu-toggle{width:36px;height:36px}.topbar-actions [data-act=devices]{font-size:22px}main{padding:24px 16px}.page-heading{gap:13px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;line-height:1.6}.eyebrow{font-size:8px}.heading-actions{width:100%}.heading-actions .button{min-height:41px;font-size:12px}.overview-stats{gap:12px;margin-bottom:22px}.overview-stats .stat{padding:23px 9px 21px}.overview-stats .stat strong{font-size:29px}.overview-stats .stat>span{font-size:10px}.overview-stats .stat small{font-size:8px;line-height:1.55}.analytics-card{gap:10px;padding:24px 11px 22px;border-radius:17px}.analytics-stock{padding:0 7px}.analytics-stock>p{font-size:8px}.stock-ring{width:110px;height:110px;margin-bottom:15px}.ring-legend{font-size:8px;gap:7px}.analytics-today{padding:10px 7px}.analytics-today .eyebrow{font-size:7px;letter-spacing:.65px}.analytics-today>strong{font-size:29px}.analytics-today>p{font-size:9px}.today-details{gap:10px}.today-details b{font-size:18px}.today-details span{font-size:8px}.analytics-trend{margin-top:16px;padding:21px 9px 0}.overview-graph{height:110px}.trend-summary{margin-top:23px}.trend-summary b{font-size:19px}.trend-summary span{font-size:9px}.overview-tables{gap:20px;margin-top:22px}.card-header{padding:21px 18px}.card-header h2{font-size:15px}.card-header p{font-size:10px}.product-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-tile{padding:14px 12px;min-height:150px}.product-tile h3{font-size:12px}.scanner-banner{padding:19px 15px}.scanner-banner .scan-controls{flex-wrap:wrap}input,select,textarea{font-size:14px;min-height:44px}.button{min-height:44px;font-size:12px}.button.small{min-height:38px}.button.text{min-height:36px}.icon-button{min-height:38px;min-width:38px}.form-grid{grid-template-columns:1fr;gap:0}.component-row{grid-template-columns:minmax(0,1fr) 90px 34px;gap:8px}.component-row .field{margin-bottom:16px}.component-row .field input{font-size:13px}.component-row .field label{font-size:10px}.table-wrap table td{font-size:11px}.table-wrap table th{font-size:9px}.filter-row{flex-wrap:wrap}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .field{margin:0}.toolbar .search{flex-basis:100%}.invoice-dialog{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}.invoice-dialog .form-footer{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:8px}.invoice-dialog .form-footer .inline-label{grid-column:1/-1}.invoice-dialog .form-footer .button{font-size:11px;padding:9px 10px;min-height:42px}.invoice-edit-row{grid-template-columns:repeat(3,minmax(0,1fr)) 32px;gap:0 8px;padding:12px 0;border-bottom:1px solid #eee5f8}.invoice-edit-row .field:first-child{grid-column:1/4}.invoice-edit-row>.button{grid-column:4;grid-row:1;min-width:32px;min-height:40px;margin-bottom:18px;padding:3px}.invoice-edit-row .field label{font-size:10px}.invoice-edit-row input{padding:9px 7px;font-size:13px}.invoice-edit-row .field{margin-bottom:15px}.dialog-body{padding:19px 16px}.dialog-header{padding:20px 17px}.wide-dialog{max-height:calc(100dvh - 25px)}.invoice-heading{gap:15px}.invoice-meta{gap:10px;font-size:10px}.invoice-preview .product-thumb{width:30px;height:30px}.invoice-preview .product-cell{gap:8px}.invoice-preview .product-cell small{font-size:8px}.setup-page{padding:20px 13px;align-items:start}.setup-card{padding:27px 23px;border-radius:20px}.setup-card h1{font-size:26px}.setup-logo{width:60px;height:60px}.setup-heading .pill{font-size:8px}.setup-footer .button{font-size:11px;padding:10px 13px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{max-width:calc(100% - 48px);padding-top:70px}.login-card h2{font-size:30px}.app-footer{margin:0 16px}.connections-grid .form-footer .button{flex:1;min-width:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.sales-path{stroke-dashoffset:0}}
@media print{.menu-toggle,.drawer-overlay,.sidebar,.setup-page{display:none!important}.invoice-preview{color:#222}.invoice-heading h2,.invoice-totals .grand{color:#333}.notice.danger-notice{border:2px solid #333;color:#111;background:white}body,html{background:#fff!important}.page-enter,.chart-bar,.stat{animation:none!important}}

.scan-box{background:#f6efff;border-color:#eadbfc;border-radius:15px}.scan-box>label{color:#926ab6}.scan-box .help{color:#b799cf}.scan-row{gap:8px}.mobile-sale-summary{display:none}
@media(max-width:900px){.mobile-sale-summary{position:fixed;display:flex;justify-content:space-between;align-items:center;gap:20px;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #eadcf8;box-shadow:0 -7px 30px #825aaa0b;z-index:20;backdrop-filter:blur(12px)}.mobile-sale-summary>div{display:grid;gap:3px}.mobile-sale-summary>div>span{font-size:10px;color:#ac96c0}.mobile-sale-summary strong{font-size:21px;color:#9d73bf;font-weight:600}.mobile-sale-summary .button{min-height:43px}main:has(.mobile-sale-summary){padding-bottom:110px}#sale-cart{scroll-margin-top:120px}#sale-picker{max-height:440px;overflow:auto;overscroll-behavior:contain}.scan-row input{min-width:0}.scan-row .button{padding:10px 12px}}
@media print{.mobile-sale-summary{display:none!important}}

.shopify-connect-intro{display:flex;align-items:center;gap:18px;margin-bottom:25px}.shopify-connect-intro h3{font-size:19px;margin-bottom:7px;color:#76558f}.shopify-connect-intro p{font-size:12px;color:#a18bae;margin:0;max-width:620px}.shopify-bag{width:61px;height:65px;display:grid;place-items:center;background:#eef7e8;border:1px solid #dfebd5;border-radius:14px;color:#86a571;font-size:34px;font-weight:600;flex-shrink:0}.shopify-connect-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:13px}.connector-advanced{border-top:1px solid #f1e8f7;padding-top:16px;margin-top:22px}.connector-advanced summary{font-size:12px;color:#a18ab2;cursor:pointer}.connector-advanced p code{font-size:11px;overflow-wrap:anywhere;color:#9e85b1}.shopify-signin{text-align:center}.shopify-signin>p{color:#9b83ab;font-size:13px}.shopify-verification{letter-spacing:5px;font:600 28px 'Segoe UI',sans-serif;background:#f6edff;color:#9255c1;border-radius:14px;padding:24px 10px;margin:25px 0 20px}.shopify-signin>strong{font-size:13px;color:#9b70bb}#shopify-signin-status{margin-top:26px}@media(max-width:600px){.shopify-connect-intro{gap:13px}.shopify-connect-intro h3{font-size:17px}.shopify-bag{width:48px;height:52px;font-size:28px}.shopify-connect-actions .button{flex:1}.shopify-verification{font-size:25px;letter-spacing:3px}}