:root{--theme-color: #007078;--secondary-color: #36367f;--background: #ffffff;--text-color: #000000;--card-background: #f8f8f8;--secondary-text-color: #ffffff;--sidebar-bg: #f8f8f8;--background-secondary: #f0f0f0}html[data-theme=dark]{--background: #070809;--card-background: #121517;--text-color: #ffffff;--sidebar-bg: #121517;--background-secondary: #1f1f1f}html,body{margin:0;background-color:var(--background);color:var(--text-color);font-family:Poppins,sans-serif}.text-accent{color:var(--theme-color)}.text-secondary-accent{color:var(--secondary-color)}.text-standard-color,.text-primary-color{color:var(--text-color)}.text-secondary-color{color:var(--secondary-text-color)}.bg-color-background{background-color:var(--background)}.bg-color-secondary-background{background-color:var(--background-secondary)}.bg-color-primary{background-color:var(--theme-color)}.bg-color-primary-opaque{background-color:color-mix(in srgb,var(--theme-color) 30%,transparent)}.bg-kira-color{background-color:#007078}.bg-color-secondary{background-color:var(--secondary-color)}.ring-color-primary{--tw-ring-color: var(--theme-color)}.border-color-primary{border-color:var(--theme-color)}.ring-color-secondary{--tw-ring-color: var(--secondary-color)}.card-background{background-color:var(--card-background)}.chart-card,.grid-background{background-color:#121517}.grid-header-background{background-color:#202427}.rotating-logo{animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dragging{background-size:20px 20px;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px)}.notification-button{position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--theme-color);display:flex;align-items:center;justify-content:center;cursor:pointer}.notification-border{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:59px;width:59px;border:1px solid red!important;animation:bord-pop 3s .7s ease-in-out infinite;animation-iteration-count:infinite;box-shadow:2px 2px 5px #8b0000,-2px -2px 5px #c71585}.notification-count{position:absolute;bottom:0;left:0;transform:translate(-50%,25%);background-color:#c71585;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:999}.notification-button-animated{animation:ring 3s .7s ease-in-out infinite;transform-origin:50% 4px}@keyframes bord-pop{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-50%) scale(1.9);opacity:.1}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.spinner,.loader{border:2px solid var(--theme-color);border-top:2px solid transparent;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}