:root{--ink:#16231d;--muted:#738079;--line:#e3e9e5;--bg:#f4f7f5;--panel:#fff;--green:#176b4b;--green2:#219767;--mint:#e5f4ed;--amber:#e89a27;--red:#c74747;--shadow:0 14px 40px rgba(22,35,29,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--ink)}.login-brand{padding:42px;display:flex;align-items:center;gap:12px;color:white;align-self:start}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--green2);color:white;font-weight:800;font-size:22px}.login-brand div,.brand div{display:grid}.login-brand small,.brand small{opacity:.58;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.login-card{width:min(480px,calc(100vw - 40px));align-self:center;justify-self:center;background:white;border-radius:24px;padding:48px;box-shadow:var(--shadow)}.eyebrow{color:var(--green2);font-size:12px;font-weight:800;letter-spacing:.18em}.login-card h1{font-size:38px;margin:10px 0}.login-card>p{color:var(--muted);margin:0 0 32px}.login-card label,.field{display:grid;gap:8px;font-size:13px;font-weight:700;margin:17px 0}.login-card input,input,select,textarea{border:1px solid var(--line);border-radius:11px;padding:12px 14px;outline:none;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(33,151,103,.1)}.primary{border:0;border-radius:11px;padding:12px 18px;background:var(--green);color:white;font-weight:700}.primary:hover{background:#10583d}.full{width:100%;margin-top:12px}.form-error{min-height:20px;color:var(--red);font-size:13px;margin-top:12px}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--ink);color:white;padding:27px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 30px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#aeb8b3;text-align:left;padding:13px 14px;border-radius:10px;display:flex;gap:12px}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(255,255,255,.09);color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--green2)}.operator{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:20px 6px 0;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:10px;background:var(--green);display:grid;place-items:center}.operator div{display:grid}.operator small{color:#849089;font-size:10px}.operator button{border:0;background:none;color:#8f9a94;font-size:18px}.app main{grid-column:2}.app header{height:100px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,247,245,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}header h2{margin:0 0 5px;font-size:23px}header p{margin:0;color:var(--muted);font-size:13px}.today{font-size:13px;color:var(--muted)}.mobile-menu{display:none}.content{padding:30px 36px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-24px;top:-24px;background:var(--mint)}.stat .label{font-size:12px;color:var(--muted);font-weight:700}.stat strong{display:block;font-size:29px;margin:11px 0 4px}.stat small{color:var(--green2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:20px}.panel-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.filters{display:flex;gap:9px;padding:17px 20px;border-bottom:1px solid var(--line)}.filters input{min-width:270px}.filters select{min-width:150px}.secondary{border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:10px 14px}.danger{border-color:#f0cccc;color:var(--red)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.04em;background:#fafcfb}th,td{padding:14px 18px;border-bottom:1px solid #edf1ee}tbody tr:hover{background:#fbfdfc}.plate{font-weight:800;letter-spacing:.05em}.money{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;background:#eff2f0;color:#68736d}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.paid,.badge.entered,.badge.completed,.badge.issued{background:var(--mint);color:var(--green)}.badge.pending_payment,.badge.pending,.badge.refund_pending,.badge.issuing{background:#fff4df;color:#a86d15}.badge.abnormal,.badge.supplement_due,.badge.failed{background:#fdeaea;color:var(--red)}.link{border:0;background:none;color:var(--green);padding:4px;font-weight:700}.empty{text-align:center;padding:55px;color:var(--muted)}.gate-grid{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:20px}.gate-box{padding:28px}.gate-box h3{font-size:20px;margin:0 0 7px}.gate-box p{color:var(--muted);font-size:13px}.token-input{min-height:120px;width:100%;resize:vertical;margin:12px 0}.gate-actions{display:flex;gap:10px}.vehicle-card{padding:25px;display:grid;gap:14px}.vehicle-card .big-plate{font-size:30px;font-weight:900}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{background:var(--bg);padding:12px;border-radius:10px}.detail-item small{display:block;color:var(--muted);margin-bottom:5px}.dialog-close{float:right;border:0;background:none;font-size:27px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100vw - 30px));box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(14,25,20,.55);backdrop-filter:blur(3px)}#dialogForm{padding:25px}#dialogBody h3{margin:4px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s;z-index:99}.toast.show{transform:none;opacity:1}.toast.error{background:var(--red)}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.gate-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-brand{position:absolute}.login-card{padding:32px}.app{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app main{display:block}.app header{height:84px;padding:0 18px;justify-content:flex-start;gap:14px}.mobile-menu{display:block;border:0;background:none;font-size:22px}.today{display:none}.content{padding:18px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.filters{flex-wrap:wrap}.filters input,.filters select{min-width:0;width:100%}.panel{overflow-x:auto}table{min-width:760px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}