@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}button,input,textarea{all:unset;box-sizing:border-box}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{margin:0}body{margin:0;overscroll-behavior:none;overflow-x:hidden}body #root{min-height:575px;height:100dvh;width:100dvw}@media screen and (max-width: 600px){body #root{min-width:320px}}@media screen and (min-width: 601px) and (max-width: 768px){body #root{min-width:601px}}@media screen and (min-width: 769px) and (max-width: 1024px){body #root{min-width:769px}}@media only screen and (min-width: 1025px) and (max-width: 1200px){body #root{min-width:1025px}}@media only screen and (min-width: 1201px){body #root{min-width:1201px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.auth .auth-header{height:80px;width:100%;padding:20px}.auth .auth-header p{font-family:Exo,sans-serif;font-size:30px;font-weight:700;color:#262626}.auth .auth-main{height:calc(100% - 180px);width:100%;display:flex;justify-content:center;align-items:center}.auth .auth-main button{height:50px;padding:10px 15px;display:flex;align-items:center;gap:10px;border-radius:5px;background-color:#262626}.auth .auth-main button i,.auth .auth-main button p{font-size:17px;color:#fff}.auth .auth-main button p{font-family:Exo,sans-serif;font-weight:500}.auth .auth-main button .spinner{width:17px;aspect-ratio:1;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.auth .auth-main button:disabled{opacity:.6;cursor:not-allowed}.auth .auth-footer{height:100px;width:100%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.auth .auth-footer .logo{height:50px}.auth .auth-footer .footer-links{display:flex;justify-content:center;gap:10px}.auth .auth-footer .footer-links p{font-family:Exo,sans-serif;font-size:12px;font-weight:700;color:#262626}.max-width-container{height:100%;width:100%;max-width:1500px}.dashboard{height:100vh;width:100%;display:flex}.dashboard .left-window{height:100%;max-width:220px;display:flex}.dashboard .right-window{flex:1;height:100%;width:100%;display:flex;flex-direction:column}.dashboard-sidebar{width:220px;min-height:100vh;display:flex;flex-direction:column;gap:5px;justify-items:center;position:relative;font-family:Exo,sans-serif;font-style:normal;border-right:1px solid rgba(128,128,128,.2);background-color:#f4f6fa;box-shadow:inset 2px 2px 4px #0000001a;transition:width .3s ease}.dashboard-sidebar.collapsed{width:60px}.dashboard-sidebar.collapsed ul{gap:5px}.dashboard-sidebar.collapsed .dashboard-sidelink,.dashboard-sidebar.collapsed ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open,.dashboard-sidebar.collapsed ul .dashboard-sidelink-expanded,.dashboard-sidebar.collapsed ul .dashboard-sidelink-selected,.dashboard-sidebar.collapsed ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected{justify-content:center;padding:10px}.dashboard-sidebar.collapsed .dashboard-sidelink span,.dashboard-sidebar.collapsed ul .dashboard-sidelink-expanded span,.dashboard-sidebar.collapsed ul .dashboard-sidelink-selected span{display:none}.dashboard-sidebar .logo-container{width:100%;padding:5px;display:flex;justify-content:center;align-items:center}.dashboard-sidebar .logo-container .logo{height:30px}.dashboard-sidebar ul{padding:5px;display:flex;flex-direction:column;gap:10px}.dashboard-sidebar ul .dashboard-sidelink,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open,.dashboard-sidebar ul .dashboard-sidelink-expanded,.dashboard-sidebar ul .dashboard-sidelink-selected,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected{padding:10px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;transition:background-color .3s ease;color:#333}.dashboard-sidebar ul .dashboard-sidelink:hover,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open:hover,.dashboard-sidebar ul .dashboard-sidelink-expanded:hover,.dashboard-sidebar ul .dashboard-sidelink-selected:hover,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected:hover{background-color:#e8ecf7}.dashboard-sidebar ul .dashboard-sidelink .dashboard-sidelink-icon,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-icon,.dashboard-sidebar ul .dashboard-sidelink-selected .dashboard-sidelink-icon{font-size:20px}.dashboard-sidebar ul .dashboard-sidelink span,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open span,.dashboard-sidebar ul .dashboard-sidelink-expanded span,.dashboard-sidebar ul .dashboard-sidelink-selected span,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected span{font-size:14px;font-weight:400}.dashboard-sidebar ul .dashboard-sidelink-selected,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected,.dashboard-sidebar ul .dashboard-sidelink-selected:hover,.dashboard-sidebar ul .dashboard-sidelink-expanded .dashboard-sidelink-sub-open-selected:hover{background-color:#d3e3fc}.dashboard-sidebar ul .dashboard-sidelink-expanded{flex-wrap:wrap}.dashboard-sidebar .dashboard-collapser{padding:0;justify-items:center;position:absolute;bottom:10px;right:10px;transition:all .3s ease-in-out}.dashboard-sidebar .dashboard-collapser.collapsed{left:10px;right:auto;transition:all .3s ease-in-out}.dashboard-sidebar .dashboard-collapser .open-button,.dashboard-sidebar .dashboard-collapser .close-button{width:40px;height:40px;padding:5px;display:flex;border:none;cursor:pointer;align-items:center;justify-content:center;background:none}.dashboard-sidebar .dashboard-collapser .open-button i,.dashboard-sidebar .dashboard-collapser .close-button i{font-size:20px;transition:transform .3s ease-in-out}.dashboard-navbar{height:40px;width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(128,128,128,.2);box-shadow:2px 2px 4px #0000001a;background-color:#f4f6fa}.dashboard-navbar .dashboard-navbar-search{display:flex;align-items:center;width:100%;max-width:400px;padding:8px 20px;border:solid 1px #e0e6ef;border-radius:25px;background-color:#fff;transition:box-shadow .3s ease,transform .3s ease}.dashboard-navbar .dashboard-navbar-search input{width:100%;font-size:14px;color:#333}.dashboard-navbar .dashboard-navbar-search input::placeholder{color:#aaa;font-style:italic}.trigger-email-alert{height:100%;width:100%;padding:20px;display:flex;flex-direction:column;gap:25px}.trigger-email-alert .tab-holder{height:50px;width:100%;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;background-color:#2ad6a9}.trigger-email-alert .tab-holder .tab{height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;padding:0 10px;background-color:#6b8e23;transition:all .3s ease}.trigger-email-alert .tab-holder .tab:hover{background-color:#1f9e7e}.trigger-email-alert .sender-email-selector{width:100%;display:flex;flex-direction:column;gap:10px}.trigger-email-alert .sender-email-selector .email-dropdown{width:100%;height:40px;padding:5px 10px;font-size:14px;color:#333;background-color:#f4f6fa;border:1px solid #ccc;border-radius:5px}.trigger-email-alert .select-group-tags{width:100%;display:flex;flex-direction:column;gap:10px}.trigger-email-alert .select-group-tags .select-group-tags-area{width:100%;height:40px;padding:0 10px;display:flex;flex-wrap:wrap;justify-items:center;align-items:center;gap:10px;border-radius:5px;background-color:#2ad6a9}.trigger-email-alert .select-group-tags .select-group-tags-area .tag{height:30px;display:flex;align-items:center;padding:0 10px;border-radius:5px;background-color:#f4f6fa;cursor:pointer;transition:all .3s ease}.trigger-email-alert .select-group-tags .select-group-tags-area .tag:hover{background-color:#e8e8e8}.trigger-email-alert .email-cc{width:100%;display:flex;flex-direction:column;gap:10px}.trigger-email-alert .email-cc .cc-input{width:100%;height:40px;padding:10px 15px;font-size:14px;color:#333;background-color:#f4f6fa;border:1px solid #ccc;border-radius:5px}.trigger-email-alert .email-cc .cc-input::placeholder{color:#999;font-style:italic}.trigger-email-alert .email-bcc{width:100%;display:flex;flex-direction:column;gap:10px}.trigger-email-alert .email-bcc .bcc-input{width:100%;height:40px;padding:10px 15px;font-size:14px;color:#333;background-color:#f4f6fa;border:1px solid #ccc;border-radius:5px}.trigger-email-alert .email-bcc .bcc-input::placeholder{color:#999;font-style:italic}.trigger-email-alert .email-subject{width:100%;display:flex;flex-direction:column;gap:10px}.trigger-email-alert .email-subject .subject-input{width:100%;height:40px;padding:10px 15px;font-size:14px;color:#333;background-color:#f4f6fa;border:1px solid #ccc;border-radius:5px}.trigger-email-alert .email-subject .subject-input::placeholder{color:#999;font-style:italic}.trigger-email-alert .email-content{width:100%;display:flex;flex-direction:column;gap:10px}
