*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#142a3e;font:15px "Segoe UI",Arial,sans-serif}[hidden]{display:none!important}.brand{font-size:26px;font-weight:800;letter-spacing:1px}.brand span{color:#78c1ff;font-size:19px}.login .brand span{color:#1768a5}.login{max-width:480px;margin:9vh auto}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#142a3e;color:white;padding:30px 20px}aside p{color:#c7d7e6}nav{display:grid;gap:10px;margin-top:35px}nav button,nav a{padding:15px;text-align:left;background:transparent;color:white;border:0;text-decoration:none;border-radius:7px;font-size:13px}nav button:hover,nav a:hover,nav .selected{background:#216da6}main{margin-left:250px;padding:28px;max-width:1850px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:28px;margin:5px 0}h2{font-size:23px}small,.muted{color:#60788f}button{background:#1768a5;color:white;border:0;border-radius:7px;padding:13px 18px;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover:enabled{filter:brightness(.94)}label{display:grid;gap:7px;font-weight:550;margin:10px 0}input,select{min-width:0;width:100%;padding:12px;border:1px solid #cbd6e1;border-radius:6px;font:inherit;background:white;color:#142a3e}.check{display:flex;align-items:center}.check input{width:auto}.card{background:white;border:1px solid #dce5ed;border-radius:10px;padding:22px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:20px}.cards .card{margin:0}.notice{border-left:4px solid #1768a5;background:#e8f2fc;padding:18px;line-height:1.6;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.grid button{align-self:end;margin:10px 0}.split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,1.1fr);gap:20px;margin-top:20px}.badge{background:#e7f2fb;color:#1768a5;border-radius:30px;padding:10px;font-size:12px;font-weight:700}.online{color:#087a51}.offline{color:#a65512}.toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.toolbar span{flex:1}.scroll{overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e2e9f0;vertical-align:top;white-space:pre-wrap}th{background:#edf3f9;position:sticky;top:0}tbody tr:nth-child(even){background:#f8fafc}tbody tr[data-click]{cursor:pointer}tbody tr[data-click]:hover{background:#e8f2fc}fieldset{border:1px solid #dce5ed;border-radius:6px}#status{position:sticky;bottom:0;margin:0;background:#fff9dc;color:#564709;padding:14px 25px;border-top:1px solid #e8d9a5;min-height:45px;z-index:3}#report-output:empty{display:none}.summary{display:flex;gap:18px;flex-wrap:wrap}.summary p{padding:14px;background:#eef4fa;border-radius:6px}@media(max-width:1000px){aside{position:static;width:auto;padding:18px}nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:4px}main{margin:0;padding:18px}.split{grid-template-columns:1fr}}@media(max-width:550px){.grid{grid-template-columns:1fr}.login{margin:25px 15px}.toolbar{flex-wrap:wrap}h1{font-size:23px}header{align-items:start}.badge{display:none}}
textarea{width:100%;padding:12px;border:1px solid #cbd6e1;border-radius:6px;font:inherit;resize:vertical}.upper{text-transform:uppercase}details{margin:12px 0}#member-operations{max-height:220px;overflow:auto}

.garage-choice{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center}.garage-choice p{grid-column:1/-1;margin:0;color:#60788f}.member-tabs{display:flex;gap:4px;flex-wrap:wrap}.member-tabs button{background:#f3f6fa;color:#31516f;border:1px solid #dce5ed;border-radius:6px 6px 0 0;padding:10px 17px}.member-tabs button.selected{background:white;color:#142a3e;border-bottom-color:white}.member-tab-panel{border-radius:0 0 8px 8px}.member-search{display:flex;align-items:center;gap:12px;margin-bottom:10px}.member-search>input{flex:1}.member-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.member-actions button{flex:1;white-space:normal;min-width:140px;background:white;color:#1768a5;border:1px solid #ccd9e5}.member-actions button:first-child{background:#1768a5;color:white}.member-grid{min-height:330px}.member-grid .scroll{max-height:430px}tr.selected-row{background:#d5eaff!important}dialog{border:1px solid #ccd9e5;border-radius:12px;padding:25px;width:min(900px,95vw);max-height:90vh;overflow:auto;color:#142a3e;background:#fff}dialog::backdrop{background:rgba(13,32,48,.5)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-head h2{margin:3px 0 12px}.inline{display:flex;gap:10px}.inline input{flex:1;min-width:0}#member-vehicles td{padding:5px}#member-vehicles input{min-width:80px}#member-vehicles td:first-child{width:25%}#member-vehicles td:last-child{width:90px}#member-vehicles td:last-child button{font-size:11px;padding:10px}#receipt-preview{max-width:780px;margin:20px auto;padding:25px;border:1px solid #dce5ed;background:#fff}#receipt-preview:empty{display:none}@media(max-width:700px){.member-search{flex-wrap:wrap}.member-search>input{flex-basis:100%}.garage-choice{grid-template-columns:1fr}.member-grid{min-height:250px}.member-actions button{flex:1 1 45%}.dialog-head h2{font-size:20px}}

dialog{font-size:14px;padding:20px}dialog label{margin:6px 0;gap:5px}dialog input,dialog select,dialog textarea{padding:9px}dialog button{padding:10px 14px}dialog .notice{padding:12px;margin:8px 0 12px}dialog .grid{gap:5px 16px}dialog h3{margin:12px 0 8px}dialog details{margin:8px 0}dialog .muted{font-size:12px;line-height:1.4;margin:10px 0}#member-plan-details{margin:7px 0}#member-vehicles td{padding:4px}

.dialog-feedback:empty{display:none}.dialog-feedback{padding:10px;background:#fff4cf;color:#6b4b00;border-radius:5px}