@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";.guard-workspace[data-v-5e5a48f8]{min-height:100vh;background:#f4f7f5;color:#203c32;font-size:14px}.guard-header[data-v-5e5a48f8]{height:84px;padding:0 max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #e2eae5}.guard-brand[data-v-5e5a48f8]{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:9px}.guard-brand-dot[data-v-5e5a48f8]{margin-left:-9px;color:#7ca75b}.guard-role[data-v-5e5a48f8]{display:flex;align-items:center;gap:7px;border-left:1px solid #dde5df;padding-left:24px;font-size:12px;color:#657e70}.guard-account[data-v-5e5a48f8]{position:relative;margin-left:auto}.guard-account-toggle[data-v-5e5a48f8]{display:flex;align-items:center;gap:10px;background:none;border:0;padding:8px 0;min-height:44px}.guard-avatar[data-v-5e5a48f8]{display:grid;place-items:center;background:#e9efe3;border-radius:50%;width:36px;height:36px;font-size:12px;font-weight:700}.guard-account-name[data-v-5e5a48f8]{font-size:13px;font-weight:600}.guard-account-menu[data-v-5e5a48f8]{position:absolute;right:0;top:60px;width:240px;background:#fff;border:1px solid #dce6de;border-radius:14px;box-shadow:0 12px 40px #203c321a;padding:20px;z-index:50}.guard-account-menu>strong[data-v-5e5a48f8],.guard-account-menu>span[data-v-5e5a48f8]{display:block}.guard-account-menu>span[data-v-5e5a48f8]{font-size:12px;color:#758579;margin-top:5px}.guard-account-menu button[data-v-5e5a48f8]{display:flex;align-items:center;gap:10px;width:100%;margin-top:18px;padding:12px;background:#f0f5eb;border:0;border-radius:8px;font-size:13px}.guard-main[data-v-5e5a48f8]{max-width:1176px;padding:34px 28px 0;margin:auto}.guard-greeting[data-v-5e5a48f8]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.guard-greeting p[data-v-5e5a48f8]{font-size:12px;color:#738477}.guard-greeting h1[data-v-5e5a48f8]{font-size:28px;letter-spacing:-1px;margin-top:7px;line-height:1.35}.guard-greeting h1>span[data-v-5e5a48f8]{color:#7ba253}.guard-demo[data-v-5e5a48f8]{font-size:11px;padding:6px 10px;border:1px solid #dde7cf;color:#6b7d4f;background:#f4f7eb;border-radius:6px}.guard-entry[data-v-5e5a48f8]{display:flex;position:relative;overflow:hidden;border-radius:20px;background:#194d3b;color:#fff;min-height:238px}.guard-entry-copy[data-v-5e5a48f8]{padding:30px 34px;position:relative;z-index:1}.guard-kicker[data-v-5e5a48f8]{font-size:10px;letter-spacing:1.8px;color:#c0d5ba;display:flex;align-items:center;gap:8px}.guard-kicker>span[data-v-5e5a48f8]{height:6px;width:6px;background:#cce99b;border-radius:50%}.guard-entry h2[data-v-5e5a48f8]{font-size:30px;letter-spacing:-.8px;margin-top:14px}.guard-entry p[data-v-5e5a48f8]{font-size:13px;color:#c2d7cb;line-height:1.7;margin-top:8px}.guard-create[data-v-5e5a48f8]{display:flex;align-items:center;gap:10px;background:#d2ed9a;color:#214b31;border:0;border-radius:10px;min-height:50px;padding:13px 17px;font-size:14px;font-weight:700;margin-top:22px;box-shadow:0 4px 12px #0e342c26}.guard-create[data-v-5e5a48f8]:hover{background:#e0f5b4}.guard-create>svg[data-v-5e5a48f8]:last-child{margin-left:20px}.guard-entry-art[data-v-5e5a48f8]{position:absolute;right:0;top:0;bottom:0;width:38%;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#46785866,transparent 65%)}.guard-road[data-v-5e5a48f8]{position:absolute;right:-60px;top:-20px;width:250px;height:340px;transform:rotate(32deg);border-inline:1px solid #ffffff18;background:#ffffff03;display:flex;justify-content:space-around}.guard-road>span[data-v-5e5a48f8]{border-left:2px dashed #b0cba336;height:100%}.guard-art-parking[data-v-5e5a48f8]{position:absolute;top:28px;right:62px;display:grid;place-items:center;width:52px;height:58px;background:#d2ed9a;border:5px solid #d2ed9a;outline:1px solid #ffffff30;outline-offset:5px;border-radius:10px;color:#24563c;font-size:40px;font-weight:800;transform:rotate(8deg)}.guard-art-car[data-v-5e5a48f8]{position:absolute;left:30px;top:48px;color:#d8e5d4;transform:rotate(-10deg)}.guard-art-ticket[data-v-5e5a48f8]{position:absolute;display:flex;align-items:center;gap:12px;right:38px;bottom:32px;background:#fbfdf4;border:1px solid #e1ebd4;color:#244c36;border-radius:12px;padding:17px;transform:rotate(-5deg);box-shadow:0 10px 30px #0a30294d}.guard-art-ticket strong[data-v-5e5a48f8],.guard-art-ticket div>span[data-v-5e5a48f8]{display:block}.guard-art-ticket strong[data-v-5e5a48f8]{font-size:13px}.guard-art-ticket div>span[data-v-5e5a48f8]{font-size:10px;margin-top:5px;color:#819278}.guard-art-check[data-v-5e5a48f8]{background:#e3efcf;border-radius:50%;padding:5px;display:flex;margin-left:12px}.guard-counts[data-v-5e5a48f8]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 34px}.guard-count[data-v-5e5a48f8]{display:flex;align-items:center;text-align:left;gap:15px;padding:20px;background:#fff;border:1px solid #e0e8e2;border-radius:14px;min-height:100px;transition:border-color .15s,box-shadow .15s}.guard-count[data-v-5e5a48f8]:hover,.guard-count.selected[data-v-5e5a48f8]{border-color:#91b69c;box-shadow:0 3px 12px #194d3b05}.guard-count-icon[data-v-5e5a48f8]{width:46px;height:46px;display:grid;place-items:center;background:#eef3ef;color:#527664;border-radius:12px;flex-shrink:0}.guard-count>span:nth-child(2)>strong[data-v-5e5a48f8]{font-family:Manrope,sans-serif;font-size:28px;line-height:1.2;display:block}.guard-count>span:nth-child(2)>span[data-v-5e5a48f8]{display:block;font-size:12px;margin-top:5px;color:#728378}.guard-count>svg[data-v-5e5a48f8]{margin-left:auto;color:#879c8c}.guard-count.waiting .guard-count-icon[data-v-5e5a48f8]{background:#fff3dd;color:#ab7b27}.guard-count.ready .guard-count-icon[data-v-5e5a48f8]{background:#eaf3dd;color:#668442}.guard-list-heading[data-v-5e5a48f8]{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.guard-list-heading h2[data-v-5e5a48f8]{font-size:21px;letter-spacing:-.6px}.guard-list-heading p[data-v-5e5a48f8]{font-size:12px;line-height:1.7;color:#74867a;margin-top:6px}.guard-auto-update[data-v-5e5a48f8]{font-size:10px;display:flex;align-items:center;gap:6px;color:#7f9182;white-space:nowrap}.guard-auto-update>span[data-v-5e5a48f8]{width:5px;height:5px;border-radius:50%;background:#78a66a}.guard-list-controls[data-v-5e5a48f8]{display:flex;gap:20px;justify-content:space-between;align-items:center}.guard-view-tabs[data-v-5e5a48f8]{display:flex;background:#e9eeea;padding:4px;border-radius:10px;gap:4px}.guard-view-tabs button[data-v-5e5a48f8]{border:0;background:none;color:#76877a;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:7px;min-height:42px;white-space:nowrap}.guard-view-tabs button.active[data-v-5e5a48f8]{color:#2a533d;background:#fff;box-shadow:0 1px 4px #203c3210;font-weight:600}.guard-view-tabs button>span[data-v-5e5a48f8]{font-size:10px;background:#edf3e7;padding:2px 6px;border-radius:4px}.guard-search[data-v-5e5a48f8]{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce5df;border-radius:10px;padding:0 13px;min-height:48px;width:300px;color:#7b8e7e}.guard-search input[data-v-5e5a48f8]{border:0;outline:none;background:none;width:100%;font-size:13px;color:#254b36;min-height:46px}.guard-search[data-v-5e5a48f8]:focus-within{outline:2px solid #90b284;outline-offset:2px}.guard-search input[data-v-5e5a48f8]:focus-visible{outline:none}.guard-search>svg[data-v-5e5a48f8]{flex-shrink:0}.guard-search>button[data-v-5e5a48f8]{border:0;background:none;padding:5px;display:flex;min-width:32px;min-height:36px;align-items:center;justify-content:center}.guard-status-filters[data-v-5e5a48f8]{display:flex;align-items:center;gap:8px;margin:18px 0}.guard-status-filters button[data-v-5e5a48f8]{border:1px solid transparent;background:none;color:#78897d;font-size:12px;padding:9px 13px;min-height:38px;border-radius:20px}.guard-status-filters button.active[data-v-5e5a48f8]{background:#e2edde;border-color:#cddfc8;color:#355d39;font-weight:600}.guard-status-filters>span[data-v-5e5a48f8]{margin-left:auto;font-size:11px;color:#7c8e80}.guard-vehicle-grid[data-v-5e5a48f8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.guard-vehicle-card[data-v-5e5a48f8]{border:1px solid #e0e8e2;background:#fff;border-radius:14px;padding:21px;min-width:0}.guard-vehicle-top[data-v-5e5a48f8]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.guard-vehicle-icon[data-v-5e5a48f8]{display:grid;place-items:center;background:#f1f5ee;border-radius:10px;color:#67815e;width:46px;height:46px;flex-shrink:0}.guard-vehicle-top h3[data-v-5e5a48f8]{font-size:18px;font-weight:800;letter-spacing:.8px}.guard-vehicle-top>div>span[data-v-5e5a48f8]{display:block;font-size:11px;color:#7d8c7d;margin-top:6px}.guard-info-dot[data-v-5e5a48f8]{padding:0 4px;color:#a5b09e}.guard-payment-badge[data-v-5e5a48f8]{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:600;padding:6px 8px;border-radius:6px;background:#fbece5;color:#a46852}.guard-payment-badge.paid[data-v-5e5a48f8]{color:#557b42;background:#edf4e3}.guard-payment-badge.pending[data-v-5e5a48f8]{color:#9c782d;background:#fff5df}.guard-payment-badge.exited[data-v-5e5a48f8]{background:#eff2ef;color:#758276}.guard-entry-time[data-v-5e5a48f8]{display:flex;align-items:center;gap:6px;font-size:11px;color:#829083;margin-top:17px}.guard-card-actions[data-v-5e5a48f8]{display:flex;align-items:center;gap:10px;padding-top:17px;margin-top:17px;border-top:1px solid #eef1ec;flex-wrap:wrap}.guard-ticket-button[data-v-5e5a48f8],.guard-exit-button[data-v-5e5a48f8]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;flex:1}.guard-ticket-button[data-v-5e5a48f8]{background:#fff;border:1px solid #dce6d8;color:#5b7751}.guard-ticket-button[data-v-5e5a48f8]:hover{background:#f6f9f2}.guard-ticket-button.expanded[data-v-5e5a48f8]{background:#f4f7ef;border-color:#e2e9d9}.guard-ticket-button.expanded>svg[data-v-5e5a48f8]:last-child{margin-left:auto}.guard-exit-button[data-v-5e5a48f8]{border:1px solid #24523c;background:#24523c;color:#fff}.guard-exit-button[data-v-5e5a48f8]:hover{background:#34684d}.guard-detail-link[data-v-5e5a48f8]{border:0;background:transparent;display:flex;gap:7px;align-items:center;color:#517242;font-size:12px;padding:10px 0;min-height:44px}.guard-exited-time[data-v-5e5a48f8]{font-size:11px;color:#7c8c80;margin-right:auto;line-height:1.7}.guard-empty[data-v-5e5a48f8]{border:1px dashed #d7e2d7;background:#fff8;text-align:center;padding:48px 24px;border-radius:14px;margin-top:18px;display:flex;align-items:center;flex-direction:column}.guard-empty>span[data-v-5e5a48f8]{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#eaf1e5;color:#7c9870}.guard-empty h3[data-v-5e5a48f8]{font-size:16px;margin-top:20px}.guard-empty p[data-v-5e5a48f8]{font-size:12px;color:#819080;line-height:1.8;margin:9px 0 14px}.guard-pagination[data-v-5e5a48f8]{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px}.guard-pagination>span[data-v-5e5a48f8]{font-size:12px;color:#7e8d80;margin-right:auto}.guard-pagination button[data-v-5e5a48f8]{display:grid;place-items:center;border:1px solid #dce5d9;background:#fff;border-radius:8px;width:44px;height:44px}.guard-footer[data-v-5e5a48f8]{padding:28px 0;display:flex;justify-content:center;gap:7px;align-items:center;font-size:11px;color:#8b9a8b}@media(max-width:900px){.guard-entry-art[data-v-5e5a48f8]{width:34%;opacity:.7}.guard-art-car[data-v-5e5a48f8]{left:0}.guard-art-ticket[data-v-5e5a48f8]{right:20px}.guard-count[data-v-5e5a48f8]{padding:16px;gap:10px}.guard-count>svg[data-v-5e5a48f8]{display:none}.guard-vehicle-card[data-v-5e5a48f8]{padding:17px}.guard-payment-badge[data-v-5e5a48f8]{font-size:9px}.guard-vehicle-top h3[data-v-5e5a48f8]{font-size:16px}.guard-vehicle-icon[data-v-5e5a48f8]{width:38px;height:38px}.guard-auto-update[data-v-5e5a48f8],.guard-account-name[data-v-5e5a48f8]{display:none}.guard-vehicle-top[data-v-5e5a48f8]{gap:10px}.guard-role[data-v-5e5a48f8]{font-size:11px}.guard-list-controls[data-v-5e5a48f8]{gap:14px}.guard-search[data-v-5e5a48f8]{width:260px}}@media(max-width:680px){.guard-header[data-v-5e5a48f8]{height:70px;padding:0 19px;gap:13px}.guard-brand[data-v-5e5a48f8]{font-size:24px}.guard-brand .brand-mark[data-v-5e5a48f8]{height:32px;width:30px;font-size:25px}.guard-role[data-v-5e5a48f8]{font-size:10px;padding-left:13px;gap:5px}.guard-role svg[data-v-5e5a48f8]{width:14px}.guard-account-toggle[data-v-5e5a48f8]{gap:5px}.guard-account-toggle>svg[data-v-5e5a48f8]{width:13px}.guard-avatar[data-v-5e5a48f8]{width:31px;height:31px;font-size:10px}.guard-main[data-v-5e5a48f8]{padding:24px 17px 0}.guard-greeting[data-v-5e5a48f8]{margin-bottom:20px;align-items:flex-start}.guard-greeting p[data-v-5e5a48f8]{font-size:11px}.guard-greeting h1[data-v-5e5a48f8]{font-size:23px;letter-spacing:-.8px;max-width:280px}.guard-demo[data-v-5e5a48f8]{font-size:9px;padding:5px 7px;white-space:nowrap;margin-top:2px}.guard-entry[data-v-5e5a48f8]{border-radius:16px;min-height:234px}.guard-entry-copy[data-v-5e5a48f8]{padding:25px 22px;width:100%}.guard-kicker[data-v-5e5a48f8]{font-size:9px;letter-spacing:1.5px}.guard-entry h2[data-v-5e5a48f8]{font-size:25px;max-width:250px;line-height:1.3;margin-top:18px}.guard-entry p[data-v-5e5a48f8]{font-size:12px;max-width:235px;line-height:1.8;margin-top:9px}.guard-entry-art[data-v-5e5a48f8]{width:100px;opacity:.4;pointer-events:none}.guard-art-parking[data-v-5e5a48f8]{right:18px;top:28px;width:39px;height:44px;font-size:30px}.guard-art-car[data-v-5e5a48f8]{left:20px;top:145px}.guard-art-car svg[data-v-5e5a48f8]{width:64px}.guard-art-ticket[data-v-5e5a48f8]{display:none}.guard-create[data-v-5e5a48f8]{width:100%;justify-content:center;font-size:14px;min-height:52px;gap:9px;margin-top:22px}.guard-create>svg[data-v-5e5a48f8]:last-child{margin-left:auto}.guard-create>span[data-v-5e5a48f8]{margin-right:auto}.guard-counts[data-v-5e5a48f8]{gap:8px;margin:14px 0 28px}.guard-count[data-v-5e5a48f8]{padding:14px 8px;flex-direction:column;align-items:flex-start;gap:10px;min-height:124px}.guard-count-icon[data-v-5e5a48f8]{width:32px;height:32px;border-radius:9px;margin-left:4px}.guard-count-icon svg[data-v-5e5a48f8]{width:19px;height:19px}.guard-count>span[data-v-5e5a48f8]:nth-child(2){padding-left:4px}.guard-count>span:nth-child(2)>strong[data-v-5e5a48f8]{font-size:25px}.guard-count>span:nth-child(2)>span[data-v-5e5a48f8]{font-size:10px;margin-top:5px;white-space:nowrap}.guard-list-heading[data-v-5e5a48f8]{margin-bottom:17px}.guard-list-heading h2[data-v-5e5a48f8]{font-size:20px}.guard-list-heading p[data-v-5e5a48f8]{font-size:11px;max-width:290px}.guard-list-controls[data-v-5e5a48f8]{flex-direction:column;align-items:stretch;gap:14px}.guard-view-tabs button[data-v-5e5a48f8]{flex:1;justify-content:center;font-size:12px;padding:10px 9px;min-height:44px}.guard-search[data-v-5e5a48f8]{width:100%;min-height:50px}.guard-search input[data-v-5e5a48f8]{font-size:14px}.guard-status-filters[data-v-5e5a48f8]{gap:3px;margin:14px 0}.guard-status-filters button[data-v-5e5a48f8]{font-size:11px;padding:8px 12px;min-height:40px}.guard-status-filters>span[data-v-5e5a48f8]{font-size:10px}.guard-vehicle-grid[data-v-5e5a48f8]{grid-template-columns:1fr;gap:12px;margin-top:14px}.guard-vehicle-card[data-v-5e5a48f8]{padding:18px}.guard-vehicle-top h3[data-v-5e5a48f8]{font-size:18px}.guard-vehicle-icon[data-v-5e5a48f8]{width:41px;height:41px}.guard-payment-badge[data-v-5e5a48f8]{font-size:10px}.guard-vehicle-top[data-v-5e5a48f8]{gap:10px}.guard-ticket-button[data-v-5e5a48f8],.guard-exit-button[data-v-5e5a48f8]{font-size:12px;min-height:48px;padding-inline:10px}.guard-entry-time[data-v-5e5a48f8]{font-size:11px;margin-top:16px}.guard-card-actions[data-v-5e5a48f8]{margin-top:16px;padding-top:16px}.guard-footer[data-v-5e5a48f8]{font-size:10px;line-height:1.8;padding:25px 0 30px;gap:6px}.guard-footer>svg[data-v-5e5a48f8]{flex-shrink:0}.guard-account-menu[data-v-5e5a48f8]{top:52px}.guard-greeting h1[data-v-5e5a48f8]{line-height:1.4}.guard-exited-time[data-v-5e5a48f8]{font-size:10px}.guard-empty[data-v-5e5a48f8]{padding:35px 18px}.guard-empty h3[data-v-5e5a48f8]{font-size:15px}.guard-empty p[data-v-5e5a48f8]{font-size:11px}}:root{font-family:DM Sans,sans-serif;color:#23352c;background:#f6f7f3;font-synthesis:none;font-weight:400;--green:#204d39;--lime:#d2ed9a;--muted:#879087;--border:#e7eae2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a1c37d;outline-offset:3px}input,select{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button svg,a svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:#173d30;color:#dce6d7;position:fixed;inset:0 auto 0 0;padding:35px 22px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:#f3f6e9;font-size:28px;font-weight:800;letter-spacing:-1.4px;line-height:1}.brand-dot{color:#cce99b;margin-left:-9px}.brand-mark{background:#d3ee9b;color:#1d4934;width:34px;height:37px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:800;position:relative;letter-spacing:-2px}.brand-mark span{font-size:22px;position:absolute;right:4px;bottom:1px;color:#4a7143}.workspace{display:flex;align-items:center;gap:10px;margin-top:37px;padding:13px 10px;border:1px solid #456151;border-radius:9px;white-space:nowrap}.workspace-icon{width:32px;height:34px;border-radius:7px;background:#355643;display:grid;place-items:center;color:#d1e0c4}.workspace strong{font-size:11px;font-weight:600;display:block;color:#f0f4e8}.workspace span{display:block;font-size:9px;color:#a6b9a8;margin-top:5px}.workspace>svg{margin-left:auto;color:#a7b6a6}.nav-caption{color:#829e87;font-size:9px;letter-spacing:1.7px;font-weight:600;display:block;margin:33px 13px 13px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{width:100%;border:0;display:flex;align-items:center;gap:12px;background:transparent;color:#b0c4b4;border-radius:7px;padding:13px 14px;font-size:12px;text-align:left;font-weight:500;transition:.15s}.nav-item:hover{background:#2b4d3a;color:#edf4dc}.nav-item.active{background:#d2ed9a;color:#23462d;font-weight:650}.nav-item .nav-count{font-size:9px;border-radius:5px;padding:2px 6px;background:#386047;margin-left:auto;color:#d9edc7}.sidebar-bottom{margin-top:auto;padding-top:45px}.sidebar-tip{background:linear-gradient(125deg,#32533c,#284a35);border:1px solid #49644a;border-radius:11px;padding:17px 15px;margin-bottom:24px;position:relative;overflow:hidden}.sidebar-tip:after{content:"";width:100px;height:100px;border:1px solid #617953;border-radius:50%;position:absolute;right:-55px;top:-28px;box-shadow:0 0 0 14px #ffffff04,0 0 0 28px #ffffff03}.tip-symbol{color:#d4e9a2;margin-bottom:14px}.sidebar-tip strong{display:block;font-size:11px;color:#eef5d6;position:relative;z-index:1}.sidebar-tip p{font-size:10px;line-height:1.8;color:#a9bea5;margin-top:8px}.sidebar-tip>span{font-size:10px;display:flex;align-items:center;gap:25px;margin-top:15px;color:#dfefb8}.sidebar-user{display:flex;gap:10px;align-items:center;border-top:1px solid #355542;padding:22px 0;margin-top:15px}.avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#e8ebdc;border:2px solid #fff;color:#52704c;border-radius:50%;font-size:11px;font-weight:700}.sidebar-user .avatar{background:#dfc7a3;color:#66533b;border-color:#b3ab89}.sidebar-user strong{display:block;font-size:10px;color:#eff3e8}.sidebar-user span:not(.online-dot){display:block;font-size:9px;color:#94af99;margin-top:5px}.online-dot{width:6px;height:6px;background:#b9d789;border-radius:50%;margin-left:auto}.main-shell{margin-left:242px;width:calc(100% - 242px)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:#969d93}.breadcrumb span{color:#3a493e;font-weight:500}.top-actions{display:flex;gap:20px;align-items:center}.system-live{display:flex;gap:7px;align-items:center;font-size:10px;color:#657a62}.system-live i,.live-label i{width:5px;height:5px;background:#7f9f5e;border-radius:50%}.demo-pill{font-size:9px;color:#78815f;background:#f3f5e7;border:1px solid #e4e9d0;padding:5px 8px;border-radius:5px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#6e7c6b;border-radius:7px}.icon-button:hover{background:#f1f4eb}.notification-button{position:relative}.notification-button i{position:absolute;right:6px;top:5px;width:5px;height:5px;background:#8ca966;outline:2px solid #fff;border-radius:50%}.header-divider{height:23px;border-left:1px solid #e5e8de}.profile-button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0}.avatar.small{width:31px;height:31px;background:#ebddc9;color:#786449;font-size:10px}.popover-wrap{position:relative}.popover{position:absolute;right:0;top:45px;width:270px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 35px #173d3018;padding:19px;border-radius:10px;z-index:50}.popover strong{font-size:13px}.popover p{font-size:12px;line-height:1.6;color:#7f887b;margin-top:7px}.popover button{border:0;background:#f1f5e9;border-radius:5px;padding:10px;display:flex;gap:9px;align-items:center;font-size:11px;width:100%;margin-top:14px;color:var(--green)}main{padding:31px 38px 0;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:9px;font-weight:600;color:#8a9285}.page-heading .eyebrow{letter-spacing:.5px;text-transform:none;font-size:10px}.page-heading h1{font-size:27px;letter-spacing:-1px;margin-top:8px;font-weight:800}.heading-dot{color:#8ca76b}.page-heading p{font-size:11px;color:#879080;margin-top:8px;line-height:1.7}.heading-actions{display:flex;gap:9px;padding-top:10px}.btn{padding:11px 15px;border-radius:7px;font-size:11px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,transform .15s;min-height:39px}.btn:active{transform:translateY(1px)}.btn.primary{background:#244e37;color:#f4f7e9;border-color:#244e37;box-shadow:0 3px 5px #244e3709}.btn.primary:hover{background:#346145}.btn.secondary{background:#fff;border-color:#dce2d4;color:#506048}.btn.secondary:hover{background:#f1f5ea}.welcome-banner{border-radius:12px;background:#234c36;min-height:228px;position:relative;display:flex;overflow:hidden;color:#f7f9e8;border:1px solid #315b3d}.welcome-content{padding:25px 30px;width:50%;z-index:1}.welcome-tag{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#d0dfa7;font-weight:500}.welcome-tag>span{height:5px;width:5px;border-radius:50%;background:#cce98c}.welcome-content h2{font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-.7px;margin-top:13px}.welcome-content p{font-size:10px;line-height:1.8;color:#b5c7aa;margin-top:11px}.welcome-content button{display:flex;align-items:center;gap:17px;color:#d6e8ac;border:0;background:none;font-size:10px;font-weight:500;padding:0;margin-top:17px}.banner-art{width:52%;position:absolute;right:0;top:0;bottom:0}.banner-art>svg{width:100%;height:100%;object-fit:cover;opacity:.9}.floating-ticket{position:absolute;bottom:30px;left:45px;border:1px solid #c3d5aa5e;background:#f5f8e8;box-shadow:0 10px 20px #15332235;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;transform:rotate(-5deg);color:#2b5139}.floating-ticket strong{display:block;font-size:9px}.floating-ticket div>span{display:block;font-size:7px;color:#849078;margin-top:5px}.ticket-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#dfebc6}.floating-ticket>svg{margin-left:11px}.section-label{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-label h3{font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px}.live-label{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-family:DM Sans,sans-serif;font-weight:500;color:#78945b;background:#eaf0df;padding:4px 7px;border-radius:4px}select{border:1px solid #e0e5d8;background:#fff;padding:7px 10px;border-radius:6px;color:#67725e;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px 17px 15px;min-width:0}.stat-card.revenue{background:#f0f4e5;border-color:#dce5c9}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#7a8670;font-weight:500}.stat-icon{width:30px;height:30px;background:#f1f4eb;border:1px solid #e8ecdf;border-radius:7px;display:grid;place-items:center;color:#769060}.stat-card.revenue .stat-icon{background:#e4edcf;border-color:#d6e3bd}.stat-icon.amber{color:#b69a5d;background:#faf6eb;border-color:#f3ebd8}.stat-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:750;letter-spacing:-.9px;margin-top:11px;white-space:nowrap}.stat-value small{font-family:DM Sans,sans-serif;font-size:9px;font-weight:400;letter-spacing:0;color:#939b88;margin-left:7px}.stat-foot{display:flex;align-items:center;gap:6px;font-size:8px;color:#8b9482;margin-top:14px;min-height:17px;white-space:nowrap}.stat-indicator{display:flex;align-items:center;gap:4px;color:#6c8550;font-size:8px;font-weight:500;background:#e2ebcf;border-radius:4px;padding:3px 5px}.mini-dot{height:5px;width:5px;border-radius:50%;display:inline-block;flex-shrink:0}.mini-dot.green{background:#8aa764}.mini-dot.blue{background:#8daeb2}.mini-dot.amber{background:#c3a66c}.dot-sep{padding:0 5px}.insights-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:20px}.insights-grid.full-chart{grid-template-columns:1fr}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 15px;gap:12px}.panel-heading h3{font-size:12px;font-weight:750;letter-spacing:-.15px}.panel-heading p{font-size:9px;color:#939a8b;margin-top:6px;line-height:1.6}.chart-legend{font-size:8px;color:#7c876d;display:flex;gap:5px;align-items:center;white-space:nowrap}.chart-legend i{height:6px;width:6px;background:#8ba974;border-radius:50%}.chart-area{height:153px;display:flex;padding:6px 22px 0 20px;gap:12px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;width:46px;font-size:7px;color:#a1a797;padding-bottom:25px}.plot{flex:1;min-width:0;position:relative}.plot>svg{position:relative;width:100%;height:126px;overflow:visible}.chart-grid{position:absolute;top:0;right:0;bottom:25px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-bottom:1px dashed #e4e9dc;display:block}.x-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:7px;color:#a1a797}.chart-caption{border-top:1px solid #eef0e8;margin:13px 21px 0;padding:12px 0;color:#8a9878;font-size:8px;display:flex;gap:7px;align-items:center}.chart-caption strong{margin-left:auto;font-size:10px;font-weight:600;color:#5d7550}.subtle-icon{color:#8a9b78}.guard-row{display:flex;align-items:center;gap:9px;margin:0 20px;padding:11px 0;border-bottom:1px solid #eff1e9}.guard-row .avatar{width:32px;height:32px;font-size:9px}.tone-0{background:#e8eadb;color:#6e7858}.tone-1{background:#e9e1d4;color:#9d7c58}.tone-2{background:#e0e9e7;color:#649084}.guard-info{flex:1}.guard-info strong{display:block;font-size:10px;font-weight:500}.guard-info span{display:block;font-size:8px;color:#939b89;margin-top:5px}.guard-row>b{font-size:10px;font-weight:600;color:#455b3c}.text-link{background:transparent;border:0;color:#63814e;font-size:9px;font-weight:500;display:inline-flex;align-items:center;gap:7px;padding:0}.text-link:hover{color:#204d39}.guard-all{display:flex;justify-content:center;padding:13px;width:100%}.transaction-panel{margin-top:20px}.transaction-panel .panel-heading{padding-bottom:16px}.count-badge{background:#f0f3e9;font-family:DM Sans,sans-serif;font-size:8px;padding:3px 6px;border-radius:4px;color:#839473;margin-left:6px;font-weight:500;vertical-align:middle}.table-tools{display:flex;justify-content:space-between;align-items:center;padding:0 21px 16px;gap:12px}.search-input{position:relative;display:flex;align-items:center;border:1px solid #e3e7dc;border-radius:6px;width:285px;height:34px;padding:0 10px;gap:8px;color:#9aa48e}.search-input input{border:0;background:none;outline:none;flex:1;width:100%;font-size:9px;color:#4a5d40}.search-input input::placeholder{color:#a1a995}.search-input kbd{font-family:inherit;font-size:9px;border:1px solid #e7eadf;padding:1px 4px;border-radius:3px;color:#acb29e}.status-tabs{padding:3px;background:#f5f6f1;border:1px solid #e9ece2;border-radius:6px;display:flex;gap:2px}.status-tabs button{font-size:9px;color:#929b86;border:0;background:transparent;padding:6px 11px;border-radius:4px}.status-tabs button.selected{background:#fff;color:#4e6441;box-shadow:0 1px 3px #2d4c3412}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}thead{background:#f7f8f3}th{padding:11px 21px;font-size:7px;letter-spacing:.65px;color:#8d9881;font-weight:550;border-block:1px solid #edf0e5}td{padding:12px 21px;border-bottom:1px solid #f0f2ea;font-size:10px;color:#6a7760}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.vehicle-cell{display:flex;align-items:center;gap:10px}.vehicle-icon{width:33px;height:33px;border-radius:7px;display:grid;place-items:center;color:#889a72;background:#f0f3e8;border:1px solid #e7ecdc}.vehicle-icon.motorcycle{color:#a59b77;background:#f6f3e9;border-color:#efeadc}.plate{font-size:10px;font-weight:600;letter-spacing:.5px;display:block;color:#3a4f31}.vehicle-cell>div>span{display:block;font-size:8px;color:#9ba28f;margin-top:5px}.table-guard{display:flex;align-items:center;gap:7px;font-size:9px}.avatar.tiny{width:22px;height:22px;font-size:7px;border-width:1px;background:#ede9dd;color:#8e8564}.entry-time{font-size:9px;color:#56674c}.entry-time>span{font-size:7px;color:#a1a992;margin-left:3px}.table-date{display:block;font-size:7px;color:#a1a992;margin-top:4px}.amount-cell{font-size:10px;font-weight:600;color:#516448}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:500;white-space:nowrap}.badge.paid{background:#edf4df;color:#769351}.badge.pending{background:#fbf3de;color:#b2985e}.badge.failed{background:#fbe9e4;color:#b07868}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.row-action{display:grid;place-items:center;border:1px solid #e9ede0;background:#fff;color:#9ca58e;width:26px;height:26px;border-radius:5px}.row-action:hover{border-color:#b5c59d;color:#426538}.table-footer{border-top:1px solid #edf0e6;padding:13px 21px;display:flex;align-items:center;justify-content:space-between;color:#a0a792;font-size:8px}.table-footer b{font-weight:500;color:#708363}.pagination{display:flex;gap:7px;align-items:center}.pagination button{width:25px;height:25px;border:1px solid #e6ebdb;border-radius:5px;background:#fff;color:#91a07f;display:grid;place-items:center}.pagination>span{background:#eaf0df;border:1px solid #dce5cd;border-radius:5px;width:25px;height:25px;display:grid;place-items:center;color:#718656;font-size:9px}.main-footer{display:flex;justify-content:space-between;color:#a4ab98;font-size:8px;padding:22px 0;gap:20px}.main-footer>span:last-child{display:flex;align-items:center;gap:5px}.footer-dot{background:#93a877;width:4px;height:4px;border-radius:50%}.filter-period{display:flex;gap:8px;align-items:center;justify-content:flex-end;color:#81916e;margin-bottom:16px}.guard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guard-card{padding:23px}.guard-card-top{display:flex;justify-content:space-between;align-items:center}.avatar.large{height:49px;width:49px;font-size:15px}.guard-card h3{font-size:15px;margin-top:18px}.guard-card p{font-size:11px;color:#929b86;margin-top:6px}.guard-card-stats{display:flex;justify-content:space-between;border-top:1px solid #edf0e5;border-bottom:1px solid #edf0e5;padding:18px 0;margin:20px 0}.guard-card-stats span{display:block;font-size:9px;color:#9aa38e}.guard-card-stats strong{display:block;font-size:16px;margin-top:6px}.guard-card>.text-link{font-size:11px}.report-panel{margin-top:20px}.settings-panel{max-width:820px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #edf0e6;gap:20px}.setting-row strong{font-size:12px}.setting-row p{font-size:11px;color:#8e9982;line-height:1.8;margin-top:6px}.setting-row>svg{color:#92a17e;flex-shrink:0}.settings-note{padding:20px 24px;background:#f5f7ee;color:#8a967d;font-size:10px;line-height:1.8}.empty-state{text-align:center;padding:35px}.empty-state>svg{display:block;margin:0 auto 12px;color:#93a17e}.empty-state strong{display:block;font-size:12px;font-weight:500}.empty-state>span{display:block;font-size:10px;margin-top:7px;color:#9ba38f}.empty-small{padding:25px;font-size:12px;color:#9ba38f}.mobile-nav{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102c2480;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:#fff;max-width:465px;width:100%;border:1px solid #e4e9d8;border-radius:17px;padding:30px;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:0 20px 80px #142c3330}.modal-close{position:absolute;right:16px;top:16px}.modal h2{font-size:25px;margin-top:12px;letter-spacing:-.8px}.muted{color:#8e9983;font-size:11px;line-height:1.8}.modal>.muted{margin-top:9px}.modal form{margin-top:23px}label{display:block;font-size:11px;font-weight:500;margin-top:20px;color:#5f7252}label>input:not([type=file]){display:block;width:100%;border:1px solid #dde5d2;border-radius:7px;padding:13px;margin-top:9px;background:#fcfdf9;font-size:13px;color:#35522d}.vehicle-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:9px}.vehicle-choices button{padding:16px;border:1px solid #e2e8d8;border-radius:8px;background:#fff;text-align:left;color:#8c9c78;display:flex;flex-direction:column;gap:7px}.vehicle-choices button.chosen{background:#f0f5e7;border-color:#91ad70;color:#52783c}.vehicle-choices strong{font-size:12px}.vehicle-choices span{font-size:10px;color:#94a180}.plate-input{text-transform:uppercase;letter-spacing:2px!important;font-family:Manrope,sans-serif;font-weight:700}.photo-upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:20px;min-height:135px;border:1px dashed #bfccaa;border-radius:8px;background:#f8faf3;color:#8c9e75;margin-top:9px;cursor:pointer;overflow:hidden}.photo-upload strong{font-size:11px;font-weight:500}.photo-upload>span{font-size:9px;color:#a1ac92}.photo-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.photo-upload img{width:100%;height:125px;object-fit:contain}.photo-upload .replace-photo{background:#fff;padding:6px;border-radius:4px}.form-summary{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f3f6eb;border-radius:7px;margin:20px 0;font-size:11px;color:#7c8d68}.form-summary strong{color:#416332;font-size:16px}.wide{width:100%;font-size:12px;min-height:43px}.form-error,.error-banner{background:#fff0e9;color:#a96953;font-size:11px;line-height:1.7;padding:10px 12px;border-radius:6px;margin:12px 0}.error-banner{display:flex;justify-content:space-between}.error-banner button{border:0;background:none;color:inherit;text-decoration:underline}.ticket-status{display:flex;align-items:center;justify-content:space-between;border-block:1px dashed #dde4d2;padding:15px 0;margin-top:18px}.ticket-status strong{font-size:20px;color:#4b6a3b}.ticket-photo{width:100%;height:105px;object-fit:contain;background:#f6f8f0;border-radius:7px;margin-top:15px}.qr-block{text-align:center;padding:15px}.qr-block img{display:block;max-width:200px;width:100%;margin:auto}.qr-block strong{display:block;font-size:13px;margin-top:5px}.qr-block p{color:#99a18d;font-size:10px;margin-top:7px}.payment-link{width:100%;font-size:10px;border:1px solid #e4e9db;padding:9px;border-radius:5px;color:#8d9c7a;background:#fafcf7}.ticket-actions{display:flex;gap:10px;margin-top:15px}.ticket-actions>*{flex:1}.exit-button{margin-top:12px}.ticket-foot,.exit-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#9ba88b;font-size:9px;margin-top:18px}.exit-note{font-size:11px;color:#6d8f4d}.toast-message{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:200;background:#204c36;color:#f0f5df;border:1px solid #63834e;border-radius:9px;padding:14px 20px;font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #173d3025;max-width:calc(100% - 32px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.screen-center .brand-mark{height:60px;width:60px;font-size:48px}.screen-center p{font-size:13px;color:#8f9e7d}.payment-shell{min-height:100vh;padding:35px 20px;background:radial-gradient(ellipse at top,#e3ebd4,#f6f7f2 70%);display:flex;align-items:center;flex-direction:column}.dark-brand{color:#254b34}.payment-card{margin-top:35px;width:100%;max-width:450px;border:1px solid #e0e7d2;padding:32px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 16px 45px #46692f09}.payment-card h1{font-size:25px;line-height:1.4;letter-spacing:-.8px;margin:17px 0 10px}.payment-icon{width:67px;height:67px;margin:22px auto 15px;background:#f1f6e9;border:1px solid #e3edcf;color:#83a263;display:grid;place-items:center;border-radius:18px}.payment-icon.success{background:#eaf4d8;color:#7b9d55}.receipt-plate{padding:18px;background:#f5f7ef;border:1px dashed #cedbbb;border-radius:8px;margin:25px 0;font-family:Manrope,sans-serif;font-size:25px;font-weight:750;letter-spacing:3px;color:#37532c}.receipt-lines{display:flex;flex-direction:column;gap:18px}.receipt-lines>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8f9d81;gap:15px}.receipt-lines b{font-weight:500;color:#5d7250}.payment-total{display:flex;justify-content:space-between;align-items:center;margin:25px 0;border-top:1px dashed #dfe7d3;padding-top:23px;color:#7b8d69;font-size:12px}.payment-total strong{font-size:26px;color:#446931;font-family:Manrope,sans-serif}.secure-foot{font-size:9px;color:#9dac89;display:flex;justify-content:center;gap:6px;align-items:center;margin-top:20px}.demo-payment{background:#fbf7e9;text-align:left;color:#a19261;padding:13px;border-radius:7px;margin-top:15px;font-size:10px}.demo-payment p{font-size:10px;line-height:1.7;margin:7px 0 13px}.demo-payment .btn{font-size:10px}.payment-footer{font-size:10px;color:#9da98f;margin-top:25px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f8faf4}.login-intro{background:#204b35;padding:70px;display:flex;flex-direction:column;justify-content:center}.login-intro .brand{margin-bottom:80px}.login-intro h1{color:#f4f8e8;font-size:48px;letter-spacing:-2px;line-height:1.3}.login-intro p{color:#b0c19e;font-size:14px;line-height:1.9;margin-top:25px}.login-card{align-self:center;padding:50px;max-width:490px;width:100%;margin:auto}.login-card h1{font-size:28px;margin:14px 0}.login-card>.muted{margin-bottom:35px}.login-card .wide{margin-top:25px}@media(min-width:1500px){main{padding-top:38px}.welcome-banner{min-height:255px}.welcome-content{padding:30px 36px}.welcome-content h2{font-size:34px}.welcome-content p,.welcome-content button{font-size:12px}.welcome-tag{font-size:9px}.stat-card{padding:20px}.stat-top{font-size:12px}.stat-value{font-size:32px}.stat-foot{font-size:10px}.panel-heading h3{font-size:14px}.panel-heading p{font-size:11px}td{padding:15px 23px}.plate,.amount-cell{font-size:12px}.table-guard,.entry-time{font-size:11px}.vehicle-cell>div>span{font-size:10px}.badge{font-size:10px}.guard-info strong{font-size:12px}.guard-info span{font-size:10px}.guard-row>b{font-size:12px}.chart-area{height:173px}.plot>svg{height:145px}.guard-row{padding:13px 0}.topbar{height:84px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}}@media(max-width:1190px){.sidebar{width:210px;padding-inline:16px}.main-shell{margin-left:210px;width:calc(100% - 210px)}main{padding:27px 25px 0}.topbar{padding-inline:25px}.stat-card{padding:13px}.stat-value{font-size:23px}.stat-value small{font-size:8px}.stat-top{font-size:9px}.stat-icon{width:25px;height:25px}.stat-foot{font-size:7px;gap:4px}.page-heading h1{font-size:24px}.btn{font-size:10px;padding:10px}.welcome-content h2{font-size:28px}.welcome-content{width:53%;padding:25px}.banner-art{width:52%;right:-10px}.floating-ticket{left:15px;bottom:35px;padding:9px}.floating-ticket>svg{margin-left:2px}.insights-grid{grid-template-columns:1.35fr 1fr;gap:14px}.panel-heading{padding:18px 16px 14px}.chart-legend{font-size:7px}.panel-heading p{font-size:8px}.guard-row{margin-inline:16px}.guard-row>b{font-size:9px}.guard-info strong{font-size:9px}th,td,.table-tools{padding-inline:16px}.guard-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.sidebar{width:185px;padding-inline:13px}.brand{font-size:25px}.workspace{padding:10px 6px;gap:6px}.workspace strong{font-size:9px}.workspace span{font-size:8px}.workspace-icon{width:27px}.nav-item{font-size:11px;padding:13px 10px;gap:9px}.main-shell{margin-left:185px;width:calc(100% - 185px)}main{padding:24px 20px 0}.topbar{padding-inline:20px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;padding-top:0}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.stats-grid{gap:9px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-top{font-size:10px}.stat-value{font-size:27px}.stat-foot,.stat-indicator{font-size:9px}.stat-value small{font-size:10px}.insights-grid{grid-template-columns:1fr}.guards-panel .guard-row{padding:12px 0}.guard-info strong{font-size:11px}.guard-row>b{font-size:11px}.welcome-content{padding:24px;width:65%}.welcome-content h2{font-size:27px}.banner-art{width:50%;right:-35px;opacity:.6}.floating-ticket{display:none}.welcome-banner{min-height:223px}.table-tools{flex-wrap:wrap}.search-input{width:100%}.status-tabs{margin-left:auto}.main-footer{font-size:7px}.main-footer>span:last-child{display:none}.system-live{display:none}.panel-heading p{font-size:9px}.chart-legend{font-size:8px}}@media(max-width:680px){.sidebar{display:none}.main-shell{margin:0;width:100%;padding-bottom:60px}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:10px;gap:7px}.breadcrumb:before{content:"P";font-family:Manrope,sans-serif;background:#d2ed9a;color:#285232;font-size:20px;font-weight:800;padding:4px 8px;border-radius:7px;margin-right:6px}.breadcrumb>svg,.breadcrumb>span{display:none}.top-actions{gap:9px}.demo-pill{font-size:8px}.header-divider{display:none}main{padding:24px 17px 0}.page-heading{display:block;margin-bottom:20px}.page-heading .eyebrow{font-size:9px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.heading-actions{flex-direction:row;padding-top:18px}.heading-actions .btn{flex:1;font-size:11px}.welcome-banner{min-height:220px}.welcome-content{padding:22px;width:75%}.welcome-content h2{font-size:28px}.welcome-content p{font-size:9px}.welcome-tag{font-size:7px}.banner-art{width:75%;right:-100px;opacity:.35}.welcome-content button{font-size:10px;margin-top:14px}.section-label{margin-top:22px}.section-label h3{font-size:12px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-top{font-size:9px}.stat-value{font-size:25px}.stat-value small{font-size:8px}.stat-foot{font-size:7px;margin-top:12px}.stat-indicator{font-size:7px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:16px}.insights-grid{margin-top:15px;gap:15px}.panel-heading h3{font-size:12px}.panel-heading p{font-size:9px}.chart-area{padding-left:14px;gap:7px}.chart-legend{font-size:7px}.chart-caption{font-size:8px;margin-inline:15px}.chart-caption strong{font-size:9px}.table-tools{padding:0 15px 15px}.table-footer{font-size:8px;padding-inline:15px}table{min-width:600px}th{font-size:8px}.table-guard{font-size:10px}td{padding-block:13px}.transaction-panel{margin-top:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e3e8d9;align-items:center;justify-content:space-around;z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:#a0ac90;font-size:9px;padding:8px 15px}.mobile-nav button.active{color:#477032}.guard-cards{grid-template-columns:1fr}.guard-card h3{font-size:17px}.main-footer{font-size:8px;padding:20px 0}.modal-overlay{padding:12px}.modal{padding:27px 21px;max-height:93dvh;border-radius:13px}.modal h2{font-size:23px}.toast-message{bottom:80px;font-size:11px;width:max-content}.setting-row{padding:20px}.setting-row p{font-size:10px}.login-shell{grid-template-columns:1fr}.login-intro{padding:35px}.login-intro .brand{margin-bottom:30px}.login-intro h1{font-size:35px}.login-intro p{font-size:12px;margin-top:15px}.login-card{padding:35px 25px}.login-card h1{font-size:25px}.payment-shell{padding:28px 15px}.payment-card{padding:25px 22px;margin-top:28px}.payment-card h1{font-size:23px}.report-panel .panel-heading{align-items:flex-start;flex-direction:column}.popover{right:-40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.guard-select{display:block;width:100%;font-size:12px;padding:12px;margin-top:9px;background:#fcfdf9;color:#557046;border-color:#dde5d2}@media(min-width:681px){.nav-item{font-size:13px}.nav-caption{font-size:10px}.sidebar-user strong{font-size:11px}.sidebar-user span:not(.online-dot){font-size:10px}.workspace strong{font-size:12px}.workspace span{font-size:10px}.breadcrumb,.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:11px}.btn{font-size:12px}.welcome-tag{font-size:9px}.welcome-content p,.welcome-content button,.stat-top{font-size:12px}.stat-foot{font-size:10px}.stat-indicator{font-size:9px}.stat-value small{font-size:10px}.panel-heading h3{font-size:14px}.panel-heading p{font-size:11px}.chart-legend{font-size:10px}.y-labels,.x-labels{font-size:9px}.y-labels{width:57px}.chart-caption{font-size:10px}.chart-caption strong{font-size:11px}.guard-info strong{font-size:12px}.guard-info span{font-size:10px}.guard-row>b{font-size:12px}.text-link,.table-tools input,.status-tabs button{font-size:11px}.search-input{height:37px}th{font-size:9px}td,.plate,.amount-cell{font-size:12px}.table-guard,.entry-time{font-size:11px}.vehicle-cell>div>span{font-size:10px}.entry-time>span,.table-date{font-size:9px}.badge,.table-footer{font-size:10px}.main-footer{font-size:9px}.count-badge{font-size:10px}.floating-ticket strong{font-size:11px}.floating-ticket div>span{font-size:9px}.floating-ticket{padding:13px}.guard-row{padding-block:12px}}@media(min-width:681px)and (max-width:1190px){.stat-top{font-size:10px}.stat-foot,.stat-value small{font-size:8px}.guard-row>b{font-size:10px}.guard-info strong,.workspace strong{font-size:10px}.workspace span{font-size:8px}.floating-ticket{left:0}.floating-ticket div>span{font-size:7px}.floating-ticket strong{font-size:9px}}label,.muted{font-size:12px}.modal .eyebrow{font-size:10px}.modal .form-error{font-size:12px}.x-labels{position:relative;display:block;height:12px}.x-labels>span{position:absolute;white-space:nowrap}.ocr-status{display:flex;gap:10px;align-items:flex-start;background:#f1f6e8;border:1px solid #dfe9d1;border-radius:8px;padding:12px;margin-top:12px;color:#709052}.ocr-status>svg{flex-shrink:0;margin-top:2px}.ocr-status strong{font-size:11px;font-weight:600;display:block}.ocr-status p{font-size:10px;line-height:1.7;margin-top:5px;color:#7b8c70}.ocr-status.error,.ocr-status.notfound{background:#fbf7ed;border-color:#eee4ce;color:#a78c56}.ocr-score{display:block;font-size:9px;margin-top:7px;color:#92a17c}.ocr-hint{font-size:10px;color:#8e9c7f;line-height:1.8;margin-top:8px}.ocr-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.ocr-actions .text-link{font-size:10px}.ocr-candidates{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.ocr-candidates button{border:1px solid #d8e5c7;background:#f4f8ed;color:#648149;border-radius:5px;padding:7px 9px;font-size:11px;font-weight:600;letter-spacing:.5px}.editable-plate{display:block;width:100%;padding:13px;border:1px solid #d9e4cc;border-radius:7px;background:#fbfdf8;color:#35522d;margin-top:9px;font-size:16px}.ocr-spinner{animation:ocr-spin 1s linear infinite}@keyframes ocr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ocr-spinner{animation:none}}.guard-dialog{max-width:490px;border-radius:20px}.guard-dialog .modal-close{width:44px;height:44px;top:10px;right:10px}.guard-dialog label{font-size:13px}.guard-dialog .vehicle-choices button{min-height:112px}.guard-dialog .vehicle-choices strong{font-size:14px}.guard-dialog .vehicle-choices span{font-size:12px}.guard-dialog .btn{min-height:48px;font-size:13px}.guard-dialog .photo-upload{min-height:150px}.guard-dialog .photo-upload strong{font-size:13px}.guard-dialog .photo-upload>span,.guard-dialog .ocr-hint,.guard-dialog .ocr-status p{font-size:11px}.guard-dialog .ocr-actions .text-link,.guard-dialog .ocr-candidates button{min-height:44px;font-size:12px}.guard-dialog .exit-button{background:#24523c;color:#fff;border-color:#24523c}.guard-dialog .payment-link{font-size:12px;min-height:44px}.guard-dialog .ticket-foot{font-size:10px;line-height:1.7}.guard-dialog .qr-block strong{font-size:14px}.guard-dialog .qr-block p{font-size:12px}.guard-dialog .editable-plate{font-size:18px;min-height:52px}