*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{color:#fff;background-color:#003760}.app-container{gap:20px;height:100vh;padding:20px;display:flex}.sidebar{background-color:#001b30;border-radius:30px;flex-direction:column;justify-content:space-between;align-items:center;width:80px;padding:30px 0;display:flex;box-shadow:0 4px 20px #0003}.sidebar-top,.sidebar-bottom{flex-direction:column;align-items:center;width:100%;display:flex}.logo{margin-bottom:40px;font-size:24px;font-weight:800}.nav-icon{cursor:pointer;color:#a0b0c0;border-radius:15px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:15px;font-size:20px;transition:all .2s;display:flex}.nav-icon:hover{color:#fff;background-color:#002b4a}.nav-icon.active{color:#fff;background-color:#3da9fc;box-shadow:0 4px 10px #3da9fc4d}.nav-icon.logout:hover{color:#fff;background-color:#e74c3c}.main-content{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 10px;display:flex}.header h1{color:#fff;font-size:28px;font-weight:700}.header p{color:#a0b0c0;font-size:14px}.bento-grid{grid-template-columns:2fr 1fr;grid-auto-rows:minmax(150px,auto);gap:20px;display:grid}.card{color:#fff;background-color:#002b4a;border-radius:30px;padding:25px;box-shadow:0 4px 20px #00000026}.card.dark{background-color:#00213b}.card.beige-dark{background-color:#002b4a}.card-title{margin-bottom:15px;font-size:16px;font-weight:600}.chat-container{background:#001b30;border-radius:30px;flex-direction:column;height:100%;padding:30px;display:flex}.messages{flex-grow:1;margin-bottom:20px;overflow-y:auto}.chat-bubble{border-radius:20px;max-width:70%;margin-bottom:10px;padding:15px 20px;line-height:1.5}.chat-bubble.ai{color:#fff;background-color:#002b4a;border-bottom-left-radius:5px;align-self:flex-start}.chat-bubble.user{color:#fff;background-color:#3da9fc;border-bottom-right-radius:5px;margin-left:auto}.chat-input-form{gap:10px;display:flex}.chat-input-form input{color:#fff;background:#001b30;border:1px solid #004a80;border-radius:30px;outline:none;flex-grow:1;padding:15px 20px;font-size:16px}.chat-input-form button{color:#fff;cursor:pointer;background-color:#3da9fc;border:none;border-radius:30px;padding:0 30px;font-weight:700}.dashboard-footer{flex-direction:column;gap:15px;margin-top:30px;display:flex}.timeframe-toggle{background:#001b30;border-radius:20px;width:max-content;padding:5px;display:flex;box-shadow:0 4px 20px #00000026}.timeframe-btn{cursor:pointer;color:#a0b0c0;background:0 0;border:none;border-radius:15px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.timeframe-btn.active{color:#fff;background:#3da9fc;box-shadow:0 2px 10px #3da9fc4d}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;display:grid}.kpi-card{text-align:center;background-color:#00213b;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;padding:20px 15px;display:flex;box-shadow:0 4px 20px #00000026}.kpi-value{color:#fff;margin-bottom:5px;font-size:22px;font-weight:800}.kpi-label{color:#a0b0c0;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.login-container{background-color:#003760;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-card{background-color:#001b30;border-radius:30px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:50px 40px;display:flex;box-shadow:0 10px 40px #0006}.login-logo{color:#fff;background-color:#3da9fc;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:24px;font-weight:800;display:flex}.login-card h2{color:#fff;margin-bottom:30px;font-weight:700}.login-form{flex-direction:column;gap:15px;width:100%;display:flex}.login-input{color:#fff;background-color:#002b4a;border:1px solid #004a80;border-radius:15px;outline:none;width:100%;padding:15px 20px;font-size:14px;transition:border .2s}.login-input::placeholder{color:#7a8b9c}.login-input:focus{border-color:#3da9fc}.login-btn{color:#fff;cursor:pointer;background-color:#3da9fc;border:none;border-radius:15px;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:600;transition:background-color .2s}.login-btn:hover{background-color:#2b8cd9}.error-message{color:#ff6b6b;text-align:center;height:15px;margin-bottom:10px;font-size:13px}