:root{--sidebar-width:80px;--header-height:3.5rem}.super-layout{grid-template-areas:"side head""side main";grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--header-height)1fr;gap:6px 0;width:100vw;height:100vh;display:grid}.super-sidebar{z-index:25;grid-area:side;height:100vh}.super-header{z-index:15;grid-area:head;height:3.5rem}.super-header-mobile{grid-area:headMobile;display:none}.super-content{z-index:18;width:calc(100vw - var(--sidebar-width));height:calc(100vh - var(--header-height));grid-area:main;padding:0 30px}@media screen and (max-width:768px){.super-layout{grid-template:"headMobile"1fr"main"/1fr}.super-sidebar,.super-header{display:none}.super-header-mobile{display:block}.super-content{width:100vw}}.company-layout{grid-template-areas:"side head""side main";grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--header-height)1fr;width:100vw;height:100vh;display:grid}.company-sidebar{z-index:10;grid-area:side;height:100vh}.company-header{grid-area:head;height:100px;padding:0 30px}.company-header-mobile{grid-area:headMobile;display:none}.company-content{z-index:8;width:calc(100vw - var(--sidebar-width));height:calc(100vh - var(--header-height));grid-area:main;padding:0 30px}@media screen and (max-width:768px){.company-layout{grid-template:"headMobile"1fr"main"/1fr}.company-sidebar,.company-header{display:none}.company-header-mobile{display:block}.company-content{width:100vw}}.user-layout{grid-template-areas:"side head""side main";grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--header-height)1fr;width:100vw;height:100vh;display:grid}.user-sidebar{z-index:10;grid-area:side;height:100vh}.user-header{grid-area:head;height:100px;padding:0 30px}.user-header-mobile{grid-area:headMobile;display:none}.user-content{z-index:8;width:calc(100vw - var(--sidebar-width));height:calc(100vh - var(--header-height));grid-area:main;padding:0 30px}@media screen and (max-width:768px){.user-layout{grid-template:"headMobile"1fr"main"/1fr}.user-sidebar,.user-header{display:none}.user-header-mobile{display:block}.user-content{width:100vw}}
.balance-bar-container{background-color:rgba(164,164,164,.16);border-radius:.375rem}
.graph-card{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity,1));transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.ql-container{min-height:200px;max-height:500px;overflow-y:auto}.ql-editor{min-height:200px;padding:12px;font-size:16px}.ql-toolbar{background:#f8f9fa;border-radius:8px 8px 0 0}.ql-container{border:1px solid #ddd;border-radius:0 0 8px 8px}