:root{font-family:Arial,'Segoe UI',sans-serif;color:#203b3a;background:#f4f7f7;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce5e3;background:white;color:#365452;padding:11px 17px;border-radius:9px;font-weight:600}button:hover{background:#eaf4f1}button.primary{background:#087f72;color:white;border-color:#087f72}button.ghost{background:transparent;border-color:transparent}input,select,textarea{width:100%;padding:12px;border:1px solid #d6e2df;border-radius:8px;background:white;color:#193b38}input:focus,textarea:focus,select:focus{outline:2px solid #63b3a9;outline-offset:1px}textarea{min-height:92px;resize:vertical}label{display:block;font-size:13px;font-weight:600;color:#58716e;margin-bottom:7px}aside{width:230px;position:fixed;right:0;top:0;bottom:0;background:#fff;border-left:1px solid #e1e9e7;padding:30px 20px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;margin-bottom:38px}.brand img{width:42px}.brand small{display:block;font-size:11px;font-weight:400;color:#7d9290;margin-top:3px}aside button{text-align:right;border:0;margin:2px 0}aside button.active{background:#e5f3ef;color:#087f72}.sidebottom{margin-top:auto;border-top:1px solid #e6eeeb;padding-top:20px;font-size:13px;color:#6e8582;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:#25a781;border-radius:50%;margin-left:6px}main{margin-right:230px;padding:0 42px 40px;max-width:1800px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe7e5;color:#7a908c;font-size:13px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#dfeee9;color:#1a6b60;width:35px;height:35px;border-radius:50%;margin-left:10px}.heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 25px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}p{color:#7b908d;line-height:1.6;margin:6px 0}h2{font-size:19px;margin:0 0 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid #e1e9e6;border-radius:12px;padding:22px;position:relative}.stat strong{display:block;font-size:33px;margin-top:15px;letter-spacing:-1px}.stat small{color:#8b9d99}.stat .symbol{position:absolute;left:20px;top:20px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eff5f3;color:#65867e}.stat.red .symbol{background:#ffeded;color:#d66c6c}.stat.orange .symbol{background:#fff2df;color:#c48a3e}.stat.green .symbol{background:#e5f5ec;color:#37a574}.panel{border:1px solid #e0e8e6;background:white;border-radius:13px;overflow:hidden}.toolbar{display:flex;gap:12px;padding:20px;border-bottom:1px solid #edf1ef;flex-wrap:wrap}.search{flex:1;min-width:220px;position:relative}.search input{background:#f8faf9;padding-right:38px}.search span{position:absolute;right:13px;top:11px;color:#8aa09a;font-size:19px}.toolbar select{width:160px}.tabs{display:flex;gap:7px;padding:16px 20px;border-bottom:1px solid #edf1ef;align-items:center;flex-wrap:wrap}.tabs button{border:0;background:transparent;font-size:13px;padding:9px 14px;color:#82938f}.tabs button.active{background:#e7f3ef;color:#08796b}.tabs .hint{margin-right:auto;font-size:12px;color:#81958e}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{background:#fafcfb;color:#8a9c96;font-size:12px;font-weight:500;padding:15px 20px;border-bottom:1px solid #edf1ef}td{padding:19px 20px;border-bottom:1px solid #edf1ef;font-size:13px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbf9}.customer{font-weight:700;color:#2e4942;font-size:14px}.muted{color:#91a19b;font-size:12px;margin-top:6px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:6px;font-weight:600;font-size:12px;padding:7px 10px}.status:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.open{color:#c65f63;background:#fceced}.waiting{color:#b97a22;background:#fff2dc}.closed{color:#318c65;background:#e5f5ec}.pin{color:#0f8973;font-size:13px}.footer{padding:15px 22px;background:#fcfdfc;font-size:12px;color:#8a9d95;display:flex;justify-content:space-between}.empty{text-align:center;padding:70px 20px}.empty .icon{font-size:42px;color:#7db0a1;margin-bottom:15px}.empty h2{color:#3e6458}.banner{padding:15px 20px;background:#e8f3ef;border-radius:9px;margin-top:22px;color:#527d6d;font-size:13px;line-height:1.8}dialog{border:0;border-radius:16px;padding:0;width:min(760px,95vw);max-height:92vh;color:#26443e;box-shadow:0 25px 100px #12332c30}dialog::backdrop{background:#0f292864;backdrop-filter:blur(3px)}.modalhead{padding:24px 28px;border-bottom:1px solid #e5eeea;display:flex;align-items:center;justify-content:space-between}.modalbody{padding:25px 28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.sectiontitle{grid-column:1/-1;font-size:14px;border-bottom:1px solid #e6eeeb;padding-bottom:12px;color:#087f72;font-weight:bold;margin:12px 0 0}.actions{padding:18px 28px;background:#f7faf8;border-top:1px solid #e5eeea;display:flex;gap:10px}.field input:disabled,.field textarea:disabled{background:#f4f7f5;color:#7a8f86}.check{display:flex;align-items:center;gap:8px;padding:12px 0}.check input{width:18px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 80% 0%,#d9eee6,transparent 50%)}.authbox{width:min(440px,92vw);background:white;padding:38px;border:1px solid #dae6e0;border-radius:18px;box-shadow:0 20px 80px #153d3110}.authbox .brand{justify-content:center;margin-bottom:28px}.authbox .field{margin:20px 0}.authbox button{width:100%;margin-top:8px}.error{color:#bc5260;font-size:13px;margin-top:14px}.path{direction:ltr;text-align:left;background:#f3f6f4;padding:15px;border-radius:8px;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:13px;user-select:all}.settings{padding:26px}.settings h2{margin:20px 0 12px}.settings .grid{max-width:750px}.settings table{margin-top:24px}#toast{position:fixed;bottom:25px;left:25px;background:#1f4e41;color:white;border-radius:10px;padding:15px 24px;box-shadow:0 8px 35px #17352c30;display:none;z-index:99}.warning{padding:13px;background:#fff1d7;color:#99702d;border-radius:8px;font-size:13px;line-height:1.7;margin-top:12px}button:disabled{opacity:.6;cursor:wait}a{color:#087f72}.price{font-weight:bold}.phone{direction:ltr;display:inline-block}.count{font-size:11px;margin-right:6px;background:#ffffff9c;border-radius:4px;padding:2px 5px}@media(max-width:1100px){aside{width:190px;padding:25px 14px}main{margin-right:190px;padding:0 24px 30px}.stats{gap:10px}.stat{padding:17px}.stat .symbol{display:none}}@media(max-width:750px){aside{position:static;width:auto;padding:15px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #ddd;overflow:auto;gap:3px}.brand{margin:0 0 0 auto;font-size:20px}.brand small,.sidebottom{display:none}aside button{font-size:12px;padding:10px}.brand img{width:32px}main{margin:0;padding:0 15px 25px}header{height:60px}.heading{margin:24px 0}.heading h1{font-size:25px}.heading p{font-size:12px}.heading button{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:27px;margin-top:8px}.stat small{font-size:11px}.toolbar{padding:13px;gap:8px}.toolbar select{width:calc(50% - 5px);font-size:12px}.tabs{padding:10px;gap:0}.tabs button{padding:8px;font-size:12px}.tabs .hint{display:none}td,th{padding:15px 12px}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modalbody{padding:20px}.modalhead{padding:20px}.settings{padding:18px}}
.storegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.storecard{padding:25px}.storeicon{display:inline-grid;place-items:center;width:44px;height:44px;background:#e5f3ed;color:#087f72;border-radius:10px;font-size:26px;margin-bottom:15px}.storecounts{display:flex;gap:20px;margin:25px 0;color:#82958e;font-size:12px}.storecounts strong{display:block;font-size:27px;color:#264c40;margin-bottom:7px}.storecard button{width:100%}.activitylog{margin-top:25px}.auditentry{padding:18px 0;border-bottom:1px solid #e4ece8;line-height:1.7;font-size:13px}.auditentry summary{cursor:pointer;color:#087f72;margin-top:9px}.auditdetails{background:#f5f8f6;padding:15px;border-radius:8px;margin-top:10px;overflow-wrap:anywhere;white-space:normal}.auditdetails pre{white-space:pre-wrap;direction:ltr;text-align:left}.auditdelta{display:grid;grid-template-columns:130px 1fr 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #e4ece8}.auditdelta span{white-space:pre-wrap}details p{font-size:13px}aside .brand{flex-wrap:wrap}aside .brand small{width:100%}@media(max-width:750px){.auditdelta{grid-template-columns:1fr}.storegrid{grid-template-columns:1fr}aside .brand{min-width:90px}aside button{white-space:nowrap}}

.installpage{margin:0 auto;padding:28px 16px;max-width:760px}.installcard{padding:32px;line-height:1.8}.installcard h1{margin:12px 0;font-size:30px}.installcard h2{margin-top:24px;font-size:20px}.openapp{display:inline-block;background:#087f72;color:white;padding:12px 24px;border-radius:10px;text-decoration:none;margin:12px 0}.installcard button{margin:12px}.installcard [hidden]{display:none}@media(max-width:750px){.installcard{padding:22px}.installcard button,.openapp{width:100%;margin:8px 0;text-align:center}}
