@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#e8eef8;background:#08131e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#07131f;--panel:#0d1b29;--panel2:#102233;--line:#1e3449;--muted:#91a4b7;--blue:#1684f7;--blue2:#258efc;--green:#42d49e;--red:#f17b87;--orange:#ffbb66}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:28px;line-height:1.25}h3{font-size:16px}small,.muted,.hint{color:var(--muted)}small{font-size:12px}.red{color:var(--red)!important}.green{color:var(--green)!important}.grow{flex:1;min-width:0}b,strong{font-weight:750}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #78baff;outline-offset:2px}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border-radius:12px;min-height:42px;padding:10px 17px;font-weight:750;font-size:13px;transition:background .18s,border-color .18s,transform .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(115deg,#087af2,#2697ff);color:white;box-shadow:0 8px 25px #087af219}.btn-primary:hover{background:linear-gradient(115deg,#198afe,#46acff)}.btn-outline{border-color:var(--line);background:#142537;color:#e8f1fc}.btn-outline:hover{background:#1b3147}.btn-white{color:#071727;background:#f7fbff;border-color:#f7fbff}.btn-danger{background:#48222c;color:#ffc2c8;border-color:#7a3342}.btn.full{width:100%;min-height:48px}.icon-btn{border:0;color:#a8c0d6;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:9px;flex-shrink:0}.icon-btn:hover{color:white;background:#193148}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:11px;color:#f2f8fd;font-size:16px;font-weight:800;letter-spacing:-.3px}.brand-wings{font-size:22px;color:#32a6ff;font-weight:900;letter-spacing:-13px;display:inline-block;width:31px;transform:rotate(90deg)}.brand-small{font-size:11px}.brand-small .brand-wings{font-size:14px;width:21px;letter-spacing:-9px}
/* Public landing */
.landing{min-height:100vh;background:radial-gradient(ellipse 700px 500px at 75% 15%,#123e63aa,transparent 74%),linear-gradient(140deg,#071522,#0a1929 60%,#07111b);overflow:hidden}.landing-header{max-width:1200px;margin:auto;padding:27px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-header nav{display:flex;align-items:center;gap:28px}.landing-header nav a{text-decoration:none;color:#aabdcf;font-size:13px}.landing main{max-width:1190px;margin:auto;padding:0 36px}.hero{min-height:560px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.hero-copy{padding-bottom:34px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#7fc1ff;background:#0f2b48;border:1px solid #214b74;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:750;margin-bottom:27px}.hero h1{font-size:clamp(45px,5.4vw,76px);line-height:1.09;letter-spacing:-2.8px;margin:0 0 23px}.hero h1 span{background:linear-gradient(110deg,#69b7ff,#1684f7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:525px;color:#acbbca;font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:29px 0 20px}.hero-note{display:flex;align-items:center;gap:9px;font-size:12px!important;color:#8ab1ca!important}.hero-phone{display:flex;align-items:center;justify-content:center;position:relative;padding-top:25px}.hero-phone:before{content:"";position:absolute;width:350px;height:350px;background:#087af2;filter:blur(110px);opacity:.13}.mock-device{width:290px;height:540px;border:10px solid #152b3c;box-shadow:0 20px 100px #0008,0 0 0 2px #34516d;border-radius:40px;background:#07131e;position:relative;padding:28px 15px;transform:rotate(5deg)}.mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.mock-top>span{color:#78bfff}.mock-device>small{color:#a7b8c9}.mock-device h3{margin:5px 0 24px;font-size:19px}.mock-balance{border-radius:17px;padding:24px 18px;background:linear-gradient(118deg,#146ac9,#0951a3);display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 25px #004fba66}.mock-balance small{color:#c0e4ff}.mock-balance strong{font-size:39px;letter-spacing:-1px}.mock-balance span{font-size:10px;color:#dbecff}.mock-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.mock-tiles>div{background:#102332;padding:17px 11px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:11px;font-weight:700}.mock-tiles svg{color:#aadaff}.mock-activity{display:flex;justify-content:space-between;margin-top:18px;color:#b3c3d3;font-size:11px}.mock-activity b{color:#f2f6fc}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:25px 0 70px}.landing-features>div{background:#0c1c2b;border:1px solid #19344d;border-radius:18px;padding:24px}.landing-features svg{color:#67b7ff}.landing-features h3{margin:17px 0 7px}.landing-features p{color:#91a6b8;font-size:13px;line-height:1.6;margin:0}.landing-foot{color:#778a9b;font-size:12px;text-align:center;padding:0 0 24px}
.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 20%,#1c4b70aa,transparent 45%),#07131f}.auth-card{width:min(100%,470px);background:#0d1c2b;border:1px solid #254058;border-radius:24px;padding:30px;box-shadow:0 18px 65px #0007}.auth-card>.brand{margin:19px 0 28px}.auth-card h1{font-size:25px;margin-bottom:9px}.auth-card>.muted{font-size:13px;line-height:1.7}.back-link{display:inline-flex;gap:7px;align-items:center;border:0;background:none;color:#a5bbcd;font-size:12px;padding:0}.demo-login{margin-top:25px}.demo-login p{color:#a9bacb;font-size:13px;line-height:1.6}.demo-roles{display:grid;gap:10px;margin-top:16px}.demo-roles>button{display:flex;gap:12px;align-items:center;text-align:left;background:#132638;color:#eef7ff;border:1px solid #25425b;border-radius:12px;padding:12px}.demo-roles>button:hover{border-color:#3c91db;background:#18334c}.demo-roles>button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.demo-roles small{font-size:11px}.role-icon{width:37px;height:37px;display:grid;place-items:center;background:#14395e;color:#6ec1ff;border-radius:10px}.role-icon svg{width:19px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
/* App layout */
.app-shell{display:flex;min-height:100vh;background:#081521}.sidebar-wrapper{width:237px;flex:0 0 237px}.sidebar{background:#091724;border-right:1px solid #183044;position:fixed;inset:0 auto 0 0;width:237px;display:flex;flex-direction:column;padding:28px 12px 15px;z-index:30}.sidebar-header{padding:0 12px 37px;display:flex;align-items:center;justify-content:space-between}.sidebar .brand{font-size:14px}.sidebar-overline{padding:0 14px 10px;color:#617f98;font-size:10px;letter-spacing:1.3px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.sidebar nav button{border:0;display:flex;align-items:center;gap:13px;text-align:left;width:100%;height:41px;padding:0 13px;color:#a6b8c9;background:transparent;font-size:13px;font-weight:650;border-radius:9px}.sidebar nav button svg{flex-shrink:0}.sidebar nav button.active{color:#fff;background:#123d68;box-shadow:inset 3px 0 #268dfa}.sidebar nav button:hover:not(.active){background:#132637;color:#e5f6ff}.sidebar-footer{margin-top:auto;padding:14px 8px;border-top:1px solid #1a3041}.sidebar-me{display:flex;align-items:center;gap:10px;margin-bottom:15px}.sidebar-me div{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-me b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-me small{font-size:10px}.avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#293b87,#725aac);color:#fff;font-weight:800;font-size:12px}.avatar.tiny{width:30px;height:30px;font-size:10px}.logout-link{color:#7c9cba;font-size:12px;background:none;border:0;display:flex;gap:9px;align-items:center;padding:8px}.logout-link:hover{color:white}.app-main{flex:1;min-width:0}.app-topbar{min-height:73px;border-bottom:1px solid #1c3042;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0a1926;gap:15px}.topbar-left{display:flex;align-items:center;gap:9px;font-size:12px;color:#a3b9ca}.online-dot{width:7px;height:7px;border-radius:50%;background:#49d8a7;box-shadow:0 0 8px #44cfa37a}.topbar-user{display:flex;align-items:center;gap:9px}.user-name{font-size:12px;font-weight:700}.role-switch{border:1px solid #25425b;border-radius:8px;background:#0f2538;color:#83bfff;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:11px}.app-content{margin:auto;padding:34px;max-width:1480px}.app-content.staff-content{max-width:1540px}.member-content{max-width:720px;min-height:calc(100vh - 73px)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-header h1{margin:0;font-size:25px;letter-spacing:-.6px}.section-header p{margin:8px 0 0;color:#8fa4b6;font-size:13px;line-height:1.55}.hello{margin-bottom:21px}.hello p{margin:0 0 3px;color:#afc0d0;font-size:13px}.hello h1{margin:0;font-size:28px}.balance-card{background:linear-gradient(122deg,#1478e0,#0d4d97);border-radius:17px;padding:26px 24px;position:relative;overflow:hidden;min-height:190px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;box-shadow:0 12px 36px #064dab44}.balance-card small{color:#d7ecff;font-size:12px}.balance-card strong{font-size:42px;letter-spacing:-1.5px;line-height:1.1}.balance-card .btn{position:relative;z-index:1;margin-top:8px}.balance-watermark{position:absolute;font-size:160px;right:6px;top:13px;color:#6abaff14;transform:rotate(90deg);letter-spacing:-65px}.member-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:18px 0}.member-tiles button{border:1px solid #193348;background:#0d2030;color:#ecf5ff;min-height:134px;border-radius:14px;padding:17px;text-align:left;display:flex;flex-direction:column;gap:10px}.member-tiles button:hover{border-color:#3881bd;background:#11283b}.member-tiles button svg{color:#d4edff}.member-tiles b{font-size:14px;margin-top:6px}.member-tiles small{font-size:11px}.panel{border:1px solid #1c3247;background:#0d1b29;border-radius:16px;padding:20px;margin-bottom:18px}.panel h3{margin:0 0 17px;font-size:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h3{margin:0}.text-action{background:none;color:#6eb8ff;border:none;font-size:12px;display:inline-flex;align-items:center;gap:4px}.list-row{padding:15px 0;display:flex;align-items:center;gap:13px;border-top:1px solid #193043}.panel-heading+.list-row{border-top:0}.list-row .grow{display:flex;flex-direction:column;gap:6px}.list-row .grow b{font-size:13px}.list-row .grow small{font-size:11px}.list-row>b{font-size:13px;white-space:nowrap}.small-square{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#22364b;color:#d1e8f9;border-radius:10px}.small-square.positive{background:#10392f;color:#5ce0ad}.small-square.negative{background:#173247;color:#91cfff}.mini-history{margin-bottom:20px}.panel .list-row:first-of-type{border-top:0}
/* Member QR and history */
.qr-page{display:flex;flex-direction:column;align-items:center;gap:17px}.qr-card{display:flex;flex-direction:column;align-items:center;background:#fff;color:#061725;border-radius:18px;padding:24px 28px 25px;width:min(100%,350px);box-shadow:0 12px 40px #0005}.qr-emblem{height:44px;margin-bottom:13px;color:#05253d;letter-spacing:-21px;padding-right:19px;font-size:55px;font-weight:900;transform:rotate(90deg)}.qr-card canvas{max-width:100%;height:auto!important}.qr-card h2{font-size:18px;margin:17px 0 5px}.qr-card p{color:#5b7184;font-size:13px;margin:0}.qr-instructions{max-width:380px;display:flex;align-items:center;gap:12px;color:#9aafc0;font-size:12px;text-align:center;line-height:1.6}.qr-instructions svg{flex-shrink:0;color:#69b9fe}.qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.subtle-link{color:#729fbb;display:flex;align-items:center;gap:6px;background:none;border:0;font-size:11px;margin:6px auto}.segmented{display:inline-flex;align-items:center;gap:5px;border-radius:11px;background:#102131;padding:5px;margin-bottom:21px;max-width:100%}.segmented button{border:0;background:transparent;color:#9aafc3;border-radius:8px;padding:9px 13px;font-size:12px;white-space:nowrap}.segmented button.selected{background:#1685f6;color:white;box-shadow:0 3px 12px #1685f633}.scroll-tabs{overflow-x:auto}.ledger-row{border-top:1px solid #193043!important}.ledger-row:first-child{border-top:0!important}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-tile{overflow:hidden;background:#0e2030;border:1px solid #1d354a;border-radius:14px}.catalog-art{height:132px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#344c62,#152637 72%);font-size:66px}.catalog-details{padding:12px;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.catalog-details b{font-size:13px}.catalog-details strong{font-size:13px;color:#d8e8f6}.info-panel p{color:#a9bdce;line-height:1.7;font-size:13px}.info-panel .brand{margin-bottom:24px}.info-panel h3{margin-top:28px}
/* Office dashboard */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat{background:#0d1c2a;border:1px solid #1d3449;padding:20px 17px;border-radius:14px;display:flex;flex-direction:column;gap:13px;min-width:0}.stat-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#a6bacb;font-size:12px}.stat-label svg{color:#688bab;flex-shrink:0}.stat strong{font-size:26px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat small{color:#61d6a5;font-size:11px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-grid button{border:1px solid #1c3b54;background:#112739;border-radius:11px;padding:15px 12px;color:#e7f2fc;display:flex;align-items:center;flex-direction:column;gap:13px;font-size:12px}.quick-grid button:hover{border-color:#3688c9}.quick-grid button>svg:first-child{color:#57aaf5}.quick-grid button>svg:last-child{margin-left:auto;color:#6996b7}
/* POS */
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:17px;align-items:start}.checkout-layout>.panel{margin-bottom:0}.checkout-layout>div>.panel{margin-bottom:17px}.member-chooser h3,.register-summary h3{margin-bottom:18px}.optional{font-family:'DM Sans';font-size:11px;font-weight:400;color:#90a8bc}.input-line{border:1px solid #294358;border-radius:10px;background:#0a1825;padding:0 11px;display:flex;align-items:center;gap:9px;min-height:43px;color:#7896b1;flex:1}.input-line input{background:transparent;border:0;outline:0;color:#e7f2fa;width:100%;font-size:13px;min-width:0}.input-line:focus-within{border-color:#348fda}.input-line .btn{margin:4px -5px 4px 0;min-height:33px;padding:6px 12px}.selected-member{display:flex;align-items:center;gap:12px;background:#112d3e;border:1px solid #225673;border-radius:12px;padding:12px}.profile-chip{display:flex;align-items:center;gap:9px;min-width:0}.profile-chip>div{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-chip b{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-chip small{font-size:10px;white-space:nowrap}.selected-member .profile-chip{flex:1}.selected-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.selected-balance b{color:#61d8a9;white-space:nowrap}.search-results{background:#0e2537;border-radius:10px;margin-top:10px;max-height:250px;overflow-y:auto}.search-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfeefa;width:100%;background:transparent;border:0;padding:12px;text-align:left;border-bottom:1px solid #254052}.search-results button:hover{background:#1a374e}.pos-products{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:3px}.pos-product{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #22394f;border-radius:12px;padding:12px;background:#102131}.pos-product .grow b{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pos-product .grow small{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-emoji{font-size:31px;width:43px;height:43px;border-radius:10px;background:#1f3344;display:grid;place-items:center;flex-shrink:0}.qty{display:flex;align-items:center;gap:6px}.qty button{width:25px;height:25px;display:grid;place-items:center;border:0;background:#233b52;border-radius:8px;color:#cde6fb;font-size:17px;font-weight:700}.qty button:last-child{background:#154e82;color:#fff}.qty span{min-width:14px;text-align:center;font-size:12px;font-weight:800}.register-summary{position:sticky;top:18px}.payment-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-choices button{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#132738;border:1px solid #264157;border-radius:10px;color:#aac3d9;font-size:11px;padding:12px 5px}.payment-choices button.active{color:#eaf7ff;background:#103d69;border-color:#2688ec}.register-summary>.hint{font-size:11px;line-height:1.6;min-height:43px;margin:12px 0}.cart-items{border-top:1px solid #294054;border-bottom:1px solid #294054;margin:10px 0 15px;min-height:95px;padding:8px 0}.cart-items>div:not(.empty){display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:8px 0}.cart-items>.empty{padding:12px}.cart-items>.empty svg{width:24px}.summary-total{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:14px}.summary-total strong{font-size:26px}.new-balance{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#b8ccd9;font-size:12px}.new-balance b{color:#59d6a4;font-size:14px}.search-results .profile-chip{min-width:0}
/* Tables and CRUD */
.table-scroll{overflow-x:auto}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:650px}.table-scroll th{color:#86a0b8;font-size:11px;font-weight:600;padding:14px 12px;border-bottom:1px solid #294159;white-space:nowrap}.table-scroll td{padding:14px 12px;border-bottom:1px solid #182e40;color:#d5e3ef;vertical-align:middle}.table-scroll tr:last-child td{border-bottom:0}.table-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:15px}.table-top>.input-line{max-width:380px}.table-actions button{background:#173e5f;color:#9dd3fd;border:0;border-radius:8px;width:29px;height:29px;display:grid;place-items:center}.pill{font-size:11px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:7px;font-weight:750}.pill-neutral{background:#253447;color:#b3c9d9}.pill-info{background:#123c68;color:#87c8ff}.pill-success{background:#124b3b;color:#7fe7b7}.pill-warning{background:#644024;color:#ffbe7a}.pill-danger{background:#562b39;color:#ffacb5}.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card{background:#0e1e2b;border:1px solid #22394d;border-radius:13px;display:flex;align-items:center;gap:13px;padding:15px}.product-card .grow b{display:block;font-size:13px}.product-card .grow small{display:block;margin-top:6px}.product-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.product-right strong{font-size:14px}.date-controls{display:flex;gap:12px;align-items:center;margin:0 0 19px}.date-controls label{display:flex;gap:10px;align-items:center;color:#a6bacc;font-size:12px}.date-controls input{color:#d2e6f8;border:1px solid #294055;background:#0e2232;padding:9px;border-radius:9px;color-scheme:dark}.report-bars{display:flex;flex-direction:column;gap:23px;padding:15px 0}.bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.bar-track{height:9px;border-radius:30px;background:#1a3146;overflow:hidden}.bar-track span{height:100%;background:linear-gradient(90deg,#137deb,#65baff);display:block;border-radius:30px}.settings-panel>div{padding:17px 0;border-bottom:1px solid #1b3449}.settings-panel>div:last-child{border-bottom:0}.settings-panel b{font-size:14px}.settings-panel p{color:#a1b5c6;font-size:13px;line-height:1.6;margin:8px 0}.info-panel .inline-warning,.settings-panel .inline-warning{margin:15px 0}
/* Forms and dialogs */
.overlay{position:fixed;inset:0;z-index:100;background:#020a11d9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal{width:min(100%,480px);max-height:calc(100vh - 36px);overflow-y:auto;border:1px solid #30506a;background:#0c1c2c;box-shadow:0 20px 80px #000a;border-radius:18px;padding:23px}.modal-wide{width:700px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h3{margin:0;font-size:18px}.modal p{color:#a9bfd0;font-size:13px;line-height:1.65}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form>label,.form-inline>label{display:flex;flex-direction:column;gap:8px;color:#a8bed2;font-size:12px;font-weight:650;flex:1}.stack-form input:not([type=checkbox]),.stack-form select{min-height:43px;background:#081827;border:1px solid #29475e;color:#f5fbff;border-radius:10px;padding:10px 12px;width:100%;outline:none}.stack-form input:focus,.stack-form select:focus{border-color:#3797ee}.stack-form select{appearance:auto}.form-inline{display:flex;gap:12px}.form-inline>label:first-child{flex:0 0 90px}.check-line{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px;line-height:1.5}.check-line input{appearance:auto;flex:0 0 auto;accent-color:#248af9;width:17px;height:17px;margin-top:2px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.inline-warning{background:#152c3d;border:1px solid #32516a;color:#b9d0df;display:flex;gap:10px;padding:12px;border-radius:10px;align-items:flex-start;font-size:12px;line-height:1.6}.inline-warning svg{flex-shrink:0;margin-top:1px;color:#80b7e0}.confirm-body .receipt-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #253b50;padding:11px 0;font-size:13px}.receipt-line span{color:#9fb5c6}.receipt-line.total{font-size:17px}.receipt-line.total b{color:#f1f9ff}.confirm-body .check-line{margin-top:16px;font-size:12px;color:#c8d8e5}.scanner-viewport{min-height:220px;border:1px solid #2c526e;border-radius:11px;overflow:hidden;background:#04111b}.scanner-box .hint{margin:14px 0}.scanner-box>.input-line{margin-top:14px}.wallet-info{text-align:center}.wallet-info>svg{color:#66b8ff}.wallet-info h3{margin-top:12px}.wallet-info .inline-warning{text-align:left}.empty{padding:35px 12px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;color:#7993a8;text-align:center}.empty b{color:#bcd0df;font-size:13px}.empty p{font-size:12px;margin:0;line-height:1.5}.toast{position:fixed;z-index:250;bottom:23px;right:23px;max-width:min(92vw,420px);display:flex;align-items:center;gap:10px;background:#114637;border:1px solid #367a63;box-shadow:0 8px 36px #0008;border-radius:12px;padding:14px;color:#e8fef6;font-size:13px;line-height:1.5}.toast.error{background:#522637;border-color:#914d60;color:#ffedf0}.toast>span{flex:1}.toast button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.bottom-nav,.mobile-menu,.sidebar-shade{display:none}
@media(max-width:1180px){.pos-products{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-layout{grid-template-columns:minmax(0,1.2fr) minmax(275px,.8fr)}}
@media(max-width:900px){.sidebar-wrapper{width:0;flex-basis:0}.sidebar-wrapper .sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar-wrapper.open .sidebar{transform:translateX(0)}.sidebar-shade.show{display:block;position:fixed;inset:0;z-index:29;background:#0009}.mobile-menu{display:inline-flex}.app-topbar{padding:0 20px}.app-content{padding:25px 20px}.sidebar-header{padding-bottom:30px}.hero{gap:10px}.hero h1{font-size:50px}.two-panels{grid-template-columns:1fr}}
@media(max-width:650px){.landing-header{padding:20px}.landing-header .brand{font-size:13px}.landing-header nav a{display:none}.landing-header nav{gap:0}.landing-header nav .btn{min-height:37px;padding:8px 12px}.landing main{padding:0 18px}.hero{grid-template-columns:1fr;gap:8px;min-height:0;padding:65px 0 40px}.hero-copy{padding:0}.hero h1{font-size:45px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-phone{padding:55px 0 20px}.mock-device{transform:rotate(0deg) scale(.85);margin:-35px 0}.landing-features{grid-template-columns:1fr;gap:10px;padding-bottom:30px}.landing-features>div{padding:19px}.landing-foot{line-height:1.6}.app-topbar{height:59px;min-height:59px;padding:0 14px}.topbar-left{font-size:11px}.user-name{display:none}.topbar-user{gap:4px}.role-switch{font-size:0;padding:9px}.role-switch svg{width:16px;height:16px}.app-content{padding:24px 15px 85px;min-height:calc(100vh - 59px)}.section-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:19px}.section-header h1{font-size:22px}.section-header p{font-size:12px}.member-content{max-width:600px}.balance-card{min-height:190px;padding:24px 20px}.balance-card strong{font-size:38px}.member-tiles{gap:11px}.member-tiles button{min-height:125px;padding:14px}.member-tiles b{font-size:13px}.panel{padding:17px}.stats-grid{gap:10px}.stat{padding:16px 12px;gap:10px}.stat strong{font-size:21px}.stat-label{font-size:11px}.stat-label svg{width:16px}.stat small{font-size:10px}.checkout-layout{grid-template-columns:1fr;gap:10px}.register-summary{position:static}.pos-products{grid-template-columns:1fr}.pos-product{padding:10px}.product-list{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-art{height:120px;font-size:57px}.catalog-details{padding:10px}.catalog-details b{font-size:12px}.catalog-details strong{font-size:12px}.bottom-nav{position:fixed;z-index:25;display:flex;bottom:0;left:0;right:0;background:#081725eF;border-top:1px solid #24415a;padding:10px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(14px);justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;border:0;background:transparent;color:#92abc0;font-size:10px;padding:0 2px}.bottom-nav button.active{color:#3c9bff}.bottom-nav button.active svg{fill:#1684f722}.modal{max-height:90dvh;padding:20px}.modal-actions .btn{flex:1}.toast{bottom:calc(80px + env(safe-area-inset-bottom));left:13px;right:13px;max-width:none}.date-controls{flex-wrap:wrap}.qr-page{padding-bottom:15px}.qr-card{max-width:330px}.qr-actions{width:100%}.qr-actions .btn{flex:1}.list-row{gap:9px}.list-row .grow b{font-size:12px}.list-row .grow small{font-size:10px}.balance-card .btn{font-size:12px}.topbar-left .online-dot{display:none}}