*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}.container{max-width:960px;margin:0 auto;padding:1rem}header{background:#1976d2;color:#fff;padding:1rem;margin-bottom:1rem}header h1{font-size:1.4rem}header nav{margin-top:.5rem}header nav a{color:#ffffffd9;text-decoration:none;margin-right:1rem;font-size:.9rem}header nav a:hover,header nav a.active{color:#fff;text-decoration:underline}header nav{display:flex;justify-content:space-between}header nav .logout-btn{margin-left:auto;margin-right:0;opacity:.7;font-size:.85rem}header nav .logout-btn:hover{opacity:1}.card{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001f}.card h2{font-size:1.1rem;margin-bottom:.75rem}.car-header{display:flex;justify-content:space-between;align-items:center}.car-header .plate{font-weight:700;font-size:1.1rem;background:#e3f2fd;padding:.2rem .6rem;border-radius:4px;letter-spacing:1px}.car-header .km{color:#666;font-size:.9rem}.btn{display:inline-block;padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;text-decoration:none}.btn-primary{background:#1976d2;color:#fff}.btn-danger{background:#d32f2f;color:#fff}.btn-small{padding:.2rem .5rem;font-size:.8rem}.btn+.btn{margin-left:.5rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem;color:#555}.form-group input,.form-group select{width:100%;padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.expense-list{list-style:none}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.expense-item:last-child{border-bottom:none}.expense-category{font-weight:600;min-width:140px}.expense-date{color:#666;font-size:.85rem}.expense-amount{font-weight:600;color:#1976d2}.badge{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.75rem;font-weight:600}.badge-required{background:#ffcdd2;color:#c62828}.badge-optional{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#e65100}.notification-bar{background:#fff3e0;border-left:4px solid #ff9800;padding:.75rem 1rem;margin-bottom:1rem;border-radius:0 4px 4px 0}.notification-bar h3{font-size:.9rem;margin-bottom:.3rem}.notification-bar ul{list-style:none;font-size:.85rem}.notification-bar li{padding:.15rem 0}.empty-state{text-align:center;padding:2rem;color:#999}.tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:1rem}.tab{padding:.5rem 1rem;cursor:pointer;border:none;background:none;font-size:.9rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:600}.actions{display:flex;gap:.5rem;margin-top:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:8px;padding:1.5rem;width:90%;max-width:500px;max-height:85vh;overflow-y:auto}.modal h2{margin-bottom:1rem}.modal .actions{justify-content:flex-end}
