*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a56db;--primary-dark:#1e429f;--primary-light:#ebf5ff;--secondary:#0e9f6e;--secondary-dark:#057a55;--danger:#e02424;--danger-light:#fde8e8;--warning:#ff5a1f;--warning-light:#feecdc;--info:#3f83f8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--sidebar-width:240px;--header-height:60px;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font:"Inter", "Segoe UI", system-ui, sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);font-size:14px;line-height:1.5}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--gray-900);color:var(--white);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--gray-700);padding:20px 16px 16px}.sidebar-logo h1{color:var(--white);font-size:18px;font-weight:700}.sidebar-logo span{color:var(--gray-400);font-size:11px}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-nav a,.sidebar-nav button{border-radius:var(--radius);color:var(--gray-300);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover,.sidebar-nav button:hover{background:var(--gray-700);color:var(--white)}.sidebar-nav a.active{background:var(--primary);color:var(--white)}.sidebar-section-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;padding:12px 12px 4px;font-size:10px;font-weight:600}.sidebar-footer{border-top:1px solid var(--gray-700);padding:12px}.sidebar-user{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sidebar-avatar{background:var(--primary);width:34px;height:34px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-info span{font-size:12px;display:block}.sidebar-user-info .name{color:var(--white);font-weight:600}.sidebar-user-info .role{color:var(--gray-400)}.sidebar-user-info .meta{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.sidebar-logout{border-radius:var(--radius);color:var(--gray-400);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.sidebar-logout:hover{background:var(--danger);color:var(--white)}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topbar h2{color:var(--gray-800);font-size:18px;font-weight:600}.topbar-actions{align-items:center;gap:10px;display:flex}.page-content{flex:1;padding:24px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--gray-800);font-size:16px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);align-items:flex-start;gap:14px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.blue{background:var(--primary-light);color:var(--primary)}.stat-icon.green{color:var(--secondary);background:#d1fae5}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-icon.red{background:var(--danger-light);color:var(--danger)}.stat-icon.purple{color:#7c3aed;background:#ede9fe}.stat-label{color:var(--gray-500);margin-bottom:4px;font-size:12px}.stat-value{color:var(--gray-800);font-size:24px;font-weight:700}.stat-sub{color:var(--gray-400);margin-top:2px;font-size:11px}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-secondary:hover{background:var(--secondary-dark)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#c81e1e}.btn-outline{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover{background:var(--gray-50)}.btn-ghost{color:var(--gray-600);background:0 0;border:none}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius);border:1px solid var(--gray-200);background:var(--white);width:32px;height:32px;color:var(--gray-600);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.btn-icon:hover{background:var(--gray-100)}.form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-full{grid-column:1/-1}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-800);background:var(--white);font-size:13px;font-family:var(--font);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1f}.form-group textarea{resize:vertical;min-height:80px}.form-section{margin-bottom:24px}.form-section-title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--primary-light);margin-bottom:14px;padding-bottom:8px;font-size:13px;font-weight:700}.form-actions{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.toggle-group{border:1.5px solid var(--gray-300);border-radius:var(--radius);gap:0;display:flex;overflow:hidden}.toggle-group button{background:var(--white);color:var(--gray-600);cursor:pointer;border:none;flex:1;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.toggle-group button.active{background:var(--primary);color:var(--white)}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--gray-50);text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--gray-200);padding:10px 14px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;padding:12px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.th-sort{padding:0}.table-sort-btn{width:100%;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.table-sort-btn:hover{color:var(--gray-700)}.table-sort-btn-right{justify-content:flex-end}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-blue{background:var(--primary-light);color:var(--primary-dark)}.badge-red{background:var(--danger-light);color:#991b1b}.badge-orange{background:var(--warning-light);color:#9a3412}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{color:#5b21b6;background:#ede9fe}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{background:var(--danger-light);color:#991b1b;border-left:3px solid var(--danger)}.alert-success{color:#065f46;border-left:3px solid var(--secondary);background:#d1fae5}.alert-info{background:var(--primary-light);color:var(--primary-dark);border-left:3px solid var(--primary)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 24px 0;display:flex}.modal-title{color:var(--gray-800);font-size:18px;font-weight:600}.modal-body{padding:0 24px 24px}.modal-lg{max-width:900px}.tabs{border-bottom:2px solid var(--gray-200);gap:2px;margin-bottom:20px;display:flex}.tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){color:var(--gray-700)}.login-page{background:linear-gradient(135deg,#1e3a8a 0%,#1a56db 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:40px}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{color:var(--primary);font-size:28px;font-weight:800}.login-logo p{color:var(--gray-500);font-size:13px}.login-box h2{color:var(--gray-800);margin-bottom:20px;font-size:20px;font-weight:600}.progress-bar{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.chart-placeholder{background:var(--gray-50);border-radius:var(--radius);border:2px dashed var(--gray-200);color:var(--gray-400);justify-content:center;align-items:center;min-height:180px;font-size:13px;display:flex}.locacao-pies-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.locacao-pie-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);padding:12px}.grafico-pagination{color:var(--gray-600);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.grafico-detalhes-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;display:grid}.grafico-detalhe-card{min-height:460px}.grafico-detalhe-layout{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.despesas-categorias-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.despesas-categoria-pie-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:linear-gradient(#fff 0%,#f8fafc 100%);padding:10px}.despesas-categoria-pie-title{color:var(--gray-700);margin-bottom:4px;font-size:12px;font-weight:700}.despesas-categoria-pie-empty{min-height:210px;color:var(--gray-500);justify-content:center;align-items:center;font-size:12px;display:flex}.detalhe-lista{flex-direction:column;gap:8px;display:flex}.detalhe-item{border:1px solid var(--gray-200);border-radius:var(--radius);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.detalhe-item-title{color:var(--gray-700);font-size:12px;font-weight:600}.detalhe-item-sub{color:var(--gray-500);font-size:11px}.detalhe-item-value{color:var(--danger);white-space:nowrap;font-size:12px;font-weight:700}.detalhe-table-wrapper{border:1px solid var(--gray-200);border-radius:var(--radius);margin-top:10px;overflow-x:auto}.detalhe-table{border-collapse:collapse;width:100%;min-width:540px}.detalhe-table th,.detalhe-table td{border-bottom:1px solid var(--gray-100);padding:8px 10px;font-size:12px}.detalhe-table thead th{background:var(--gray-50);color:var(--gray-600);font-weight:600}.detalhe-table tbody tr:last-child td{border-bottom:0}.veiculo-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.veiculo-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.veiculo-card-img{object-fit:cover;background:var(--gray-200);width:100%;height:150px;color:var(--gray-400);justify-content:center;align-items:center;display:flex}.veiculo-card-body{padding:14px}.veiculo-card-title{color:var(--gray-800);font-size:15px;font-weight:600}.veiculo-card-sub{color:var(--gray-500);margin-top:2px;font-size:12px}.veiculo-card-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--gray-500)}.text-success{color:var(--secondary)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary)}.fw-600{font-weight:600}.fw-700{font-weight:700}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.gap-8{gap:8px}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.empty-state{text-align:center;color:var(--gray-400);padding:40px}.empty-state svg{opacity:.4;margin:0 auto 12px;display:block}@media (width<=768px){.sidebar{display:none}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.grafico-detalhes-grid,.despesas-categorias-grid{grid-template-columns:1fr}}