.install-button{background-color:#2d89ef;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.install-button:hover{background-color:#1b5dab}.installed-text{color:green;font-weight:700;font-size:16px}:root{--bg-color: #121212;--card-color: #1e1e1e;--border-color: #333;--text-color: #f5f5f5;--accent-color: #4caf50;--accent-hover: #45a049;--danger-color: #f44336;--warning-color: #e78d05e7}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0}.container{max-width:900px;margin:5px auto auto;padding:2px}.dashboard{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}h1{text-align:center;margin-bottom:2px;margin-top:10px}.btnCadastroUser{background-color:var(--warning-color)}.dash-header{display:flex;flex-direction:column;align-items:center}.dash-header h1{text-align:center;margin-bottom:2px;margin-top:5px}.dash-header button{margin:1px 0 10px;width:100px;background-color:var(--warning-color)}.card{background-color:var(--card-color);padding:15px 20px;border-radius:8px;border:1px solid var(--border-color);flex:1;min-width:180px;text-align:center;cursor:pointer}.card h3{margin:0;font-size:1.2rem;color:var(--text-color)}.card strong{color:var(--accent-color)}.form{display:flex;gap:10px;margin-bottom:20px;background-color:var(--card-color);padding:15px;border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap}.form input,.form select{padding:8px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--bg-color);color:var(--text-color);flex:1 1 150px}.form input:focus,.form select:focus{outline:none;border-color:var(--accent-color)}.form button{padding:8px 16px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;flex:1 1 120px}.form button:hover{background-color:var(--accent-hover)}.list{background-color:var(--card-color);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.list h2{margin-top:0}.list-item{background:var(--bg-color);padding:10px;margin-bottom:8px;border-radius:5px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.list-item strong{color:var(--accent-color)}.list-item select{margin:0 10px;padding:5px;background-color:var(--card-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:5px}.list-item button{background-color:var(--danger-color);color:#fff;border:none;padding:5px 8px;border-radius:5px;cursor:pointer}.list-item button:hover{opacity:.8}.list-item small{color:#aaa;font-size:.8rem}@media (max-width: 600px){.form{flex-direction:column}.form input,.form select,.form button{flex:1 1 100%;width:auto}.list-item{flex-direction:column;align-items:flex-start;gap:8px}.list-item select,.list-item button{margin:0}.dashboard{gap:5px;margin-top:5px;padding:2px}.card{padding:8px 10px;min-width:120px;flex:1 1 45%}.card strong,.card h2,.card p{font-size:.9rem}}.container-login{max-width:400px;flex-direction:column;margin:5px auto 0;padding:2px}.form-login{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;background-color:var(--card-color);padding:15px;border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap}.form-login input,.form-login select{padding:8px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--bg-color);color:var(--text-color);flex:1 1 15px}.form-login input:focus,.form-login select:focus{outline:none;border-color:var(--accent-color)}.form-login button{padding:8px 16px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;flex:1 1 15px}.form-login button:hover{background-color:var(--accent-hover)}.install-btn-container{position:fixed;bottom:20px;right:20px;z-index:999}.install-btn{background-color:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;box-shadow:0 4px 6px #0003;font-size:16px;transition:background-color .3s ease}.install-btn:hover{background-color:#0056b3}.install-button-container{width:100%;display:flex;flex-direction:column}
