body{font-family:Inter,sans-serif;background:#f5f7fa;color:#2c3e50;margin:0;padding:0}#sidebar{background:linear-gradient(180deg,#0d47a1,#1565c0);color:#fff;box-shadow:2px 0 8px #0000001a}#sidebar h1{font-size:1.3rem;font-weight:600;margin-bottom:4px}#sidebar button.nav-btn{transition:all .2s ease-in-out;border-radius:6px}#sidebar button.nav-btn:hover{background:#ffffff1f;transform:translate(4px)}#sidebar button.nav-btn.active{background:#ffffff40;font-weight:600}header{background:#fff;border-bottom:3px solid rgba(33,150,243,.1);box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:10}header h2{color:#1e3a8a}header #usuarioInfo{color:#555}#main-content{background:#fafafa;animation:fadeIn .3s ease-in;padding:1.5rem;min-height:calc(100vh - 60px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:.6rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-secondary{background:#e3f2fd;color:#0d47a1}.btn-secondary:hover{background:#bbdefb}.btn-danger{background:#f4433626;color:#c62828}.btn-danger:hover{background:#f4433640}.custom-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.custom-table th{background:#e3f2fd;color:#0d47a1;text-align:left;padding:10px;font-weight:600}.custom-table td{padding:10px;border-top:1px solid #eee}#app form input{border:1px solid #ccc;border-radius:5px;padding:8px}#app form button{background:#1e88e5;color:#fff;font-weight:600;border-radius:5px}#app form button:hover{background:#1565c0}@media (max-width: 768px){#sidebar{width:100%;position:relative;box-shadow:none}header{position:relative}#main-content{padding:1rem}}.card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:1.5rem;margin-bottom:1rem;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.form-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.form-input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.loader{border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-ativo{background:#4caf501a;color:#2e7d32}.badge-inativo{background:#f443361a;color:#c62828}