main{width:100%;min-height:100vh}aside{background:var(--maincolor);position:fixed;left:0;top:0;bottom:0;width:280px;z-index:30}.content-wrapper{width:100%;min-height:calc(100vh - 80px);padding:32px 32px 32px 312px;display:flex;flex-direction:column;gap:24px 0}aside>.aside-header{width:100%;padding:24px 24px 64px}aside>.aside-body{display:flex;flex-direction:column}.aside-body>nav>ul{padding:0;margin:0;list-style:none}.aside-body>nav>ul>li{position:relative;cursor:pointer}.aside-body>nav>ul>li>a,.aside-body>nav>ul>li>span{display:flex;align-items:center;gap:0 12px;font-weight:400;font-size:16px;line-height:1.55;color:#FFF;padding:12px 24px;cursor:pointer}.aside-body>nav>ul>li>a.active,.aside-body>nav>ul>li>span.active{background:var(--accent-green)}.aside-body>nav>ul>li>ul.menu-inner>li>a.active,.aside-body>nav>ul>li>ul.menu-inner>li>span.active{color:var(--accent-green)}.aside-body>nav>ul>li>span>span{flex:1}.aside-body>nav>ul>li>span>svg{transform-origin:center}.aside-body>nav>ul>li.expand>span>svg{transform:rotate(180deg)}.aside-body>nav>ul>li>ul.menu-inner{padding:0;margin:0;list-style:none;max-height:0;overflow:hidden;transition:all .2s linear;will-change:max-height}.aside-body>nav>ul>li.expand>ul.menu-inner{max-height:max-content}.aside-body>nav>ul>li>ul.menu-inner>li>a,.aside-body>nav>ul>li>ul.menu-inner>li>span{display:flex;align-items:center;gap:0 12px;font-weight:400;font-size:16px;line-height:1.55;color:#FFF;cursor:pointer;padding:12px 24px 12px 60px}.aside-body>nav>ul>li>ul.menu-inner>li>a:hover,.aside-body>nav>ul>li>ul.menu-inner>li>span:hover{background:#8CC63F88}header{background:#FFF;width:100%;height:80px;padding:16px 32px 16px 312px;display:flex;align-items:center;justify-content:space-between}header>h1{font-weight:700;font-size:20px;line-height:1.4}header>.user-panel{display:flex;align-items:center;gap:0 8px;cursor:pointer}.user-panel>figure{display:flex;gap:0 8px;align-items:flex-start;margin:0;padding:0}.user-panel>figure>img{width:48px;aspect-ratio:1;border-radius:50%;object-fit:cover}.user-panel>figure>figcaption{display:flex;flex-direction:column;margin:0;padding:0}.user-panel>figure>figcaption>h3{font-weight:700;font-size:14px;line-height:1.55;cursor:pointer}.user-panel>figure>figcaption>span{font-weight:400;font-size:12px;line-height:1.55;color:var(--soft-text-color);cursor:pointer}.user-panel>span{display:flex;align-items:center;justify-content:center;width:24px;aspect-ratio:1;font-size:16px;cursor:pointer}ol.breadcrumb-wrapper{width:100%;display:flex;align-items:center;gap:0 8px;padding:8px 12px;background:#FFF;border-radius:8px}ol.breadcrumb-wrapper>li{list-style:none;display:flex;gap:0 8px;align-items:center}ol.breadcrumb-wrapper>li>a,ol.breadcrumb-wrapper>li>span{color:var(--secondary-color);font-weight:400;font-size:14px;line-height:1.55}ol.breadcrumb-wrapper>li:not(:last-child):after{content:"";display:flex;width:24px;aspect-ratio:1;align-items:center;justify-content:center;background-image:url(/_next/static/media/icon-chevron-right.eec0f145.svg);background-size:contain;background-repeat:no-repeat}ol.breadcrumb-wrapper>li:last-child>a,ol.breadcrumb-wrapper>li:last-child>span{font-weight:700;color:var(--maincolor)}.base-section{padding:16px;background:#FFF;border-radius:16px}.suly-container{width:100%;align-items:center;gap:0 8px;padding:8px 12px;background:#FFF;border-radius:8px}.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;margin-top:20px}.date-picker,.filter-select,.search-input{margin:0 6px;padding:10px;border:1px solid #b3bcd5;font-size:14px;border-radius:8px;outline:none}.filter-select{width:150px}.date-picker,.search-input{width:300px}.export-button{display:flex;gap:8px;background-color:#8CC63F;color:white;font-weight:700;border:none;border-radius:8px;padding:10px 18px}.export-btn img.icon{width:16px;height:16px}.export-button:hover{background-color:#709f32}.table-container{overflow-x:auto;background-color:white;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.table-scroll{width:max-content}table{width:100%;border-collapse:collapse;font-size:14px}thead{background-color:#f3f4f6}thead th{text-align:left;padding:12px;font-weight:600;color:black}tbody td{padding:15px;border-top:1px solid #b3bcd5;color:black}.sticky-th{background:#ECEEF4}.sticky-col,.sticky-th{position:sticky;left:0;z-index:3}.sticky-col{background:#fff;box-shadow:inset -4px 0 6px rgba(0,0,0,.1)}.pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.page-btn{border:1px solid #d1d5db;background:white;padding:7px 18px;border-radius:5px;cursor:pointer}.page-btn.active,.page-btn.next{background:#8cc63f;color:white;border:1px solid #8cc63f}.page-btn.active:hover,.page-btn.next:hover{background:#6e9c32}.page-btn:hover{background:#e5e7eb}.page-btn:disabled{opacity:.5;cursor:not-allowed}