body{color:#333;background-color:#f4f7f9;line-height:1.6}.header-principal,.header-cadastro{z-index:100;background-color:#fff;border-bottom:1px solid #e1e8ed;align-items:center;height:75px;padding:0 40px;display:flex;position:sticky;top:0}.logo-texto,.logo-cadastro{color:#3b82f6;letter-spacing:-1px;font-size:28px;font-weight:800;text-decoration:none}.nav-link,.link-menu-lista{color:#64748b;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.link-menu-lista:hover{color:#3b82f6}.btn-sair-header,.btn-sair-simples{cursor:pointer;color:#ef4444;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-weight:600;transition:all .2s;display:flex}.btn-sair-header:hover{background-color:#fef2f2;border-color:#fecaca}.topo-lista{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topo-lista h1{color:#1e293b;font-size:24px;font-weight:700}.relogio{color:#f8fafc;background:#1e293b;border-radius:50px;padding:8px 20px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}.busca-container{justify-content:flex-end;margin-bottom:25px;display:flex}.input-busca{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;width:100%;max-width:400px;padding:10px 15px;transition:border-color .2s,box-shadow .2s;display:flex}.input-busca:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-busca input{color:#1e293b;border:none;outline:none;width:100%;font-size:15px}.input-busca svg{color:#94a3b8;margin-left:10px}.tabela-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}th{text-align:left;color:#64748b;text-transform:uppercase;background-color:#f8fafc;padding:16px;font-size:13px;font-weight:600}td{border-bottom:1px solid #f1f5f9;padding:16px;font-size:15px}.status-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;width:120px;padding:6px 12px;font-size:12px;font-weight:700;transition:opacity .2s}.status-btn:hover{opacity:.85}.status-btn.administrado{background-color:#22c55e}.status-btn.pendente{background-color:#f59e0b}.acoes-tabela{justify-content:center;gap:12px;display:flex}.btn-editar-tabela{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background .2s}.btn-editar-tabela:hover{background-color:#eff6ff}.btn-excluir-tabela{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background .2s}.btn-excluir-tabela:hover{background-color:#fef2f2}.app-cadastro{min-height:100vh}.card-cadastro{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:500px;margin:60px auto;padding:30px;box-shadow:0 10px 25px #0000000d}.section-title{text-transform:uppercase;color:#3b82f6;align-items:center;margin:25px 0 12px;font-size:14px;font-weight:700;display:flex}.input-icon{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;margin-bottom:15px;padding:12px 15px;transition:all .2s;display:flex}.input-icon:focus-within{background-color:#fff;border-color:#3b82f6}.input-icon input{background:0 0;border:none;outline:none;width:100%;font-size:15px}.input-icon svg{color:#94a3b8}.linha-cadastro{gap:15px;display:flex}.acoes-cadastro{justify-content:center;margin-top:35px;display:flex}.btn-salvar{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 50px;font-size:16px;font-weight:700;transition:background .2s,transform .1s;display:flex}.btn-salvar:hover{background-color:#2563eb}.btn-salvar:active{transform:scale(.98)}@media (width<=768px){.topo-lista{flex-direction:column;align-items:flex-start}.input-busca{max-width:100%}.header-principal{padding:0 20px}.nav-link span{display:none}}.container{height:100vh;display:flex}.left{background-color:#a3d900;width:50%}.right{background-color:#eee;justify-content:center;align-items:center;width:50%;display:flex}.box{border:2px solid #000;width:250px;height:300px}.top{background-color:red;height:33%}.middle{background-color:#00f;height:33%}.bottom{background-color:gray;height:34%}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#f1f5f9;font-family:Segoe UI,sans-serif}.container{min-height:100vh;display:flex}.left{flex:1;position:relative;overflow:hidden}.left img{object-fit:cover;width:100%;height:100%;display:block}.left-overlay{background:linear-gradient(#0a14324d 0%,#0a1432bf 100%);flex-direction:column;justify-content:flex-end;padding:48px;display:flex;position:absolute;inset:0}.left-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;width:fit-content;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.left-titulo{color:#fff;letter-spacing:-1px;margin-bottom:12px;font-size:40px;font-weight:800;line-height:1.2}.left-sub{color:#ffffffb3;font-size:15px;line-height:1.6}.right{background:#fff;flex-direction:column;flex-shrink:0;width:460px;display:flex}.right-header{border-bottom:1px solid #f1f5f9;padding:28px 40px}.logo{color:#1d4ed8;letter-spacing:-.5px;font-size:18px;font-weight:800}.right-body{flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex}.right-body h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:700}.right-body>p{color:#64748b;margin-bottom:32px;font-size:14px}label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-wrapper{align-items:center;margin-bottom:20px;display:flex;position:relative}.input-icone{pointer-events:none;opacity:.5;font-size:14px;position:absolute;left:13px}.input-wrapper input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 13px 11px 38px;font-size:14px;transition:border-color .2s,background .2s}.input-wrapper input:focus{background:#fff;border-color:#1d4ed8}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.btn-olho{cursor:pointer;color:#1d4ed8;background:0 0;border:none;padding:4px;font-size:12px;font-weight:600;position:absolute;right:12px}.remember{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:400;display:flex}.remember-label input[type=checkbox]{accent-color:#1d4ed8;cursor:pointer;width:15px;height:15px}.link-esqueci{color:#1d4ed8;font-size:13px;font-weight:500;text-decoration:none}.link-esqueci:hover{text-decoration:underline}.erro{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:13px}.btn-login{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:13px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s;display:flex}.btn-login:hover:not(:disabled){background:#1e40af}.btn-login:disabled,.btn-login.carregando{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite girar;display:inline-block}@keyframes girar{to{transform:rotate(360deg)}}.cadastro-texto{text-align:center;color:#64748b;font-size:13px}.cadastro-link{color:#1d4ed8;font-weight:600;text-decoration:none}.cadastro-link:hover{text-decoration:underline}@media (width<=768px){.container{flex-direction:column}.left{flex:none;height:200px}.left-titulo{font-size:26px}.left-overlay{padding:24px}.right{width:100%}.right-body{padding:32px 24px}}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{background-color:#f4f7f9}.header-principal,.header-cadastro{background:#fff;border-bottom:1px solid #ddd;align-items:center;height:100px;padding:0 40px;display:flex}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo-site{object-fit:contain;width:auto;height:80px}.nav-section,.menu-cadastro{align-items:center;gap:20px;display:flex}.nav-link,.link-menu-lista{color:#3b82f6;gap:5px;font-weight:700;text-decoration:none;display:flex}.btn-sair-header{color:#ff4d4d;cursor:pointer;background:#fff;border:1px solid #ff4d4d;border-radius:5px;padding:8px 15px}.main-content{max-width:1000px;margin:40px auto;padding:0 20px}.tabela-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}table{border-collapse:collapse;width:100%}th{text-align:left;color:#64748b;background:#f8fafc;padding:15px}td{border-bottom:1px solid #eee;padding:15px}.btn-excluir-tabela{color:#ef4444;cursor:pointer;background:0 0;border:none}.card-cadastro{background:#fff;border-radius:10px;max-width:400px;margin:0 auto;padding:30px;box-shadow:0 5px 15px #0000001a}.input-icon{border:1px solid #ddd;border-radius:5px;align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.input-icon input{border:none;outline:none;width:100%}.btn-salvar{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;justify-content:center;gap:10px;width:100%;padding:12px;font-weight:700;display:flex}