:root{--bg:#f4f7fc;--card:#fff;--line:#d6e1f2;--text:#1e2f57;--text-sub:#4f6085;--primary:#2f6fe4;--primary-soft:#e1eafb;--nav:#1e2f57;--nav-text:#d3def2;--nav-active:#8db8ff;--warn-bg:#fff1d6;--warn-text:#7a4b00;--danger-bg:#ffe1dc;--danger-text:#9b2a1c;--font:"Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--font-title:"Jua", "Noto Sans KR", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;margin:0}a{color:var(--primary)}h1,h2,h3{font-family:var(--font-title);font-weight:400}h1{margin:0 0 8px;font-size:32px}.card{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:20px 22px}.btn{font:inherit;cursor:pointer;border:1.5px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:12px 18px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.btn:disabled{opacity:.6;cursor:default}label{flex-direction:column;gap:6px;font-weight:700;display:flex}input{font:inherit;border:1.5px solid var(--line);color:var(--text);background:#fff;border-radius:12px;padding:12px 14px;font-weight:400}input:focus{outline:2px solid var(--primary);outline-offset:1px}.form-error{background:var(--danger-bg);color:var(--danger-text);border-radius:12px;margin:0;padding:10px 14px}.form-hint{color:var(--text-sub);text-align:center;margin:0;font-size:14px}select{font:inherit;border:1.5px solid var(--line);color:var(--text);background:#fff;border-radius:12px;padding:12px 14px;font-weight:400}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}.btn-danger{color:var(--danger-text);border-color:var(--danger-bg)}.row-buttons{flex-wrap:wrap;gap:8px;display:flex}.staff-admin{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.staff-admin h2,.staff-admin h3{margin:0}.staff-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.staff-list li{border:1.5px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.staff-list li.disabled{opacity:.55}.staff-list .sub{color:var(--text-sub);font-size:14px}.staff-list .btn{padding:8px 12px;font-size:14px}.staff-edit{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.staff-new{border-top:1.5px solid var(--line);flex-direction:column;gap:12px;max-width:420px;padding-top:8px;display:flex}.temp-password{background:var(--warn-bg);color:var(--warn-text);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.temp-password p{margin:0}.temp-password .pw{letter-spacing:2px;color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:24px}textarea{font:inherit;border:1.5px solid var(--line);color:var(--text);resize:vertical;background:#fff;border-radius:12px;padding:12px 14px;font-weight:400}textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.sub{color:var(--text-sub);font-size:14px;font-weight:400}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;cursor:pointer;background:var(--primary-soft);min-height:42px;color:var(--text);border:0;border-radius:999px;padding:9px 15px;font-size:15px}.chip.on{background:var(--primary);color:#fff;font-weight:700}.register{max-width:560px}.register>.sub{margin:-4px 0 16px}.register form,.register .fields{flex-direction:column;gap:16px;display:flex}.register .fields-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.register h2{margin:0;font-size:22px}.register .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register .hint{color:var(--text-sub);font-size:13px;font-weight:400}.register fieldset{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.register legend{margin-bottom:8px;padding:0;font-weight:700}.register .label-like{flex-direction:column;gap:6px;font-weight:700;display:flex}.register .submit{border-radius:16px;padding:16px;font-size:17px}.register input{width:100%}.model-picker{flex-direction:column;gap:8px;font-weight:400;display:flex}.model-picker .options{border:1.5px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.model-picker .options li+li{border-top:1px solid var(--line)}.model-picker .options button{font:inherit;text-align:left;width:100%;color:var(--text);cursor:pointer;background:#fff;border:0;padding:12px 14px}.model-picker .options button:hover{background:var(--primary-soft)}.model-picker .options .add{color:var(--primary);font-weight:700}.model-picker .options-title{color:var(--warn-text);background:var(--warn-bg);padding:8px 14px;font-size:13px}.model-picker .add-model{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.model-picker .add-model p{margin:0}.picked{background:var(--primary-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-weight:700;display:flex}.picked .btn{padding:8px 12px;font-size:14px}.register-done{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:420px;display:flex}.register-done p{margin:0}.register-done .ok{font-family:var(--font-title);font-size:24px}.register-done .plate{letter-spacing:1px;margin-top:8px;font-size:44px;font-weight:700}.register-done .car-line{font-size:20px;font-weight:700}.register-done .sub{margin-bottom:14px}.register-done .btn{text-decoration:none}.car-list{flex-direction:column;gap:12px;display:flex}.list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-head h1{margin:0}.list-head .btn{text-decoration:none}.list-search{width:100%;max-width:520px;font-size:16px}.chip-row{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip-row .chip{flex:none}.chip-row.compact .chip{min-height:36px;padding:6px 12px;font-size:14px}.list-summary{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.list-summary .btn{padding:6px 12px;font-size:14px}.list-summary .spacer{flex:1}.car-list .empty{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.car-list .empty p{margin:0}.muted{color:var(--text-sub)}.small{font-size:12px}.warn{color:var(--warn-text);font-weight:700}.minus{color:var(--danger-text);font-weight:700}.link-button{font:inherit;color:var(--text-sub);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:14px;text-decoration:underline}.stage{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.stage.purchase{color:#1e2f57;background:#e9edf4}.stage.reconditioning{color:#5e3300;background:#ffebd3}.stage.display{color:#2a4173;background:#e1eafb}.stage.contract{color:#1a6b3e;background:#e3f4ea}.stage.sold{color:#4f6085;background:#eef0f3}.stage.canceled{background:var(--danger-bg);color:var(--danger-text)}.table-wrap{background:var(--card);border:1.5px solid var(--line);border-radius:22px;overflow-x:auto}.car-table{border-collapse:collapse;width:100%;font-size:14.5px}.car-table th{text-align:left;color:var(--text-sub);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:12px;font-size:13px;font-weight:500}.car-table td{white-space:nowrap;border-bottom:1.5px dashed #edf2fa;padding:12px}.car-table .sticky{background:var(--card);position:sticky;left:0}.car-table .plate{font-size:16px;font-weight:700;text-decoration:none}.car-table .name{text-overflow:ellipsis;max-width:240px;overflow:hidden}.car-cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:none}.car-cards a{background:var(--card);border:1.5px solid var(--line);color:var(--text);border-radius:20px;align-items:center;gap:12px;padding:14px 14px 14px 16px;text-decoration:none;display:flex}.car-cards .card-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.car-cards .plate{font-size:20px;font-weight:700}.car-cards .name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-sub);font-size:14px;overflow:hidden}.car-cards .meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.car-cards .days{text-align:center;border-radius:18px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:16px;font-weight:700;display:flex}.car-cards .days.d0{color:#2a4173;background:#e1eafb}.car-cards .days.d30{color:#6b4a00;background:#fff1d6}.car-cards .days.d60{color:#6b3a00;background:#ffebd3}.car-cards .days.d90{color:#9b2a1c;background:#ffe1dc}.car-cards .days.none{color:var(--text-sub);background:#eef0f3;font-size:13px;font-weight:500}.center-note{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:16px;display:flex}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.login-card h1{text-align:center}.login-character{border:4px solid var(--primary-soft);border-radius:50%;align-self:center;width:120px;height:120px}.layout{min-height:100vh;display:flex}.side{background:var(--card);border-right:1.5px solid var(--line);flex-direction:column;flex:none;gap:4px;width:220px;padding:24px 16px;display:flex}.side-profile{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0 0 16px;display:flex}.side-profile img{border:4px solid var(--primary-soft);border-radius:50%;width:112px;height:112px}.side-profile .name{font-family:var(--font-title);font-size:24px}.side-profile .role{color:var(--text-sub);margin-top:-6px;font-size:14px}.panel{background:var(--card);border:1.5px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.panel button{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:12px 16px}.panel button+button{border-top:1px solid var(--line)}.panel button:hover{background:var(--primary-soft)}.side-panel{margin:-8px 0 12px}.panel-who{color:var(--text-sub);border-bottom:1px solid var(--line);padding:12px 16px;font-size:14px}.side nav{flex-direction:column;gap:4px;display:flex}.side a{color:var(--text);border-radius:14px;padding:12px 16px;text-decoration:none}.side a.active{background:var(--primary);color:#fff;font-weight:700}.side a.register{text-align:center;background:var(--primary);color:#fff;border-radius:16px;margin-top:16px;padding:14px;font-weight:700}.content{flex:1;min-width:0;padding:30px 32px 40px}.phone-head,.bottom{display:none}@media (width<=768px){.layout{flex-direction:column}.side{display:none}.phone-head{background:var(--primary-soft);align-items:center;gap:12px;padding:16px;display:flex}.phone-head img{border:3px solid #fff;border-radius:50%;width:56px;height:56px}.phone-head .hello{font-family:var(--font-title);flex:1;font-size:21px}.menu-button{width:48px;height:48px;color:var(--text);cursor:pointer;background:#fff;border:none;border-radius:14px;font-size:24px}.panel-backdrop{z-index:10;background:#1e2f5740;position:fixed;inset:0}.phone-panel{z-index:11;width:220px;position:fixed;top:76px;right:16px;box-shadow:0 8px 24px #1e2f572e}.content{padding:16px 16px 100px}h1{font-size:26px}.table-wrap{display:none}.car-cards{display:flex}.list-head .btn{display:none}.bottom{background:var(--nav);border-radius:22px;grid-template-columns:repeat(4,1fr);height:64px;display:grid;position:fixed;bottom:14px;left:14px;right:14px}.bottom a{color:var(--nav-text);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;text-decoration:none;display:flex}.bottom a.active{color:var(--nav-active);font-weight:700}}