:root{--sidebar-width:245px;--topbar-height:64px;--pln-teal:#06a7a8;--pln-teal-dark:#078b91}.app-shell{margin:0;overflow-x:hidden;background:#f8fafb;color:#111827}.app-shell *{box-sizing:border-box}.app-shell #app{min-height:100vh}.app-shell .app-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-width)!important;height:100vh!important;z-index:1100;overflow:hidden;background:linear-gradient(180deg,#08aaa9,#07969e)!important;color:#fff}.app-shell .app-sidebar .sidebar-wrapper{position:static!important;left:auto!important;width:100%!important;height:100%!important;display:flex;flex-direction:column;padding:17px 15px 15px;overflow:hidden;background:transparent!important;box-shadow:none!important}.sidebar-brand{display:flex;align-items:center;gap:12px;min-width:0;padding:0 10px;color:#fff;text-decoration:none}.sidebar-brand img{width:41px;height:41px;flex:none;border-radius:3px;object-fit:cover}.sidebar-brand span{overflow:hidden;font-size:25px;font-weight:700;letter-spacing:2px;text-overflow:ellipsis;white-space:nowrap}.sidebar-product{display:flex;flex-direction:column;min-width:0;padding:12px 10px}.sidebar-product strong{font-size:22px;line-height:1.2}.sidebar-product span{font-size:14px}.sidebar-search{height:42px;flex:none;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 12px;border:1px solid rgba(255,255,255,.45);border-radius:8px}.sidebar-search i{flex:none;font-size:18px}.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.sidebar-search input::placeholder{color:rgba(255,255,255,.9)}.app-shell .app-sidebar .sidebar-menu{min-height:0;flex:1 1 auto;margin:0 -5px;padding:0 5px;overflow-x:hidden;overflow-y:auto}.app-shell .app-sidebar .menu{margin:0!important;padding:0!important;list-style:none}.app-shell .app-sidebar .sidebar-title{margin:0!important;padding:14px 12px 7px!important;color:#fff!important;font-size:12px!important;font-weight:700;line-height:1.3;text-transform:uppercase}.app-shell .app-sidebar .sidebar-item{margin:2px 0!important}.app-shell .app-sidebar .sidebar-item a,.sidebar-session-action{width:100%;min-width:0;height:43px;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#fff!important;font-size:14px;font-weight:500;line-height:1.2;text-align:left;text-decoration:none}.app-shell .app-sidebar .sidebar-item a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .app-sidebar .sidebar-item i,.sidebar-session-action i{width:23px;flex:none;font-size:20px;text-align:center}.app-shell .app-sidebar .sidebar-item.active a{position:relative;background:rgba(255,255,255,.14)!important}.app-shell .app-sidebar .sidebar-item.active a::before{position:absolute;left:-8px;width:4px;height:43px;border-radius:0 4px 4px 0;background:#ffd740;content:""}.app-shell .app-sidebar .sidebar-item a:hover,.sidebar-session-action:hover{background:rgba(255,255,255,.12)}.sidebar-period{min-width:0;flex:none;display:flex;align-items:flex-start;gap:10px;margin:13px 3px 6px;padding:13px;border:1px solid rgba(255,255,255,.38);border-radius:8px}.sidebar-period i{flex:none;font-size:20px}.sidebar-period div{min-width:0;display:flex;flex-direction:column;gap:5px}.sidebar-period strong,.sidebar-period span{overflow-wrap:anywhere}.sidebar-period strong{font-size:12px}.sidebar-period span{font-size:11px}.sidebar-session-action{height:36px;flex:none;font-size:12px}.app-shell #main.app-main{width:auto;min-width:0;min-height:100vh;display:flex;flex-direction:column;margin-left:var(--sidebar-width)!important;padding:0!important;background:#f8fafb}.app-topbar{position:sticky;top:0;z-index:1000;width:100%;min-width:0;min-height:var(--topbar-height);display:flex;align-items:center;gap:20px;padding:10px 26px 10px 34px;border-bottom:1px solid #e4e8ec;background:#fff}.burger-btn{flex:none;color:var(--pln-teal-dark);font-size:24px;line-height:1;text-decoration:none}.app-breadcrumb{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:13px;overflow:hidden;font-size:14px;white-space:nowrap}.app-breadcrumb a{flex:none;color:#059da2;font-weight:700;text-decoration:none}.app-breadcrumb span{overflow:hidden;color:#9aa3b1;text-overflow:ellipsis}.app-topbar-actions{min-width:0;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:12px}.topbar-icon{flex:none;padding:5px;border:0;background:transparent;color:#4f5c70;font-size:20px}.notification-icon{position:relative}.notification-icon::after{position:absolute;top:4px;right:4px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#078da0;content:""}.topbar-user-avatar{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:50%;background:#078da0;color:#fff;font-size:22px}.topbar-user-copy{min-width:0;max-width:180px;display:flex;flex-direction:column}.topbar-user-copy strong,.topbar-user-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-copy strong{font-size:13px}.topbar-user-copy span{color:#748094;font-size:12px}.topbar-chevron{flex:none;color:#5c6878;font-size:11px}.report-export-button{height:36px;flex:none;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;border-radius:7px;background:#059fa4;color:#fff;font-size:12px;line-height:1;text-decoration:none;white-space:nowrap}.app-content{width:100%;max-width:1700px;min-width:0;flex:1 1 auto;margin:0 auto;padding:20px 30px 60px}.footer,.floating-cup{display:none!important}.bg-grey{background:#ebeaea!important}.ql-container{height:50%!important}.title-border{width:100%;margin-bottom:30px;border-bottom:2px solid #ebeaea}@media(max-width:1399px){.topbar-user-copy{max-width:130px}}@media(max-width:1199px){.app-shell .app-sidebar{transform:translateX(-100%);transition:transform .2s ease}.app-shell .app-sidebar.active{transform:translateX(0)}.app-shell #main.app-main{margin-left:0!important}.app-topbar{padding-left:16px}}@media(max-width:991px){.app-topbar{gap:12px;padding-right:16px}.topbar-icon{display:none}.topbar-user-copy{max-width:115px}.report-export-button span{display:none}.report-export-button{width:36px;padding:0}}@media(max-width:767px){.app-topbar{min-height:58px;padding:9px 13px}.app-breadcrumb{gap:7px;font-size:13px}.app-breadcrumb span:last-child,.topbar-user-copy,.topbar-chevron{display:none}.app-topbar-actions{gap:8px}.topbar-user-avatar{width:34px;height:34px;font-size:19px}.app-content{padding:18px 14px 45px}}@media(max-width:420px){.app-breadcrumb span:not(:last-child){display:none}.report-export-button{width:34px;height:34px}}
@media(max-width:1199px){.burger-btn{display:block!important}}
.app-shell .bi{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.app-shell .burger-btn i,.app-shell .topbar-icon i,.app-shell .topbar-user-avatar i,.app-shell .report-export-button i{width:1em;height:1em;line-height:1}.app-shell .app-sidebar .sidebar-item i,.app-shell .sidebar-session-action i,.app-shell .sidebar-search i{display:inline-flex;align-items:center;justify-content:center;line-height:1}.app-shell .topbar-chevron{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}
@media(max-width:767px){.app-shell .topbar-chevron{display:none}}
.app-shell .app-sidebar .sidebar-title{text-transform:none}.app-shell .app-sidebar .sidebar-logout-title{padding-top:8px}
.app-shell .app-sidebar .sidebar-menu{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.app-shell .app-sidebar .sidebar-menu::-webkit-scrollbar{width:4px}.app-shell .app-sidebar .sidebar-menu::-webkit-scrollbar-track{background:transparent}.app-shell .app-sidebar .sidebar-menu::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.3)}.app-shell .app-sidebar .sidebar-menu:hover{scrollbar-color:rgba(255,255,255,.5) transparent}.app-shell .app-sidebar .sidebar-menu:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5)}