*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.login-container{background:#121212}.login-box{background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}.login-box h1{margin-bottom:2rem;color:#222}.login-box input{padding:.8rem 1rem;border:1px solid #ddd}.login-box input:focus{border-color:#1abc9c}.login-box button{font-weight:600;transition:background .3s ease}.dashboard{display:flex;height:100vh}.sidebar{width:240px;background:#1c1c1e;color:#fff;transition:width .3s ease}.sidebar h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#1abc9c}.sidebar ul{list-style:none;flex-grow:1}.sidebar li{padding:.8rem 1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.sidebar li:hover{background:#2c2c2e}.sidebar li.active{background:#1abc9c;color:#fff;font-weight:600}.sidebar li.active:before{content:"";display:inline-block;width:6px;height:100%;background:#16a085;border-radius:3px;margin-right:10px;vertical-align:middle}.logout-btn{margin-top:auto;background:#e74c3c;border:none;color:#fff;transition:background .3s ease}.logout-btn:hover{background:#c0392b}.main-content{flex-grow:1;background:#f5f5f5}.content-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08)}.content-box h2{margin-bottom:1rem;color:#1abc9c}.content-box p{color:#333;line-height:1.6}.login-container{background:#0a0a0a}.login-box{background:#1c1c1c;padding:3rem;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.5);width:350px}.login-box h1{font-family:Arial,sans-serif}.login-box button,.login-box input{padding:.8rem;border-radius:6px}.login-box button{background:#1abc9c;transition:all .3s ease}.login-box button:hover{background:#16a085}.login-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at center,#0b0b0b 0,#050505 100%);display:flex;align-items:center;justify-content:center}#neural-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login-box{position:relative;z-index:1;background:hsla(0,0%,4%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(26,188,156,.2);border-radius:16px;padding:2.5rem 3rem;text-align:center;box-shadow:0 0 30px rgba(26,188,156,.15);width:320px}.login-box h1{color:#1abc9c;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600;letter-spacing:1px}.login-box input{width:100%;margin-bottom:1rem;padding:.75rem 1rem;border:none;border-radius:8px;background:hsla(0,0%,100%,.08);color:#e0e0e0;font-size:1rem;outline:none;transition:all .2s ease}.login-box input:focus{background:hsla(0,0%,100%,.15);box-shadow:0 0 10px rgba(26,188,156,.3)}.login-box button{width:100%;padding:.75rem;border:none;border-radius:8px;background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:.3s ease}.login-box button:hover{background:linear-gradient(135deg,#16a085,#1abc9c);box-shadow:0 0 20px rgba(26,188,156,.4)}.error-text{margin-top:1rem;color:#ff6b6b;font-size:.9rem}.sidebar{width:250px;height:100vh;background:linear-gradient(180deg,#0b1620,#0f1e2f);box-shadow:0 0 30px rgba(0,255,204,.15);display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem;position:fixed;left:0;top:0;z-index:10;animation:fadeIn .8s ease-in-out;border-right:1px solid rgba(0,255,204,.2)}.sidebar-header h2{color:#00ffc3;text-align:center;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,204,.6)}.menu{list-style:none;padding:0;margin-top:2rem}.menu li{display:flex;align-items:center;gap:12px;color:#cfd8dc;padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.menu li:before{content:"";position:absolute;left:0;width:3px;height:0%;background:#00ffc3;transition:height .3s ease;border-radius:2px}.menu li.active:before,.menu li:hover:before{height:100%}.menu li:hover{background:rgba(0,255,204,.08);transform:translateX(5px)}.menu li.active{background:rgba(0,255,204,.15);color:#00ffc3;box-shadow:inset 0 0 10px rgba(0,255,204,.3)}.icon{font-size:1.2rem}.logout-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,255,204,.4);color:#00ffc3;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:.3s ease;margin-top:2rem}.logout-btn:hover{background:rgba(0,255,204,.15);box-shadow:0 0 15px rgba(0,255,204,.3)}.main-content{margin-left:250px;padding:2rem;color:#e0f7fa;background:radial-gradient(ellipse at top left,#071018,#0a1a24);min-height:100vh;overflow-y:auto}.responsive-button{background:rgba(0,255,204,.1)!important;color:#0fc!important;font-weight:600!important;padding:.6rem 1.3rem!important;border-radius:8px!important;border:1px solid rgba(0,255,204,.4)!important;cursor:pointer!important;font-size:.9rem!important;display:flex!important;align-items:center!important;gap:.5rem!important;transition:all .2s ease-in-out!important;text-decoration:none!important}.responsive-button:hover{background:rgba(0,255,204,.2)!important;transform:translateY(-1px)!important}@media (max-width:768px){.responsive-button{font-size:.8rem!important;padding:.5rem 1rem!important;gap:.4rem!important;margin-left:8px!important}}.models-info{display:block}@media (max-width:768px){.models-info{display:none!important}}.models-config{display:block}@media (max-width:768px){.models-config{display:none!important}.modal-configuration{display:inline-table!important}}@media (max-width:480px){.agent-model-config{grid-template-columns:unset!important;width:max-content!important}.modal-card{max-height:max-content!important}.chat-responsive{flex-direction:column!important}.responsive-button{font-size:.75rem!important;padding:.45rem .8rem!important;width:100%!important;justify-content:center!important}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}