body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page,#f4f2fb);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-overlay{background:var(--loading-overlay-bg);z-index:1000;border-radius:var(--radius-xs);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-overlay-icon{animation:1s linear infinite loading-spin;display:flex}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{text-align:center;color:#374151;padding:40px}.error-boundary-message{margin-bottom:16px}.error-boundary-retry{cursor:pointer;border-radius:var(--radius-xs);border:1px solid #d1d5db;padding:8px 16px}:root{--sidebar-width:290px}@media (max-width:1440px){:root{--sidebar-width:260px}}@media (max-width:1280px){:root{--sidebar-width:240px}}@media (max-width:1024px){:root{--sidebar-width:220px}}@keyframes swing{0%{transform:rotate(0)}10%{transform:rotate(10deg)}30%{transform:rotate(0)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}60%{transform:rotate(5deg)}70%{transform:rotate(0)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes sonar{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(2)}}body{font-size:var(--font-size-md)}.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.page-wrapper .page-content,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-menu ul li a,#show-sidebar,#close-sidebar{-o-transition:all .3s ease;transition:all .3s}.page-wrapper{height:100vh}.page-wrapper .theme{border-radius:var(--radius-xs);width:40px;height:40px;margin:2px;display:inline-block}.page-wrapper .theme.chiller-theme{background:#000}.page-wrapper.toggled .sidebar-wrapper{left:0}@media screen and (min-width:768px){.page-wrapper.toggled .page-content{padding-left:200px}}@media (max-width:768px){.sidebar-wrapper{width:280px;left:-280px}.page-wrapper.toggled .sidebar-wrapper{left:0;box-shadow:4px 0 24px #00000040}#show-sidebar{width:28px;height:56px}.page-wrapper.toggled #show-sidebar{left:280px}}#show-sidebar{background:var(--sidebar-bg);color:#6d45d6;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;width:24px;height:48px;font-size:var(--font-size-xs);z-index:1005;border:1px solid #00000014;border-left:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:40px;left:0;box-shadow:2px 0 8px #0000001f}#show-sidebar:hover{background:linear-gradient(#6d45d624, #6d45d624), var(--sidebar-bg)}#show-sidebar:focus-visible{outline-offset:2px;outline:2px solid #6d45d6}.page-wrapper.toggled #show-sidebar{left:var(--sidebar-width)}@media (prefers-reduced-motion:reduce){#show-sidebar{transition:none}}.sidebar-wrapper{width:var(--sidebar-width);height:100%;top:0;left:calc(var(--sidebar-width) * -1);z-index:1000;background:var(--sidebar-bg);flex-direction:column;height:100vh;padding:0;transition:left .3s;display:flex;position:fixed;overflow:hidden}.sidebar-wrapper ul{margin:0;padding:0;list-style-type:none}.sidebar-wrapper a{text-decoration:none}.sidebar-content{height:calc(100% - 30px);max-height:calc(100% - 30px);overflow:hidden auto}.sidebar-content.desktop{overflow-y:hidden}.sidebar-brand{background:var(--bg-header);justify-content:space-between;align-items:center;display:flex}.brand-link{color:inherit;align-items:center;text-decoration:none;display:flex}.brand-text{flex-direction:column;margin-left:15px;display:flex}.main-title{font-weight:700;font-size:var(--font-size-xl);color:var(--sidebar-brand-text);margin-bottom:3px}.sub-title{font-size:var(--font-size-xs);color:var(--sidebar-brand-text)}.sidebar-wrapper .sidebar-brand{align-items:center;padding:32px 20px;display:flex}.sidebar-wrapper .sidebar-brand>a{flex-grow:1;font-weight:700}.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:var(--font-size-xl)}.sidebar-header{align-items:center;padding:10px 15px;display:flex}.sidebar-wrapper .sidebar-header{cursor:default}.sidebar-wrapper .sidebar-header .sidebar-header-clickable,.sidebar-wrapper .sidebar-header .sidebar-header-clickable *{cursor:pointer}.sidebar-header-clickable{border-radius:var(--radius-md);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:3px;transition:background .16s,transform .12s,box-shadow .16s;display:flex}.sidebar-header-clickable:hover,.sidebar-header-clickable:focus{box-shadow:var(--shadow-2);background:#0000000a;transform:translateY(-1px)}.sidebar-header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sidebar-header-icons{flex-shrink:0;justify-content:center;align-items:center;min-width:36px;display:flex}.notification-wrapper{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.circle-avatar{border-radius:var(--radius-round);background:var(--bg-header);color:#fff;width:45px;height:45px;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}.brand-pic{border-radius:var(--radius-lg);color:#6d45d6;background:linear-gradient(145deg,#fff,#f3effc);justify-content:center;align-items:center;width:52px;height:52px;margin-left:6px;font-size:30px;display:flex;box-shadow:0 4px 12px #6d45d64d}.brand-pic img{object-fit:cover;width:100%;height:100%}.sidebar-wrapper .sidebar-header .user-pic{float:left;border-radius:var(--radius-lg);width:60px;margin-right:15px;overflow:hidden}.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;width:100%;height:100%}.sidebar-wrapper .sidebar-header .user-info{flex:1;min-width:0;overflow:hidden}.sidebar-wrapper .sidebar-header .user-info>span{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-wrapper .sidebar-header .user-info .user-name{white-space:nowrap}.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:var(--font-size-xs);white-space:nowrap}.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:var(--font-size-xs);margin-top:4px}.sidebar-wrapper .sidebar-header .user-info .user-status i{color:#5cb85c;margin-right:4px;font-size:8px}.sidebar-wrapper .sidebar-search>div{padding:10px 20px}.sidebar-wrapper .sidebar-menu{padding-bottom:10px}.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:var(--font-size-md);padding:15px 20px 5px;display:inline-block}.sidebar-wrapper .sidebar-menu ul li a{width:100%;padding:8px 20px;text-decoration:none;display:inline-block;position:relative}.sidebar-wrapper .sidebar-menu ul li a i{font-size:var(--font-size-xs);text-align:center;border-radius:var(--radius-xs);width:30px;height:30px;margin-right:10px;line-height:30px}.sidebar-wrapper .sidebar-menu ul li a:hover>i:before{animation:.5s ease-in-out alternate swing;display:inline-block}.sidebar-wrapper .sidebar-dropdown>a{padding-right:40px;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a{justify-content:space-between;align-items:center;padding-right:16px;display:flex;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{content:"";align-items:center;margin-left:auto;margin-right:60px;font-family:"Font Awesome 5 Free";font-weight:900;transition:transform .3s;display:inline-flex}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{font-size:var(--font-size-sm);padding-left:50px;padding-right:18px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"";text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-family:"Font Awesome 5 Free";font-size:8px;font-style:normal;font-weight:400;text-decoration:none;display:inline-block}.sidebar-dropdown{position:relative}.sidebar-dropdown>a,.sidebar-dropdown>a>span,.sidebar-dropdown>a>i{display:inline-block}.sidebar-dropdown .arrow{transform-origin:50%;transition:transform .3s;position:absolute;top:50%;right:5rem;transform:translateY(-50%)rotate(0)}.sidebar-dropdown>a{align-items:center;display:flex}.arrow{margin-left:auto;transition:transform .3s}.sidebar-dropdown.active .arrow{transform:rotate(90deg)}.sidebar-dropdown>a,.sidebar-submenu li>a{width:100%;color:var(--text-primary);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;padding:.5rem 1rem;text-decoration:none;transition:background .2s;display:flex}.sidebar-submenu li>a.selected:hover,.sidebar-dropdown>a:hover,.sidebar-submenu li>a:hover{background:var(--bg-hover)}.sidebar-dropdown.selected>a,.sidebar-submenu li>a.selected{background:var(--bg-active)}.sidebar-wrapper .sidebar-menu ul li a span.label,.sidebar-wrapper .sidebar-menu ul li a span.badge{float:right;margin-top:8px;margin-left:5px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{right:17px;transform:rotate(90deg)}.badge-sonar{border-radius:var(--radius-round);background:#980303;width:8px;height:8px;display:inline-block;position:absolute;top:0}.badge-sonar:after{content:"";opacity:0;border-radius:var(--radius-round);border:2px solid #980303;width:100%;height:100%;animation:1.5s infinite sonar;position:absolute;top:0;left:0}.page-content{background-color:#f0f2f5;width:100%;min-height:100vh;padding-left:0;transition:padding-left .3s;position:relative;overflow-x:hidden}.page-wrapper .page-content{width:100%;padding-top:20px;padding-left:0;display:inline-block}.page-wrapper .page-content>div{padding:20px 40px}.page-wrapper .page-content{overflow-x:hidden}::-webkit-scrollbar{width:5px;height:7px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#525965}::-webkit-scrollbar-thumb:active{background:#525965}::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:0 0;border:0 #fff}::-webkit-scrollbar-track:hover{background:0 0}::-webkit-scrollbar-track:active{background:0 0}::-webkit-scrollbar-corner{background:0 0}.sidebar.reserve-scrollbar{padding-right:var(--scrollbar-w,16px);box-sizing:border-box}.chiller-theme .sidebar-wrapper{background:var(--sidebar-bg)}.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-search,.chiller-theme .sidebar-wrapper .sidebar-menu{border-top:1px solid var(--border-divider)}.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{box-shadow:none;border-color:#0000}.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-footer>a{color:var(--text-primary)}.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-footer>a:hover i{color:var(--text-secondary)}.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#fff}.chiller-theme .sidebar-wrapper ul li:hover a i,.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i{color:#16c7ff;text-shadow:0 0 10px #16c7ff80}.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{background:var(--bg-dropdown)}.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}.chiller-theme .sidebar-footer>a:first-child{border-left:none}.chiller-theme .sidebar-footer>a:last-child{border-right:none}.layout-container.sidebar-open .page-container{margin-left:var(--sidebar-width);transition:margin-left .3s}.layout-container.sidebar-closed .page-container{margin-left:0;transition:margin-left .3s}.sidebar-wrapper.collapsed{width:0!important}.sidebar-wrapper.open{width:var(--sidebar-width)!important}.sidebar-menu li.active>a{background:var(--bg-active);border-radius:var(--radius-md);font-weight:700;color:var(--text-primary)!important}.sidebar-submenu li.active>a{background:var(--bg-active);font-weight:600;color:var(--accent-text)!important}.sidebar-dropdown>a{background:0 0}.sidebar-dropdown.open>.sidebar-submenu{display:block}.default-dot{text-align:center;width:10px;font-size:var(--font-size-xs);display:inline-block}.menu-link{align-items:center;gap:15px;text-decoration:none;display:flex;position:relative;padding:.5rem 15px!important}.menu-link i{text-align:center;width:20px}.menu-link .arrow{justify-content:center;align-items:center;transition:transform .25s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(0)}.menu-link .arrow.open{transform:translate(-12%)translateY(-33%)rotate(90deg)}.sidebar .sidebar-dropdown{margin:12px 0}.sidebar .menu-link{align-items:center;margin:0 18px;padding:10px 14px;display:flex;width:calc(100% - 20px)!important}html.dark .sidebar-wrapper{color:var(--text-primary)}html.dark .brand-pic{background:var(--sidebar-menu);color:#fff;box-shadow:var(--shadow-2)}html.dark .circle-avatar{background:var(--sidebar-menu);box-shadow:0 0 0 2px var(--border-divider)}.sidebar-agent{align-items:center;gap:8px;padding:10px 15px;display:flex}.sidebar-agent-logo{flex-shrink:0}.sidebar-agent-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-agent-name{font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:600;overflow:hidden}.sidebar-agent-wrap{padding:6px 10px;position:relative}.sidebar-agent-trigger{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;padding:8px 10px;transition:background .2s,border-color .2s,box-shadow .2s}.sidebar-agent-trigger:hover{background:var(--bg-hover)}:is(.sidebar-agent-trigger:focus-visible,.sidebar-agent-trigger.open){border-color:var(--border-focus);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.sidebar-agent-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s;display:flex}.sidebar-agent-trigger.open .sidebar-agent-chevron{transform:rotate(180deg)}.sidebar-agent-menu{z-index:20;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-dropdown);max-height:260px;box-shadow:var(--shadow-2);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% - 2px);left:10px;right:10px;overflow-y:auto}.sidebar-agent-option{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.sidebar-agent-option.active{background:var(--bg-hover)}.sidebar-agent-option.selected{background:var(--bg-active);font-weight:600}.sidebar-agent-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-md);flex:1;overflow:hidden}.sidebar-agent-check{color:var(--accent-primary);flex-shrink:0;font-weight:700}.sidebar-agent-option .circle-avatar{width:28px;height:28px;font-size:var(--font-size-xs)}.sidebar-agent-rate{font-size:var(--font-size-xs);opacity:.7}.sidebar-header-panel-notification-badge{color:#fff;border-radius:var(--radius-pill);min-width:12px;height:22px;font-size:var(--font-size-xs);pointer-events:none;background:#e74c3c;border:2px solid #fff;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:flex;position:absolute;top:-10px;left:12px}.sidebar-header-panel-modal-overlay{z-index:1200;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sidebar-header-panel-modal{border-radius:var(--radius-md);width:360px;max-width:calc(100% - 32px);box-shadow:var(--shadow-2);background:#fff;padding:16px;position:relative}.sidebar-header-panel-modal-close{font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:none;position:absolute;top:6px;right:8px}.sidebar-header-panel-modal-body{padding-top:8px}.sidebar-wrapper .sidebar-header:focus{outline-offset:2px;outline:2px solid #1b86ff40}@media (max-width:640px){.sidebar-header-panel-modal{width:92%}}.toggle-switch{width:46px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{cursor:pointer;border-radius:var(--radius-pill);background-color:#ccc;transition:all .3s;position:absolute;inset:0}.toggle-switch-slider:before{content:"";border-radius:var(--radius-round);background-color:#fff;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-switch-slider{background-color:var(--accent-primary,#6d45d6)}input:checked+.toggle-switch-slider:before{transform:translate(22px)}.toggle-switch input:focus-visible+.toggle-switch-slider{box-shadow:var(--focus-ring)}html.dark .toggle-switch input:not(:checked)+.toggle-switch-slider{background-color:#4b5563}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:auto;padding:16px;display:flex}.language-section{width:100%;position:relative}.language-selector{border-radius:var(--radius-md);cursor:pointer;border:1px solid #ccc;justify-content:space-between;align-items:center;padding:12px;display:flex}.theme-info{align-items:center;gap:8px;display:flex}.language-dropdown{border-radius:var(--radius-md);background:#fff;border:1px solid #ccc;margin-top:5px;overflow:hidden}.arrow.open{transition:transform .2s;transform:rotate(90deg)}.language-dropdown{background:var(--sidebar-bg);border-radius:var(--radius-sm);border:1px solid #ccc;margin-top:6px;overflow:hidden}.language-option{cursor:pointer;padding:10px 14px;transition:background .2s}.language-option:hover{background:#0000000d}.language-selector .open{transform:rotate(90deg)}.language-arrow{width:18px;height:18px}.theme-label{font-size:var(--font-size-md);color:var(--text-primary);padding:0 6px}.logout-btn{cursor:pointer;border-radius:var(--radius-lg);border:1px solid #ccc;justify-content:center;align-items:center;gap:10px;width:95%;margin:0 5px;padding:12px 0;transition:background .2s;display:flex}.logout-btn svg{width:20px;height:20px}.logout-btn span{font-size:var(--font-size-md)}.language-selector,.theme-toggle{cursor:pointer;border-radius:var(--radius-lg);border:1px solid #ccc;justify-content:space-between;align-items:center;margin:0 5px;padding:12px;transition:background .2s;display:flex}.language-selector:hover,.theme-toggle:hover,.logout-btn:hover{background:var(--hover-bg)}html.dark .language-selector,html.dark .theme-toggle,html.dark .logout-btn{border-color:var(--border-divider)}html.dark .language-selector:hover,html.dark .theme-toggle:hover,html.dark .logout-btn:hover{background:var(--bg-hover)}.lang-popup-container{z-index:9999}.lang-popup{border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-2);font-size:var(--font-size-md);background:#fff;border:1px solid #0000000f;overflow:hidden}.lang-popup-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:600;display:flex}.lang-popup-close{font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none}.lang-popup-list{margin:0;padding:6px 0;list-style:none}.lang-popup-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lang-popup-item:hover{background:#f7f7f7}.lang-popup-item.active{background:#f0f8ff;font-weight:600}.lang-popup-checked{color:var(--accent-text);margin-left:8px}html.dark .lang-popup{background:var(--bg-dropdown);color:var(--text-primary);border-color:var(--border-divider);box-shadow:var(--shadow-2)}html.dark .lang-popup-header{border-bottom-color:var(--border-divider)}html.dark .lang-popup-close{color:var(--text-primary)}html.dark .lang-popup-item:hover,html.dark .lang-popup-item.active{background:var(--bg-secondary)}.maintenance-page{z-index:9999;text-align:center;background:var(--bg-primary,#fff);color:var(--text-primary,#111);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.maintenance-title{font-size:28px;font-weight:700}.maintenance-message{color:var(--text-secondary,#666)}.maintenance-reload{border-radius:var(--radius-md);background:var(--accent-solid);color:#fff;cursor:pointer;border:none;padding:8px 24px}.btn-secondary,.btn-primary{border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:1px solid #0000;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);color:var(--hover-text)}.btn-primary{background:var(--accent-fill);color:var(--btn-text-color);border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:disabled,.btn-primary:disabled,.btn-danger:disabled,.btn-danger-dark:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:disabled:hover{background:var(--bg-secondary)}.btn-primary:disabled:hover{background:var(--accent-fill)}.btn-danger:disabled:hover{background-color:var(--action-danger-bg)}.btn-danger-dark:disabled:hover{background-color:var(--action-danger-strong-bg)}.btn-upload{background:var(--accent-fill);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;border:none;margin-top:8px;padding:10px 20px;font-weight:500;transition:all .3s}.btn-upload:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-upload:disabled{background:var(--border-divider);cursor:not-allowed;opacity:.6}.btn-danger{background-color:var(--action-danger-bg);color:var(--action-danger-text);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s,filter .2s}.btn-danger-dark{background-color:var(--action-danger-strong-bg);color:var(--action-danger-text);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s,filter .2s}.btn-danger-dark:hover,.btn-danger:hover{filter:brightness(.88)}.text-danger{font-weight:600;color:var(--text-danger)!important}.text-success{font-weight:600;color:var(--text-success)!important}.text-warning{font-weight:600;color:var(--text-warning)!important}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Main{flex-direction:column;min-height:100vh;display:flex}.layout-container{width:100%;min-height:100vh;display:flex}.page-container{margin-left:var(--sidebar-width,290px);background:var(--bg-page);flex-grow:1;padding:0;overflow-y:auto}.page{background:var(--bg-page);min-height:100vh;color:var(--text-primary);width:100%;max-width:var(--max-width);box-sizing:border-box;flex-direction:column;flex:1;gap:30px;margin:0 auto;padding:2rem 3rem;display:flex;position:relative;overflow-x:hidden}.permission-message{text-align:center;padding:20px}:root{--bg-page:#f4f2fb;--loading-overlay-bg:#ffffffb3;--bg-header:linear-gradient(135deg, #6d45d6, #845eed);--bg-dropdown:#fff;--bg-secondary:#fff;--bg-active:#6d45d624;--bg-hover:#6d45d612;--text-primary:#2d2a55;--text-secondary:#6b6889;--hover-bg:#f3f4f6;--hover-text:#111827;--accent:linear-gradient(135deg, #6d45d6, #9a7cf0);--accent-light:linear-gradient(135deg, #c9b9f5, #d3c6f7);--shadow:0 1px 3px #00000014;--shadow-1:var(--shadow);--shadow-2:0 4px 12px #0000001a;--shadow-3:0 20px 60px #0000002e;--focus-ring:0 0 0 3px #5a35c259;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-round:50%;--card-bg:#fff;--logo-text:#1e40af;--control-border:#00000014;--control-bg:#fffffffa;--control-shadow:none;--control-hover:#0000000a;--control-text:#111;--chart-height:300px;--max-width:1920px;--border-color:#e5e7eb;--border-divider:#e9ecf0;--border-secondary:#dcd6f1;--border-focus:#6d45d6;--border-primary:#6d45d647;--border-hover:#c6bce8;--btn-text-color:#fff;--accent-primary:#6d45d6;--accent-secondary:#9a7cf0;--accent-hover:linear-gradient(135deg, #4a2e9e, #5a35c2);--sidebar-bg:#fff;--sidebar-menu:linear-gradient(135deg, #6d45d6, #4a2e9e);--sidebar-brand-text:#fff;--bg-danger:#a74444;--text-danger:#692626;--danger-strong:#934343;--bg-danger-soft:#d98f8f;--bg-success:#529877;--text-success:#2e6048;--bg-warning:#b67735;--text-warning:#72481d;--info:#7b9fc3;--bg-info-strong:#4f7ba8;--text-info-strong:#2a4a6b;--text-success-vivid:#1a7f37;--text-danger-vivid:#cf222e;--bg-success-vivid:#2da44e;--bg-danger-vivid:#cf222e;--action-danger-bg:#da0b16;--action-danger-strong-bg:#91080f;--action-danger-text:#f5f0f0;--bg-input:#f8f7fd;--bg-disabled:#e8e5f2;--text-muted:#6e6a8a;--text-white:#fff;--shadow-card:0 4px 16px #6d45d61f;--transition:all .3s ease;--accent-text:#5a35c2;--accent-strong:#4a2e9e;--accent-soft:#f1edfc;--accent-soft-strong:#e1d8f8;--accent-solid:#6d45d6;--accent-fill:linear-gradient(135deg, #5a35c2, #6d45d6)}html.dark{--bg-page:#141129;--loading-overlay-bg:#141129b3;--bg-header:linear-gradient(135deg, #4a2e9e, #6d45d6);--bg-dropdown:#1d1838;--bg-secondary:#2a2350;--bg-hover:#9a7cf01f;--text-primary:#f1effa;--text-secondary:#a49fc4;--border-color:#2e2852;--hover-bg:#9a7cf01f;--hover-text:#fff;--accent:#9a7cf0;--shadow:0 1px 4px #0000004d;--shadow-2:0 4px 12px #00000059;--shadow-3:0 20px 60px #00000080;--focus-ring:0 0 0 3px #b8a4ff73;--card-bg:#221c42;--logo-text:#60a5fa;--control-border:#ffffff0f;--control-bg:#ffffff05;--control-shadow:none;--control-hover:#9a7cf01f;--control-text:#fff;--border-divider:#3a3459;--submenu-hover:#9dbaf6;--accent-hover:#5a35c2;--btn-text-color:#fff;--sidebar-bg:#1d1838;--accent-light:linear-gradient(135deg, #3b2c78, #45358a);--bg-input:#100d21;--bg-disabled:#2f2a4d;--border-secondary:#3a3266;--border-hover:#4d4480;--text-muted:#8d88ad;--modal-text-strong:var(--text-primary);--modal-text-hint:var(--text-secondary);--modal-text-faint:var(--text-muted);--modal-label:#6cc3d3;--modal-surface-muted:var(--bg-input);--modal-border:var(--border-secondary);--modal-divider:var(--border-divider);--modal-info-bg:#1677ff1f;--modal-info-border:#1677ff73;--modal-info-title:#69b1ff;--modal-error-bg:#f5222d1f;--modal-error-border:#f5222d73;--modal-error-text:#ff7875;--modal-warning-bg:#fa8c1626;--modal-warning-border:#fa8c1673;--modal-warning-text:#ffc069;--page-title-color:var(--text-primary);--marquee-bg:#1d1838;--marquee-text:#b8a4ff;--bg-danger:#622d2d;--text-danger:#d69999;--danger-strong:#693030;--bg-danger-soft:#8a4a4a;--bg-success:#395648;--text-success:#a6cab8;--bg-warning:#6d4822;--text-warning:#e1b88e;--info:#99b8d6;--bg-info-strong:#3d5f82;--text-info-strong:#a9c6e8;--text-success-vivid:#3fb950;--text-danger-vivid:#f85149;--bg-success-vivid:#3fb950;--bg-danger-vivid:#f85149;--accent-text:#b8a4ff;--bg-active:#9a7cf038;--border-focus:#9a7cf0;--accent-soft:#9a7cf029;--accent-soft-strong:#9a7cf047}.divider-border{background:var(--border-divider);border:0;height:2px;margin:24px 0}.divider-primary{background:var(--accent-primary);border:0;height:2px;margin:24px 0}.divider-secondary{background:var(--accent-secondary);border:0;height:2px;margin:24px 0}@media (max-width:1440px){.page{gap:24px;padding:2rem 2.5rem}}@media (max-width:1280px){.page{gap:20px;padding:1.5rem 2rem}}@media (max-width:1024px){.page{gap:16px;padding:1.25rem 1.5rem}.page-container{padding:12px}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.right-controls{width:100%}.right-controls input{flex:1}.page-container{padding:8px;margin-left:0!important}.page{gap:12px;padding:1rem}}@media (max-width:480px){.page{gap:10px;padding:.75rem}}.sidebar-mobile-overlay{display:none}@media (max-width:768px){.sidebar-mobile-overlay{z-index:999;cursor:pointer;background:#00000080;display:block;position:fixed;inset:0}}.page-fallback{min-height:200px;position:relative}.page-toolbar-actions{gap:8px;margin-left:auto;display:flex}.page-section-spaced{margin-bottom:20px}img.avatar-cover-img{object-fit:cover;width:100%;height:100%}