.header{padding:20px 30px;border-bottom:1px solid #ddd;border-radius:10px;margin-top:20px}.main{height:540px;font-family:Outfit,sans-serif}body.dark-mode{background-color:#121212;color:#fff}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.header-title{color:#0a56b5;font-weight:50px}.header-icons{display:flex;align-items:center;gap:15px}.icon-container{position:relative}.profile-avatar{border:none;cursor:pointer;border-radius:50%;overflow:hidden;width:50px;height:50px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-menu{position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #ddd;border-radius:5px;list-style:none;padding:10px;margin:0;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10}body.dark-mode .dropdown-menu{background-color:#333;border:1px solid #555;color:#fff}.dropdown-menu li{padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:10px}.dropdown-menu li:hover{background-color:#f0f0f0}body.dark-mode .dropdown-menu li:hover{background-color:#444}.profile-dropdown li:first-child{font-size:14px;padding:15px;background-color:#f7f7f7;font-weight:700;border-bottom:1px solid #ddd}body.dark-mode .profile-dropdown li:first-child{background-color:#444;border-bottom:1px solid #555}body.dark-mode .header{background-color:#1e1e1e;border-color:#555}body.dark-mode .header-title{color:#fff}.InputContainer{height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;overflow:hidden;cursor:pointer;padding-left:15px;box-shadow:2px 2px 10px rgba(0,0,0,.075)}.input{width:170px;height:100%;border:none;outline:none;font-size:.9em;caret-color:#ff5100}.labelforsearch{cursor:text;padding:0 12px}.searchIcon{width:13px}.border{height:40%;width:1.3px;background-color:#dfdfdf}.micIcon{width:12px}.micButton{padding:0 15px 0 12px;border:none;background-color:transparent;height:40px;cursor:pointer;transition-duration:.3s}.searchIcon path{fill:#727272}.micIcon path{fill:#ff5100}.micButton:hover{background-color:#ffe6e6;transition-duration:.3s}.ui-switch{--switch-bg:#8796a5;--switch-width:48px;--switch-height:20px;--circle-diameter:32px;--circle-bg:#003892;--circle-inset:calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.dark-mode .slider{background-color:#333}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+");background-repeat:no-repeat;background-position:50%;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0s;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0s,transform .15s cubic-bezier(.4,0,.2,1) 0s;transition:left .15s cubic-bezier(.4,0,.2,1) 0s,transform .15s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.slider .circle,.slider .circle:before{position:absolute;border-radius:inherit}.slider .circle:before{content:"";width:100%;height:100%;background:hsla(0,0%,100%,.75);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=")}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}.footer{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#555;font-size:14px;padding:20px 30px;text-align:center;border-top:1px solid #ddd;box-shadow:0 -2px 5px rgba(0,0,0,.1);margin-top:auto}body.dark-mode .footer{background-color:#1e1e1e;color:#fff;border-color:#555;box-shadow:0 -2px 5px rgba(0,0,0,.3)}.dashboard-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:20px}@media (max-width:768px){.InputContainer{height:50px;width:160px}.input{width:90px;height:40px}.header-title{display:none;font-size:15px}.label{width:100px}}