:root{font-family:'Segoe UI',Arial,sans-serif;color:#163765;background:#dee6ef;font-size:15px;--line:#bdd0e4;--nav:#203d58;--header:linear-gradient(#456b91,#213a56)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #146ad3}button{cursor:pointer;color:inherit;min-height:46px;border:1px solid #b5c9dd;border-radius:7px;padding:10px 15px;background:linear-gradient(#fff,#e2eaf2);box-shadow:inset 0 1px 1px #fff,0 2px 0 #8ba1b6;font-weight:600}button:hover{filter:brightness(1.04);border-color:#4a8fd1}button:active{transform:translateY(1px)}button[disabled]{cursor:not-allowed;opacity:.65}button.blue{color:white;background:linear-gradient(#5caff5,#1464ac)}button.green{color:white;background:linear-gradient(#4fd234,#128811)}button.teal{color:white;background:linear-gradient(#65aca2,#12735b)}button.red{color:white;background:linear-gradient(#fa6d72,#d50020)}button.purple{color:white;background:linear-gradient(#b078f1,#51209c)}button.amber{color:white;background:linear-gradient(#ffd24a,#ca8200)}button.cyan{color:white;background:linear-gradient(#56ced5,#087d8d)}button.pink{color:white;background:linear-gradient(#f27cba,#a60c66)}button.slate{color:white;background:linear-gradient(#9aafbf,#354d60)}button.orange{color:white;background:linear-gradient(#ffc38d,#bd5421)}input,select,textarea{width:100%;min-height:48px;border:1px solid #aabdd2;background:white;color:#163765;padding:10px 12px;border-radius:1px}select{background:linear-gradient(#fff,#e7e7e7)}input:focus,select:focus,textarea:focus{outline:2px solid #4a95fd}input[type=checkbox]{width:22px;min-height:22px;accent-color:#258360}label{display:block;font-weight:600}label>input,label>select,label>textarea{margin-top:7px}a{color:inherit}.preview{height:36px;display:flex;align-items:center;gap:16px;padding:0 13px;background:#fff7df;border-bottom:1px solid #d9bc76;color:#74500e;font-size:12px;white-space:nowrap}.preview strong{font-size:11px;letter-spacing:.7px}.preview nav{margin-left:auto;display:flex;gap:15px}.preview a{font-weight:600}.badge{display:inline-block;background:#fff3d5;color:#865811;border:1px solid #e6cc91;padding:4px 9px;border-radius:16px;font-size:12px;white-space:nowrap}.muted{color:#6c839b;font-size:13px}.till{height:calc(100dvh - 36px);min-height:680px;min-width:1000px;display:grid;grid-template-rows:58px 1fr 24px}.till-header{background:var(--header);color:white;display:flex;gap:12px;align-items:center;padding:4px 10px}.brand{font-size:24px;line-height:1.1;font-weight:600;margin-right:12px}.brand small{display:block;font-size:11px;font-weight:400;padding-top:4px}.till-header select{width:165px}.till-header time{margin-left:auto;font-size:13px}.till-header .cash-status{background:#274a69;border-radius:8px;padding:5px 15px;font-size:12px}.till-body{display:grid;grid-template-columns:48% 52%;gap:0;padding:5px 7px 0;min-height:0}.till-left{display:grid;grid-template-rows:1fr 232px;min-height:0;padding-right:6px}.till-upper{display:grid;grid-template-columns:1fr 132px;min-height:0;gap:6px}.basket{display:grid;grid-template-rows:36px 1fr 60px 46px;min-width:0}.basket-head{display:grid;grid-template-columns:25px 1fr 80px 40px 65px;align-items:center;background:var(--header);color:white;font-size:12px;font-weight:600;padding:0 5px}.basket-empty{background:#f6f9fd}.basket-summary{background:#e6edf5;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-size:13px;font-weight:600}.basket-summary p{margin:3px 0}.total{display:flex;align-items:center;justify-content:space-between;background:var(--header);padding:0 12px;color:white;font-size:28px;font-weight:600}.total strong{color:#32dc60;font-size:32px}.line-actions{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:0 2px 4px}.line-actions button{min-height:41px;padding:8px 3px;font-size:12px}.payment{display:grid;grid-template-columns:1.25fr .95fr .5fr;grid-template-rows:46px 1fr;gap:6px;padding-top:5px}.payment>input{grid-column:span 2;min-height:44px}.payment>button{font-size:12px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.keypad button{padding:0;min-height:0;font-size:22px}.keypad .wide{grid-column:span 2}.tenders,.notes{display:grid;gap:6px;grid-template-rows:repeat(3,1fr)}.tenders button{font-size:21px;padding:3px}.notes{grid-template-rows:repeat(4,1fr)}.notes button{font-size:18px;min-height:0;padding:1px}.till-right{display:grid;grid-template-rows:48px 48px 1fr 74px;gap:5px;padding-left:3px;min-height:0}.searchrow{display:flex;gap:5px}.categories{display:flex;gap:4px;overflow:auto;padding-bottom:3px}.categories button{flex:1;white-space:nowrap;font-size:13px;padding:5px 10px}.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:119px;gap:6px;overflow:auto;align-content:start;padding:1px 3px 4px}.tile{position:relative;padding:4px 3px 6px;background:linear-gradient(#fff 50%,#d1dbe4 51%,#edf2f6);font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px}.tile .price{position:absolute;right:5px;top:5px;background:#dfebff;padding:2px 4px;font-size:12px}.tile img{height:68px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}.pack{width:42px;height:69px;border-radius:7px 7px 10px 10px;background:linear-gradient(90deg,#ffffff88,transparent 24%,#0002);box-shadow:2px 4px 0 #a1b0bc77;display:flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:700;transform:rotate(-3deg)}.pack:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;border-radius:50%;background:#c3c8cf}.pack.coke{background-color:#d9223e}.pack.pepsi{background-color:#1871bd}.pack.sprite{background-color:#1e9b5b}.pack.fanta{background-color:#f69b12}.pack.milk{background-color:#4db3dd}.pack.kitkat{background-color:#d32843;width:72px;height:30px;transform:rotate(-10deg);margin:25px 0 14px}.pack.grocery{background-color:#d3ae6b;width:52px;height:57px}.till-footer{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.till-footer button{font-size:11px;padding:6px 2px}.till-footer b{display:block;font-size:22px;font-weight:400;margin-bottom:6px}.statusbar{font-size:11px;padding:4px 12px;color:#627d98}.admin{height:calc(100dvh - 36px);display:grid;grid-template-columns:225px 1fr;min-height:550px}.sidebar{background:#203d58;color:white;display:flex;flex-direction:column;min-height:0;padding:16px 8px 12px}.sidebar .brand{font-size:18px;padding:5px 12px 23px;line-height:1.4}.sidebar input{min-height:44px;font-size:13px}.sections{overflow:auto;flex:1;padding-top:10px}.sections button{width:100%;background:#294d6b;color:white;text-align:left;min-height:62px;border-color:#56758e;margin-bottom:6px;box-shadow:0 2px 0 #132e45;display:flex;align-items:center;gap:12px;font-size:15px}.sections button.active{background:#34769f}.sections .ico{width:24px;font-size:22px}.sidebar>button{margin-top:10px}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:80px auto 1fr;background:#e9f0f7}.admin-top{background:white;display:flex;align-items:center;padding:12px 22px;gap:14px}.admin-top h1{font-size:25px;margin:0 0 4px}.admin-top .heading{margin-right:auto}.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px 5px}.tabs button{font-size:13px;min-height:42px;padding:7px 12px}.page{padding:12px 20px 18px;min-height:0;overflow:auto}.page-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.page-title h2{font-size:21px;margin:0 auto 0 0}.toolbar{display:flex;gap:7px;margin-bottom:10px;align-items:center}.toolbar input{flex:1;min-width:110px}.toolbar select{max-width:180px}.toolbar button{white-space:nowrap}.tablewrap{border:1px solid var(--line);background:#edf4fa;min-height:260px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:var(--header);color:white;height:49px;padding:12px 14px;font-weight:600;white-space:nowrap}td{padding:14px;border-bottom:1px solid var(--line);height:64px}tbody tr{background:#f6f9fd}tbody tr:nth-child(even){background:#dce8f3}td button{min-height:40px;padding:7px 12px}td small{display:block;margin-top:5px}.empty{text-align:center;padding:55px 20px;color:#6e849b;background:#edf4fa}.page-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sample-note{margin:9px 0;color:#6c839b;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:sticky;top:-12px;padding:8px 0 16px;background:#e9f0f7;z-index:1}.metric{background:linear-gradient(130deg,#fff,#e0efff);border:1px solid #c5d8ed;border-radius:10px;padding:17px;border-left:5px solid #399cec}.metric:nth-child(2){border-left-color:#17b56b}.metric:nth-child(3){border-left-color:#9959dc}.metric:nth-child(4){border-left-color:#eda526}.metric strong{display:block;font-size:29px;margin:10px 0}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.panel{background:white;border:1px solid #cddbe8;border-radius:10px;padding:20px;margin-bottom:15px}.panel h2{font-size:19px;margin:0 0 15px}.chart{height:165px;border-bottom:1px solid #cbd9e6;display:flex;align-items:end;gap:25px;padding:0 20px;position:relative}.chart:before{content:'Sales chart · Coming soon';position:absolute;inset:55px 0;text-align:center;color:#7b91a6}.chart i{width:12%;height:2px;background:#63acf0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.fields .full{grid-column:1/-1}.form-tabs{display:flex;background:#f1f5fa;padding:10px 18px;gap:5px}.form-tabs button{border-radius:0}.form-tabs button.active{background:white;box-shadow:none;border-bottom-color:white}.stockbox{background:#e8f1fa;padding:18px;border-radius:10px}.stockbox strong{font-size:28px;display:block;margin:5px 0 15px}.stockbox label{margin:14px 0}.toggle{display:flex;align-items:center;gap:12px;padding:14px;background:#e9f5f0;border:1px solid #9bc5b7;border-radius:9px;margin-top:12px}.toggle input{margin-left:auto}.soon-panel{padding:22px;background:#fff9eb;border:1px solid #ead7ad;border-radius:8px;margin-top:18px}.soon-panel h3{margin:0 0 8px}.featureline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #dae4ee}.featureline a{text-decoration:none}.featureline a:hover{text-decoration:underline}dialog{padding:0;border:1px solid #d6e4f3;border-radius:23px;box-shadow:0 20px 60px #17385845;width:min(940px,94vw);max-height:92dvh;color:#163765;background:white}dialog::backdrop{background:#132e4966}.modal-head{padding:22px 26px;background:#f0f6fd;display:flex;align-items:center;gap:18px}.modal-head h2{font-size:26px;margin:0 0 4px}.modal-head .heading{flex:1}.modal-head button{font-size:25px;width:55px;padding:5px}.modal-icon{font-size:31px;background:#dfeafb;border-radius:19px;padding:15px}.modal-body{padding:24px 28px;overflow:auto;max-height:59dvh}.modal-foot{display:flex;justify-content:end;gap:10px;padding:16px 25px;background:#f2f7fc;border-top:1px solid #dce8f5}.formhelp{font-size:13px;color:#6e849b;line-height:1.5;margin:8px 0}.signup{max-width:940px;margin:35px auto}.signup>header{padding:24px 32px;background:var(--header);color:white;border-radius:12px 12px 0 0}.signup h1{margin:0;font-size:28px}.signup .panel{border-radius:0 0 12px 12px;padding:30px}.steps{display:flex;gap:10px;margin:0 0 25px;flex-wrap:wrap}.steps span{padding:9px 14px;background:#e8f1fa;border-radius:7px;font-size:13px}.signup .fields{margin-bottom:24px}.roadmap{max-width:1050px;margin:25px auto;padding:0 20px}.roadmap h1{font-size:28px}.roadmap .panel{padding:15px 20px}.source{font-size:11px;color:#7a8fa6}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#203d58;color:white;box-shadow:0 6px 20px #0004;padding:14px 22px;border-radius:8px;z-index:20;display:none}.state-active{background:#e0f3e8;color:#20734c;border-radius:5px;padding:5px 9px;font-size:12px}@media(max-width:1200px){.admin{grid-template-columns:190px 1fr}.preview>span{display:none}.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.brand{font-size:20px}.till-header time{display:none}.toolbar{flex-wrap:wrap}.admin-top h1{font-size:21px}}@media(max-width:760px){.preview{overflow:auto}.preview nav{margin-left:0}.admin{grid-template-columns:160px 1fr}.sections button{font-size:13px;padding:8px}.sidebar .brand{font-size:15px}.page{padding:12px}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.fields,.two-col{grid-template-columns:1fr}.fields .full{grid-column:auto}.admin-top{padding:10px;flex-wrap:wrap}.admin-top .badge{display:none}.signup{margin:15px}.tabs button{font-size:12px}.modal-body{padding:18px}.preview nav a{white-space:nowrap}}

.roadmap .checklist-done{background:#e1f3e8;color:#17653e;border:1px solid #95c5a8;font-weight:700}.roadmap .checklist-partial{background:#fff3d6;color:#79500b;border:1px solid #dfbd76}.roadmap .badge{white-space:nowrap;flex-shrink:0}.checklist-note{font-size:14px;line-height:1.5;margin:5px 0 0;color:#526b84}.roadmap .featureline>div{min-width:0}

.closing-metrics{display:flex;gap:18px;flex-wrap:wrap;position:sticky;top:0;background:#edf4fc;padding:14px;z-index:1}.closing-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:400px;margin:12px auto}.closing-keypad button{font-size:24px;min-height:48px}

.sales-document-text{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:24px;font:16px/1.6 monospace;max-width:850px;margin:auto}

.demo-mode-banner{background:#fff0c2;color:#683d00;padding:8px 16px;font-weight:700;text-align:center}

#page-content .audit-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#page-content .audit-filters input,#page-content .audit-filters select{width:100%;min-width:0}@media(max-width:1100px){#page-content .audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}