*{box-sizing:border-box;margin:0;padding:0}.sidebar-toggle{display:none;background:transparent;border:1px solid transparent;color:#e0e0e0}html,body{height:100%;background-color:#1e1e1e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0}#root{height:100%;width:100%;display:block}.login-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{background-color:#1e1e1e;padding:50px 40px;border-radius:12px;box-shadow:0 10px 30px #00000080;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.login-container h2{color:#9c27b0;font-size:2.2em;font-weight:300;margin-bottom:30px;letter-spacing:1px}.login-form{display:flex;flex-direction:column;width:100%;gap:15px}.login-input{padding:14px 10px;border:1px solid #333;border-radius:8px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px;transition:border-color .3s,box-shadow .3s;outline:none}.login-input:focus{border-color:#9c27b0;box-shadow:0 0 5px #9c27b080}.login-button{padding:14px;background-color:#9c27b0;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;margin-top:10px;transition:background-color .3s}.login-button:hover{background-color:#7b1fa2}.erro{color:#ff5252;font-size:14px;margin-top:15px;text-align:center}.app-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#1e1e1e;box-shadow:0 2px 8px #0006;z-index:10}.header-title{color:#9c27b0;font-size:1.5em;font-weight:600;margin:0}.logout-button{padding:8px 15px;background-color:transparent;color:#ff5252;border:1px solid #ff5252;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#ff5252;color:#1e1e1e;border-color:#ff5252}.danger-button{padding:15px;background-color:#ff5252;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;margin-top:15px;transition:background-color .3s}.danger-button:hover:not(:disabled){background-color:#e04646}.danger-button:disabled{background-color:#b94a4a;cursor:not-allowed}.button-outline-red{padding:15px;background-color:transparent;color:#ff5252;border:1px solid #ff5252;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;margin-top:15px;transition:color .2s,border-color .2s,box-shadow .2s,background-color .2s}.button-outline-red:hover:not(:disabled){background-color:#ff525214;border-color:#ff6b6b}.button-outline-red:disabled{opacity:.6;cursor:not-allowed}.app-logo-footer{position:fixed;bottom:20px;left:20px;width:60px;height:auto;opacity:.5;transition:opacity .3s}.app-logo-footer:hover{opacity:1}.formulario-container{background-color:#1e1e1e;padding:40px;border-radius:12px;box-shadow:0 10px 30px #00000080;width:100%;max-width:800px;margin-top:80px;margin-bottom:20px;color:#e0e0e0}.formulario-container h2{color:#9c27b0;font-size:1.8em;font-weight:400;margin-bottom:25px;text-align:center}.responsavel-info{text-align:center;margin-bottom:20px;font-size:.9em;color:#a0a0a0}.responsavel-info span{font-weight:700;color:#bb86fc}.ajuste-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-size:.9em;color:#a0a0a0}.form-input{padding:12px 10px;border:1px solid #333;border-radius:8px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px;transition:border-color .3s,box-shadow .3s;outline:none}.form-input:focus{border-color:#9c27b0;box-shadow:0 0 5px #9c27b080}.form-select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23e0e0e0" d="M10 3L6 7L2 3z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.submit-button{padding:15px;background-color:#9c27b0;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;margin-top:15px;transition:background-color .3s}.submit-button:hover:not(:disabled){background-color:#7b1fa2}.submit-button:disabled{background-color:#5a5a5a;cursor:not-allowed}.mensagem-sucesso{background-color:#4caf5040;color:#4caf50;padding:10px;border-radius:4px;text-align:center}.mensagem-erro{background-color:#f4433640;color:#f44336;padding:10px;border-radius:4px;text-align:center}.sidebar{width:220px}.content-wrap{margin-left:236px}@media (max-width: 640px){.formulario-container{padding:20px;max-width:95%;margin-top:65px}.app-header{padding:10px 15px}.sidebar{width:72px!important;padding:12px 8px!important}.content-wrap{margin-left:84px!important}.sidebar[data-open="0"]~.content-wrap,.content-wrap:has(+.sidebar[data-open="0"]){margin-left:0!important}.sidebar{transition:transform .25s ease;position:fixed;z-index:20}.sidebar[data-open="0"]{transform:translate(-110%);pointer-events:none}.sidebar[data-open="1"]{transform:translate(0);pointer-events:auto}.sidebar-toggle{display:inline-flex}.form-row{flex-direction:column;gap:15px}.formulario-container h2{font-size:1.4em}.header-title{font-size:1.1em}.app-logo-footer{width:45px;bottom:10px;left:10px}.submit-button,.button-outline-red{font-size:16px;padding:12px}.card{width:calc(100% - 32px);margin:16px}.sidebar img[alt="Logo DMI"]{width:64px!important;height:64px!important}.sidebar .submit-button{font-size:14px;padding:10px}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:15}.users-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:8px}.users-header .submit-button{width:100%;margin-top:0}.users-table{width:100%;overflow-x:auto}}@media (max-width: 1024px) and (min-width: 641px){.sidebar{width:180px!important;padding:16px 10px!important}.content-wrap{margin-left:196px!important}.sidebar .submit-button,.sidebar .logout-button{width:100%}.card{width:calc(100% - 64px);margin:8vh 32px 0}}@media (max-width: 480px){.sidebar{width:240px!important;padding:14px 10px!important;z-index:20}.sidebar[data-open="0"]{transform:translate(-110%)}.sidebar[data-open="1"]{transform:translate(0)}.sidebar-toggle{display:inline-flex}.content-wrap{margin-left:0!important}.sidebar-toggle{position:fixed;top:10px;left:10px;z-index:25}.sidebar-backdrop{z-index:15}.sidebar .submit-button,.sidebar .logout-button{width:100%;font-size:15px;padding:12px}.formulario-container,.ajuste-form,.modal-content{width:100%!important}.mensagem,.submit-button,.button-outline-red{width:100%}}
