.app-shell{display:flex;min-height:calc(100vh - 56px)}.app-sidebar{width:200px;background:var(--surface);border-right:.5px solid var(--border);padding:20px 12px}.sidebar-section-label{padding:12px 8px 6px;font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--ink3);text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--ink2);text-decoration:none}.sidebar-link:hover{background:var(--surface2);color:var(--ink)}.sidebar-link.is-active{background:var(--accent-light);color:var(--accent2)}.sidebar-icon{display:flex;align-items:center;width:15px;height:15px;flex-shrink:0}.sidebar-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#e24b4a}
.mileage-content{flex:1;padding:24px;background:var(--surface2)}.mileage-header-card,.mileage-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg)}.mileage-header-card{padding:20px 22px;margin-bottom:20px}.mileage-header-card h1{font-size:16px;font-weight:500;color:var(--ink)}.mileage-header-card p{margin-top:4px;font-size:13px;color:var(--ink3)}.mileage-card{padding:20px 22px}.mileage-card + .mileage-card{margin-top:16px}.mileage-card-head h2{font-size:14px;font-weight:500;color:var(--ink)}.mileage-card-head p{margin-top:4px;font-size:13px;color:var(--ink3)}.mileage-form{margin-top:16px}.mileage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-label{display:block;margin-bottom:6px;font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase}.mileage-form input{width:100%;padding:8px 10px;border:.5px solid var(--border2);border-radius:7px;font-size:13px;color:var(--ink);background:var(--surface2)}.mileage-save-btn{width:100%;margin-top:16px;padding:10px 18px;border:none;border-radius:8px;background:var(--accent2);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.mileage-message{min-height:16px;margin-top:8px;font-size:12px;color:var(--red)}.mileage-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:14px}.mileage-table th{padding:10px 16px;text-align:left;border-bottom:.5px solid var(--border);background:var(--surface2);font-size:10px;font-weight:500;letter-spacing:.07em;color:var(--ink3);text-transform:uppercase}.mileage-table td{padding:12px 16px;border-bottom:.5px solid var(--border);font-size:13px;color:var(--ink2)}.mileage-table tbody tr:hover{background:var(--surface2)}.mileage-delete{padding:4px 8px;border:.5px solid var(--border2);border-radius:5px;font-size:11px;color:var(--ink2);background:none;cursor:pointer}.mileage-empty{margin-top:16px;font-size:13px;color:var(--ink3)}.mileage-toast{position:fixed;right:24px;bottom:24px;z-index:2000;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:13px;min-width:240px;box-shadow:0 4px 16px rgba(15,25,35,.18)}.mileage-toast.hidden{display:none}
@media (max-width:1024px){.app-sidebar{display:none}}@media (max-width:720px){.mileage-content{padding:16px}.mileage-grid{grid-template-columns:1fr}.mileage-table,.mileage-table thead,.mileage-table tbody,.mileage-table tr,.mileage-table th,.mileage-table td{display:block;width:100%}.mileage-table thead{display:none}.mileage-table td{border-bottom:none;padding:6px 16px}}