:root{--side:#111827;--primary:#5b5ce2}body{background:#f4f7fb}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--side);padding:22px 14px;color:#fff;z-index:20}.brand{font-size:22px;font-weight:800;padding:4px 12px 24px}.brand i{color:#7779ff;margin-right:8px}.sidebar a{display:flex;gap:13px;align-items:center;color:#aeb7c7;text-decoration:none;padding:12px 14px;border-radius:10px;margin:3px 0}.sidebar a:hover{background:#242d3d;color:#fff}.sidebar a i{width:20px}.main{margin-left:240px;min-height:100vh}.topbar{height:70px;background:var(--bs-body-bg);display:flex;align-items:center;padding:0 24px;box-shadow:0 1px 7px #0000000b}.metric,.panel{background:var(--bs-body-bg);border:0;border-radius:14px;padding:20px;box-shadow:0 4px 20px #1d26350c}.metric i{float:right;font-size:25px}.metric small,.metric strong{display:block}.metric strong{font-size:20px;margin-top:8px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head p{color:var(--bs-secondary-color);margin:0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#6d6ef0,#111827 65%)}.login .card{width:min(420px,92vw);border-radius:22px}.logo{margin:auto auto 12px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#5b5ce2;color:#fff;font-size:25px}.payment-form{display:flex;gap:6px;min-width:220px}.status{display:inline-flex;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}.status-paid{background:#d1fae5;color:#076b45}.status-overdue{background:#fee2e2;color:#b42318}.status-partial{background:#ffedd5;color:#9a3412}.status-pending{background:#dbeafe;color:#1d4ed8}.status-renegotiated{background:#e0e7ff;color:#4338ca}.manual-hero{display:flex;align-items:center;justify-content:space-between;padding:28px;border-radius:18px;background:linear-gradient(135deg,#5b5ce2,#818cf8);color:white}.manual-hero>i{font-size:72px;opacity:.25}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px}.manual-card{height:100%;display:flex;gap:16px;padding:20px;background:var(--bs-body-bg);border-radius:14px;box-shadow:0 4px 20px #1d26350c}.manual-card p{margin:0;color:var(--bs-secondary-color)}.manual-card small{font-weight:800;color:var(--primary)}.manual-icon{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:19px}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mobile-nav{display:none}
@media(max-width:768px){body{padding-bottom:76px}.sidebar{transform:translateX(-100%);transition:.2s;width:82vw;max-width:290px}.sidebar.open{transform:none;box-shadow:8px 0 30px #0005}.main{margin-left:0}.topbar{height:58px;padding:0 14px;position:sticky;top:0;z-index:10}.container-fluid{padding:14px!important}.user-name{display:none}.page-head{margin-bottom:14px}.page-head h2{font-size:24px}.metric{padding:14px}.metric strong{font-size:16px}.mobile-nav{position:fixed;display:flex;z-index:30;bottom:0;left:0;right:0;height:68px;padding-bottom:env(safe-area-inset-bottom);background:var(--bs-body-bg);border-top:1px solid var(--bs-border-color);box-shadow:0 -5px 20px #0001;justify-content:space-around}.mobile-nav a{flex:1;color:var(--bs-secondary-color);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:4px}.mobile-nav i{font-size:19px;color:var(--primary)}.installments-panel{padding:0;background:transparent;box-shadow:none}.app-table thead{display:none}.app-table,.app-table tbody,.app-table tr,.app-table td{display:block;width:100%}.app-table tr{background:var(--bs-body-bg)!important;border:1px solid var(--bs-border-color);border-left:5px solid #60a5fa;border-radius:16px;margin-bottom:12px;padding:10px 14px;box-shadow:0 3px 14px #0000000d}.app-table tr.table-danger{border-left-color:#ef4444}.app-table tr.table-success{border-left-color:#10b981}.app-table tr.table-warning{border-left-color:#f59e0b}.app-table td{display:flex;justify-content:space-between;gap:14px;border:0;padding:6px 0;text-align:right}.app-table td:before{content:attr(data-label);font-size:12px;font-weight:700;color:var(--bs-secondary-color);text-align:left}.app-table td[data-label="Cliente e veículo"]{display:block;text-align:left;border-bottom:1px solid var(--bs-border-color);padding-bottom:10px;margin-bottom:5px}.app-table td[data-label="Cliente e veículo"]:before{display:block;margin-bottom:4px}.payment-form{width:100%;min-width:0}.payment-form input{flex:1}.manual-hero{padding:22px}.manual-hero>i{display:none}.manual-card{padding:16px}}