:root{--primary-color: #00B2AD;--primary-color-darker: #07cfc9}body{font-family:Arial,Helvetica,sans-serif;margin:0}.flex{display:flex}.col{display:flex;flex-direction:column}.align-center{align-items:center}.align-end{align-items:end}.align-self-center{align-self:center}.align-self-start{align-self:start}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.gap-50{gap:50px}.gap-30{gap:30px}.gap-15{gap:15px}.gap-10{gap:10px}.gap-150{gap:150px}.p-10{padding:10px}.fs-15{font-size:15px}.border-box{box-sizing:border-box}.container{display:flex;min-height:100vh;max-width:100vw}.sidebar{flex:0 0 200px}.body-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:18px;margin-left:60px;transition:margin-left .3s ease;max-width:calc(100% - 60px)}@media (max-width: 768px){.body-content{align-items:start;margin-left:0;margin-top:1rem;max-width:100%;overflow-x:auto}}button{padding:10px 20px;font-size:16px;cursor:pointer}table{width:100%;border-collapse:collapse}table th,table td{padding:10px;border:1px solid #ddd;text-align:left}.cursor-pointer{cursor:pointer}.body-content>div{width:95%}@media (max-width: 768px){.body-content>div{width:100%}}.m-top-20{margin-top:20px}.m-top-50{margin-top:50px}.m-left-auto{margin-left:auto}.w-170{width:170px}.w-200{width:200px}.w-100{width:100px}.w-40-per{width:40%!important}.w-100-per{width:100%!important}.four-col-two-row{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:16px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.add-button{padding:16px;width:40px;height:40px;background-color:var(--primary-color);border:none;border-radius:10px;display:flex;justify-content:center;align-items:center}.add-button:hover{background-color:var(--primary-color-darker)}.add-button:active{transform:scale(.8)}.add-button:not(:active){transition:transform .1s ease-out}.add-button-extended{width:fit-content;color:#fff}.add-button-extended .separator{border-left:2px solid rgba(255,255,255,.3);height:24px;margin:0 16px}.add-button-extended img,.add-button img{width:15px;height:15px;object-fit:contain;filter:invert(1) sepia(1) saturate(5) hue-rotate(180deg)}.select{min-width:250px;border:1px solid #ccc;border-radius:4px}.select:hover{border-color:var(--primary-color)}.select:focus{outline-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.styled-input{width:100%;max-width:200px;padding:5px 15px;font-size:16px;line-height:24px;border:1px solid #ccc;border-radius:4px;outline:none;background-color:#fff;color:#333;transition:border-color .2s,box-shadow .2s;margin-right:10px}.styled-input:hover{border-color:var(--primary-color)}.styled-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.styled-input::placeholder{color:#999;opacity:1}.form-group{border-style:dotted;border-color:#3b3b3b33;padding:20px;margin:1rem 0px;box-sizing:border-box}.form-group-label{font-weight:400;text-shadow:1px 1px 2px #26262636;margin:0 0 10px}.row{display:flex;flex-direction:row;align-items:center;gap:20px}.column{display:flex;flex-direction:column}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#b0b0b0}:root{--sidebar-width: 50px;--sidebar-expanded-width: 250px;--divisor-height: 2px;--divisor-margin: 4px;--title-height: 14px;--icon-width: 24px;--logo-width: 44px;--background-color: #00B2AD;--text-color-light: rgba(255, 255, 255, .7);--text-color-dark: rgba(255, 255, 255, .9);--sidebar-hover-bg: rgba(255, 255, 255, .2)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--background-color);color:#fff;transition:width .3s ease,background-color .3s ease;overflow:hidden;padding:6px;z-index:1200}.sidebar.expanded{width:var(--sidebar-expanded-width);overflow-y:auto}.logo{width:var(--logo-width);height:auto;margin:16px 0;transition:transform .3s ease;transform:translate(calc((var(--sidebar-width) - var(--logo-width)) / 2))}.sidebar.expanded .logo{transform:translate(calc((var(--sidebar-expanded-width) - var(--logo-width)) / 2))}.sidebar-section{display:flex;flex-direction:column}.sidebar-title{color:var(--text-color-dark);font-size:var(--title-height);font-weight:700;margin:5px 16px;white-space:nowrap;transition:opacity .6s ease,height .3s ease}.sidebar-divisor{border-bottom:var(--divisor-height) solid rgba(255,255,255,.5);margin:calc((var(--title-height) + var(--divisor-height)) / 2 + var(--divisor-margin)) 4px;transition:opacity .3s ease,height .3s ease}.hidden{border:none;margin:0;padding:0;opacity:0;height:0;overflow:hidden;transition:opacity .3s ease,height .3s ease}.sidebar-item{display:flex;align-items:center;gap:4px;color:var(--text-color-light);margin:9px 0;padding:5px 0;text-decoration:none;width:100%;box-sizing:border-box;transition:background-color .3s ease}.sidebar-item:hover,.sidebar-item.active{color:#fff;border-radius:4px;background-color:var(--sidebar-hover-bg);cursor:pointer}.sidebar-item-icon{color:inherit;text-decoration:none;padding:8px calc((var(--sidebar-width) - var(--icon-width)) / 2);font-size:var(--icon-width);height:1em;width:1em;transition:color .3s ease}.sidebar-item-icon-container{width:50px;height:auto}.sidebar-item-name{color:inherit;font-size:14px;padding:8px 0;white-space:nowrap;transition:opacity .3s ease,margin .3s ease}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:4px}.sidebar::-webkit-scrollbar-track{background-color:var(--background-color)}@media (max-width: 800px){.sidebar{position:fixed;display:flex;top:0;left:0;width:100%;height:auto;flex-direction:row;overflow-x:auto;margin:0;gap:8px}.sidebar.expanded{width:100%}.logo{display:none}.sidebar-item{padding:5px;align-items:center;justify-content:center;width:auto;margin:0}.sidebar-item-icon{font-size:16px;padding:2px}.sidebar-item-icon-container{width:auto}.sidebar-item-name,.sidebar-title,.sidebar-divisor{display:none}.sidebar::-webkit-scrollbar{width:auto;height:5px}.sidebar-section{display:none}.sidebar:has(>:nth-child(3)) .sidebar-section{display:flex}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end}.modal-content{width:40%;height:100%;background:#fff;padding:20px;box-shadow:-2px 0 5px #0003;position:relative;display:flex;flex-direction:column;justify-content:space-between}.modal-close{position:absolute;top:10px;right:20px;font-size:24px;background:none;border:none;cursor:pointer}.modal-body{flex-grow:1;overflow-y:auto}.modal-actions{margin-bottom:50px;display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #eee}.notification{position:fixed;top:20px;right:20px;padding:20px;background-color:#4caf50;color:#fff;border-radius:2px;box-shadow:0 2px 10px #0000001a;z-index:1000;font-size:16px;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.chart-container{box-shadow:0 4px 6px #0000001a,0 1px 3px #0009;border-radius:5px;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:20px;box-sizing:border-box}