:root{--primary-light:#1e3a8a1a}.main-list-items{gap:2px;height:100%}.dropdown-container{border-radius:8px;border-radius:var(--radius-md);height:100%}.dropdown-container:after{background-color:initial;content:"";height:20px;left:0;position:absolute;top:100%;width:100%;z-index:1200}.main-list-items.mobile .dropdown-container{height:auto;margin-bottom:8px;padding:0}.main-list-items.mobile .dropdown-container:after{display:none}.nav-button{border-radius:999px;color:#6e6b7b;color:var(--text-secondary-light);font-size:.95rem;height:100%;justify-content:flex-start;padding:0 14px;transition:all .2s ease}.dark .nav-button{color:#b4b7bd;color:var(--text-secondary-dark)}.can-wrapper .nav-button,.dropdown-container .nav-button{height:100%;width:100%}.main-list-items.mobile .can-wrapper .nav-button,.main-list-items.mobile .dropdown-container .nav-button,.main-list-items.mobile .nav-button{background:#1e3a8a0d;border:1px solid #1e3a8a1f;border-radius:12px;height:46px;justify-content:flex-start;padding:0 14px;text-align:left;width:100%}.can-wrapper .nav-button:hover,.dropdown-container .nav-button:hover,.nav-button:hover{background-color:#1e3a8a14;background-color:var(--hover-light);border-radius:8px;border-radius:var(--radius-md);color:#1e3a8a;color:var(--primary-color)}.dark .can-wrapper .nav-button:hover,.dark .dropdown-container .nav-button:hover,.dark .nav-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark);color:#1e3a8a;color:var(--primary-color)}.can-wrapper .nav-button.active,.dropdown-container .nav-button.active,.nav-button.active{background-color:#1e3a8a33;background-color:var(--active-light);border-radius:8px;border-radius:var(--radius-md);color:#1e3a8a;color:var(--primary-color);font-weight:600}.dark .can-wrapper .nav-button.active,.dark .dropdown-container .nav-button.active,.dark .nav-button.active{background-color:#60a5fa40;background-color:var(--active-dark)}.can-wrapper .nav-button-icon,.dropdown-container .nav-button-icon,.nav-button-icon{color:inherit;height:20px;margin-right:10px;width:20px}.main-list-items.mobile .can-wrapper .nav-button.active,.main-list-items.mobile .dropdown-container .nav-button.active,.main-list-items.mobile .nav-button.active{background-color:#1e3a8a33;background-color:var(--active-light)}.dark .main-list-items.mobile .can-wrapper .nav-button.active,.dark .main-list-items.mobile .dropdown-container .nav-button.active,.dark .main-list-items.mobile .nav-button.active{background-color:#60a5fa40;background-color:var(--active-dark)}.dropdown-icon{display:none}.main-list-items.mobile .dropdown-icon{color:inherit;display:block;height:20px;margin-left:auto;width:20px}.dropdown-icon.open{color:#1e3a8a;color:var(--primary-color)}.dropdown-menu{border-radius:var(--radius-md);box-shadow:0 4px 14px 0 #22292f1a;box-shadow:var(--shadow-light);display:none;max-height:min(72vh,640px);max-width:360px;min-width:280px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:8px 0;pointer-events:none;top:calc(100% + 15px);visibility:hidden;z-index:1300}@media (min-width:769px){.dropdown-container.open .dropdown-menu,.dropdown-container:hover .dropdown-menu,.dropdown-menu:hover{display:block;opacity:1;pointer-events:auto;visibility:visible}}.dark .dropdown-menu{background-color:#1e1e1e;background-color:var(--bg-dark);box-shadow:0 4px 14px 0 #0000004d;box-shadow:var(--shadow-dark)}.main-list-items.mobile .dropdown-menu{background-color:initial;display:none;max-height:none;max-width:none;opacity:0;padding:4px 0 0 8px;top:0;visibility:hidden}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-thumb{background:#64748b73;border-radius:999px}.main-list-items.mobile .dropdown-menu.open{display:block;opacity:1;pointer-events:auto;visibility:visible}.dropdown-menu-item{border-radius:10px;color:#6e6b7b;color:var(--text-secondary-light);margin:2px 6px}.dark .dropdown-menu-item{color:#b4b7bd;color:var(--text-secondary-dark)}.dropdown-menu-item:hover{color:#1e3a8a;color:var(--primary-color);outline:1px solid #1e3a8a33}.dark .dropdown-menu-item:hover{color:#1e3a8a;color:var(--primary-color);outline:1px solid #60a5fa33}.main-list-items.mobile .dropdown-menu-item{margin:2px 0;padding:10px 12px;text-align:left}.dropdown-menu-section+.dropdown-menu-section{border-top:1px solid #94a3b833}.dark .dropdown-menu-section+.dropdown-menu-section{border-top-color:#94a3b829}.dropdown-menu-section-title{color:#1e3a8a;color:var(--primary-color);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 16px 6px;text-transform:uppercase}.dropdown-menu-section-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:0;width:100%}.section-trigger-icon{color:#6e6b7b;color:var(--text-secondary-light);height:16px;margin-right:14px;transition:transform .2s ease,color .2s ease;width:16px}.dark .section-trigger-icon{color:#b4b7bd;color:var(--text-secondary-dark)}.section-trigger-icon.open{color:#1e3a8a;color:var(--primary-color);transform:rotate(90deg)}.dropdown-menu-section-items{display:flex;flex-direction:column;padding-bottom:6px}@media (min-width:769px){.dropdown-menu{max-width:240px;min-width:220px;overflow:visible!important;padding:6px}.dropdown-menu-section.desktop-lateral{border-top:none;position:relative}.dropdown-menu-section.desktop-lateral+.dropdown-menu-section.desktop-lateral{margin-top:4px}.dropdown-menu-section.desktop-lateral .dropdown-menu-section-trigger{border-radius:10px}.dropdown-menu-section.desktop-lateral .dropdown-menu-section-title{color:#6e6b7b;color:var(--text-secondary-light);font-size:12px;font-weight:600;letter-spacing:.04em;padding:10px 12px;text-transform:none;width:100%}.dark .dropdown-menu-section.desktop-lateral .dropdown-menu-section-title{color:#b4b7bd;color:var(--text-secondary-dark)}.dropdown-menu-section.desktop-lateral.active .dropdown-menu-section-trigger,.dropdown-menu-section.desktop-lateral:focus-within .dropdown-menu-section-trigger,.dropdown-menu-section.desktop-lateral:hover .dropdown-menu-section-trigger{background-color:#1e3a8a14;background-color:var(--hover-light)}.dark .dropdown-menu-section.desktop-lateral.active .dropdown-menu-section-trigger,.dark .dropdown-menu-section.desktop-lateral:focus-within .dropdown-menu-section-trigger,.dark .dropdown-menu-section.desktop-lateral:hover .dropdown-menu-section-trigger{background-color:#60a5fa26;background-color:var(--hover-dark)}.dropdown-menu-section.desktop-lateral.active .dropdown-menu-section-title,.dropdown-menu-section.desktop-lateral.active .section-trigger-icon,.dropdown-menu-section.desktop-lateral:focus-within .dropdown-menu-section-title,.dropdown-menu-section.desktop-lateral:focus-within .section-trigger-icon,.dropdown-menu-section.desktop-lateral:hover .dropdown-menu-section-title,.dropdown-menu-section.desktop-lateral:hover .section-trigger-icon{color:#1e3a8a;color:var(--primary-color)}.dropdown-menu-section.desktop-lateral .dropdown-menu-section-items{background:#fff;background:var(--bg-light);border:1px solid #1e3a8a29;border-radius:12px;box-shadow:0 4px 14px 0 #22292f1a;box-shadow:var(--shadow-light);display:none;left:calc(100% + 8px);max-height:min(70vh,620px);max-width:340px;min-width:280px;overflow-x:visible;overflow-y:auto;padding:8px 6px;position:absolute;top:0;z-index:2000}.dark .dropdown-menu-section.desktop-lateral .dropdown-menu-section-items{background:#1e1e1e;background:var(--bg-dark);border-color:#94a3b833;box-shadow:0 4px 14px 0 #0000004d;box-shadow:var(--shadow-dark)}.dropdown-menu-section.desktop-lateral.active .dropdown-menu-section-items,.dropdown-menu-section.desktop-lateral:focus-within .dropdown-menu-section-items,.dropdown-menu-section.desktop-lateral:hover .dropdown-menu-section-items{display:flex}.dropdown-menu-section.desktop-lateral.active>.dropdown-menu-section-items{display:flex!important;opacity:1!important;visibility:visible!important}.dropdown-menu-section.desktop-lateral .dropdown-menu-item{margin:2px 0}.dropdown-menu.menu-lateral-left .dropdown-menu-section.desktop-lateral .dropdown-menu-section-items{left:auto;right:calc(100% + 8px)}}.dropdown-menu-section-toggle{align-items:center;background:#0000;border:0;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:0 8px;width:100%}.main-list-items.mobile .dropdown-menu-section-toggle{background:#1e3a8a0f;border:1px solid #1e3a8a1a;margin:8px 0 4px}.section-toggle-icon{color:#6e6b7b;color:var(--text-secondary-light);height:18px;transition:transform .2s ease,color .2s ease;width:18px}.dark .section-toggle-icon{color:#b4b7bd;color:var(--text-secondary-dark)}.section-toggle-icon.open{color:#1e3a8a;color:var(--primary-color);transform:rotate(180deg)}.dropdown-menu-section-items.mobile-collapsible{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.dropdown-menu-section-items.mobile-collapsible.open{max-height:1000px;opacity:1}.main-list-items.mobile .dropdown-menu-section+.dropdown-menu-section{border-top:none;margin-top:4px}.main-list-items.mobile .dropdown-menu-section-title{padding:10px 0}.main-list-items.mobile .dropdown-menu-section-items{padding-bottom:0}.menu-item-icon{min-width:32px}.main-list-items.mobile .menu-item-icon{justify-content:flex-start}.menu-item-text{font-weight:500;text-align:left}.hero-icon{color:inherit;height:1.1rem;width:1.1rem}.badge{top:-6px}.badge,.notification-icon.has-notification:after{background-color:#ea5455}.connection-status{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;margin-left:8px;padding:4px 10px}.connection-status.warning{background-color:#ff980026;color:#ff9800;color:var(--warning-color)}.connection-status.error{background-color:#f4433626;color:#f44336;color:var(--error-color)}.connection-status.success{background-color:#4caf5026;color:#4caf50;color:var(--success-color)}.connection-icon{height:14px;margin-right:4px;width:14px}@media (max-width:1366px){.main-list-items{padding-left:0}.dropdown-container{margin-left:0}.nav-button{padding-left:12px;padding-right:12px}}@media (max-width:768px){.main-list-items{align-items:flex-start;flex-direction:column;width:100%}.dropdown-container{height:auto;margin-bottom:8px;margin-right:0;width:100%}.nav-button{border-radius:5px;border-radius:var(--radius-sm);height:44px;justify-content:flex-start;padding:0 16px;width:100%}.dropdown-container:hover .dropdown-menu{display:none;opacity:0;pointer-events:none;visibility:hidden}.dropdown-menu.open{display:block;opacity:1;pointer-events:auto;visibility:visible}}.main-list-items.mobile .can-wrapper,.main-list-items.mobile .can-wrapper .dropdown-container{display:block;width:100%}.main-list-items.mobile .can-wrapper .nav-button{align-items:center;border-radius:5px;border-radius:var(--radius-sm);display:flex;height:44px;justify-content:flex-start;padding:0 16px;text-align:left;width:100%}.main-list-items.mobile .can-wrapper .dropdown-icon{color:inherit;display:block;height:20px;margin-left:auto;width:20px}.main-list-items.mobile>.can-wrapper>div,.main-list-items.mobile>div{width:100%!important}.main-list-items.mobile .can-wrapper button,.main-list-items.mobile button{box-sizing:border-box;width:100%!important}.main-list-items.mobile .can-wrapper .nav-button span,.main-list-items.mobile .nav-button span{flex:1 1;text-align:left}:root{--navbar-height:56px;--primary-light:#1e3a8a1f;--bg-dark:#1b1f24;--drawer-width:280px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--warning-color:#ff9800;--error-color:#f44336;--success-color:#4caf50;--menu-shadow:0 18px 34px -18px #0c224959;--menu-shadow-dark:0 20px 40px -18px #000000b3}.app-container{background-color:#e8e8e8;background-color:var(--bg-default-light);color:#212121;color:var(--text-color-light);display:flex;flex-direction:column;height:100vh}.app-container.dark{background-color:#121212;background-color:var(--bg-default-dark);color:#fff;color:var(--text-color-dark)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffeb,#f5f8ffeb);border-bottom:1px solid #1e3a8a1f;box-shadow:0 10px 24px -20px #1e3a8a80;height:56px;height:var(--navbar-height);left:0;position:fixed;right:0;top:0;z-index:1100}.dark .navbar{background:linear-gradient(135deg,#14181eeb,#1a1e26eb);border-bottom-color:#94a3b838;box-shadow:0 12px 24px -18px #000c}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;padding:0 20px;width:100%}.navbar-container,.navbar-left{align-items:center;display:flex;position:relative}.navbar-left{flex:1 1}.navbar-logo{align-items:center;display:flex;height:100%;padding:0 14px}.logo-link,.navbar-logo.desktop-only{display:flex}.logo-link{align-items:center;height:100%;text-decoration:none}.logo-img{height:32px;max-width:160px;object-fit:contain}.logo-img:not([src]),.logo-img[src=""],.logo-img[src=null],.logo-img[src=undefined]{align-items:center;background-color:#1e3a8a;background-color:var(--primary-color);border-radius:5px;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:120px}.logo-img:not([src]):before,.logo-img[src=""]:before,.logo-img[src=null]:before,.logo-img[src=undefined]:before{content:attr(alt)}.navbar-menu{align-items:center;background:#ffffffbd;border:1px solid #1e3a8a1f;border-radius:999px;display:flex;overflow-x:visible;padding:2px 8px;position:relative}.dark .navbar-menu{background:#0f141cb3;border-color:#94a3b833}.navbar-menu::-webkit-scrollbar{display:none}.desktop-menu{display:flex;position:relative}.mobile-menu-button{background:#ffffffc7;border:1px solid #1e3a8a33;border-radius:12px;box-shadow:0 8px 20px -18px #1e3a8ae6;color:#1e3a8a;color:var(--primary-color);cursor:pointer;display:none;padding:8px}.mobile-menu-button:hover{background-color:#1e3a8a1f;transform:translateY(-1px)}.dark .mobile-menu-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark)}.navbar-actions{align-items:center;display:flex;gap:12px;position:relative}.desktop-actions{align-items:center;display:flex;gap:10px}.mobile-actions{display:none;position:relative}.mobile-actions-button{align-items:center;background:#ffffffd9;border:1px solid #1e3a8a33;border-radius:12px;color:#1e3a8a;color:var(--primary-color);display:inline-flex;height:36px;justify-content:center;width:36px}.mobile-actions-button.open,.mobile-actions-button:hover{background:#1e3a8a1f}.dark .mobile-actions-button{background:#1e3a8a29;border-color:#94a3b840}.mobile-actions-submenu{animation:slideInDown .2s ease-out;background:#fffffffa;border:1px solid #1e3a8a33;border-radius:14px;box-shadow:0 18px 34px -18px #0c224959;box-shadow:var(--menu-shadow);min-width:250px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:1400}.dark .mobile-actions-submenu{background:#1b1f24fa;border-color:#94a3b833;box-shadow:0 20px 40px -18px #000000b3;box-shadow:var(--menu-shadow-dark)}.mobile-action-row{align-items:center;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px 8px}.mobile-action-row+.mobile-action-row{border-top:1px solid #1e3a8a1a}.dark .mobile-action-row+.mobile-action-row{border-top-color:#94a3b82e}.mobile-action-label{align-items:center;color:#6e6b7b;color:var(--text-secondary-light);display:inline-flex;font-size:13px;font-weight:600;gap:8px}.dark .mobile-action-label{color:#b4b7bd;color:var(--text-secondary-dark)}.mobile-action-icon{color:#1e3a8a;color:var(--primary-color);height:16px;width:16px}.announcements,.connection-status-container,.notifications,.notifications-volume,.theme-toggle,.user-profile,.version-container{align-items:center;display:flex;justify-content:center}.connection-status-container{cursor:help;margin-right:8px;position:relative}.connection-status-indicator{align-items:center;border-radius:50%;display:inline-flex;height:10px;justify-content:center;margin-right:6px;width:10px}.connection-status-indicator.online{background-color:#4caf50;background-color:var(--success-color);box-shadow:0 0 0 2px #4caf504d}.connection-status-indicator.warning{background-color:#ff9800;background-color:var(--warning-color);box-shadow:0 0 0 2px #ff98004d}.connection-status-indicator.offline{background-color:#f44336;background-color:var(--error-color);box-shadow:0 0 0 2px #f443364d}.connection-status-text{font-size:12px;font-weight:600;min-width:80px;white-space:nowrap}.connection-status-text.online{color:#4caf50;color:var(--success-color)}.connection-status-text.warning{color:#ff9800;color:var(--warning-color)}.connection-status-text.offline{color:#f44336;color:var(--error-color)}.quota-usage-container{align-items:center;display:flex;margin-right:12px;max-width:200px;min-width:140px}.quota-progress-root{align-items:center;background-color:#0000001a;border-radius:5px;display:flex;flex-grow:1;height:10px;position:relative;width:100%}.dark .quota-progress-root{background-color:#ffffff1a}.quota-progress-bar{border-radius:5px;height:10px;position:absolute}.quota-progress-bar.success{background-color:#4caf50;background-color:var(--success-color)}.quota-progress-bar.warning{background-color:#ff9800;background-color:var(--warning-color)}.quota-progress-bar.error{background-color:#f44336;background-color:var(--error-color)}.quota-progress-text{color:#fff;font-size:10px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;transform:translateX(-50%)}.quota-usage-text{color:#6e6b7b;color:var(--text-secondary-light);font-size:11px;margin-right:8px;white-space:nowrap}.dark .quota-usage-text{color:#b4b7bd;color:var(--text-secondary-dark)}.disk-icon{height:22px;margin-top:2px;width:22px}.disk-icon.success{color:#4caf50;color:var(--success-color)}.disk-icon.warning{color:#ff9800;color:var(--warning-color)}.disk-icon.error{color:#f44336;color:var(--error-color)}.icon-button{align-items:center;background-color:#fff;background-color:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#1e3a8a;color:var(--primary-color);cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 4px;padding:4px;width:36px}.icon-button:hover{background-color:#1e3a8a14;background-color:var(--hover-light)}.dark .icon-button{background-color:#1b1f24;background-color:var(--bg-dark);border-color:#333;border-color:var(--border-dark);box-shadow:0 2px 4px #ffffff1a}.dark .icon-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark)}.icon{height:22px;width:22px}.avatar-container{cursor:pointer;margin-top:4px;position:relative}.status-badge{position:relative}.status-badge:after{background-color:#28c76f;border:2px solid #fff;border:2px solid var(--bg-light);border-radius:50%;bottom:5px;content:"";height:10px;position:absolute;right:0;width:10px}.dark .status-badge:after{border-color:#121212}.status-badge.offline:after{background-color:#f44336;background-color:var(--error-color)}.status-badge.warning:after{background-color:#ff9800;background-color:var(--warning-color)}.avatar{border:2px solid #1e3a8a;border:2px solid var(--primary-color);border-radius:50%;height:36px;object-fit:cover;width:36px}.user-menu{animation:slideInDown .2s ease-out;background-color:#fff;background-color:var(--bg-light);border:1px solid #1e3a8a29;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 18px 34px -18px #0c224959;box-shadow:var(--menu-shadow);overflow:hidden;position:absolute;right:0;top:46px;top:calc(var(--navbar-height) - 10px);width:260px;z-index:1300}.dark .user-menu{background-color:#1e1e1e;box-shadow:0 20px 40px -18px #000000b3;box-shadow:var(--menu-shadow-dark)}.user-menu-header{align-items:center;background-color:#1e3a8a1f;background-color:var(--primary-light);display:flex;padding:16px}.dark .user-menu-header{background-color:#7367f026}.user-menu-avatar{border:2px solid #1e3a8a;border:2px solid var(--primary-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.user-info{margin-left:12px;overflow:hidden}.user-name{color:#1e3a8a;color:var(--primary-color);font-size:14px;font-weight:600}.user-email,.user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6e6b7b;color:var(--text-secondary-light);font-size:12px}.dark .user-email{color:#b4b7bd;color:var(--text-secondary-dark)}.menu-divider{background-color:#e0e0e0;background-color:var(--border-light);height:1px;margin:0}.dark .menu-divider{background-color:#333;background-color:var(--border-dark)}.menu-item{align-items:center;background:#0000;border:none;color:#6e6b7b;color:var(--text-secondary-light);cursor:pointer;display:flex;font-size:14px;padding:12px 16px;text-align:left;width:100%}.menu-item:hover{background-color:#1e3a8a14;background-color:var(--hover-light);color:#1e3a8a;color:var(--primary-color);outline:1px solid #1e3a8a33}.dark .menu-item{color:#b4b7bd;color:var(--text-secondary-dark)}.dark .menu-item:hover{background-color:#60a5fa26;background-color:var(--hover-dark);color:#1e3a8a;color:var(--primary-color);outline:1px solid #60a5fa33}.menu-icon{color:inherit;height:18px;margin-right:12px;width:18px}.drawer-backdrop{background-color:#00000080;bottom:0;right:0;z-index:1400}.drawer,.drawer-backdrop{left:0;position:fixed;top:0}.drawer{animation:slideInLeft .24s ease-out;background-color:#fff;background-color:var(--bg-light);border-bottom-right-radius:18px;border-top-right-radius:18px;box-shadow:0 4px 14px 0 #22292f1a;box-shadow:var(--shadow-light);display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:min(280px,92vw);width:min(var(--drawer-width),92vw);z-index:1500}.dark .drawer{background-color:#1e1e1e;box-shadow:0 4px 14px 0 #0000004d;box-shadow:var(--shadow-dark)}.drawer-header{border-bottom:1px solid #1e3a8a1f;height:56px;height:var(--navbar-height);justify-content:space-between;padding:0 18px}.drawer-header,.drawer-logo{align-items:center;display:flex}.drawer-logo{height:100%}.close-drawer-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6e6b7b;color:var(--text-secondary-light);cursor:pointer;display:flex;justify-content:center;padding:8px}.close-drawer-button:hover{background-color:#1e3a8a14;background-color:var(--hover-light);color:#1e3a8a;color:var(--primary-color);outline:1px solid #1e3a8a4d}.dark .close-drawer-button{color:#b4b7bd;color:var(--text-secondary-dark)}.dark .close-drawer-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark);color:#1e3a8a;color:var(--primary-color);outline:1px solid #60a5fa4d}.drawer-user{align-items:center;background:linear-gradient(145deg,#1e3a8a1f,#1e3a8a0f);border-radius:14px;display:flex;margin:12px 12px 8px;padding:18px 16px}.dark .drawer-user{background-color:#60a5fa26}.drawer-user-avatar{border:2px solid #1e3a8a;border:2px solid var(--primary-color);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.drawer-user-avatar img{height:100%;object-fit:cover;width:100%}.drawer-user-info{flex:1 1;margin-left:12px;overflow:hidden}.drawer-user-name{color:#1e3a8a;color:var(--primary-color);font-size:16px;font-weight:600}.drawer-user-email,.drawer-user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-email{color:#6e6b7b;color:var(--text-secondary-light);font-size:13px}.dark .drawer-user-email{color:#b4b7bd;color:var(--text-secondary-dark)}.drawer-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 12px 16px}.drawer-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);padding:12px}.dark .drawer-footer{border-top:1px solid #333;border-top:1px solid var(--border-dark)}.drawer-footer-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#6e6b7b;color:var(--text-secondary-light);cursor:pointer;display:flex;font-size:14px;margin-bottom:8px;padding:12px 14px;text-align:left;width:100%}.drawer-footer-button:last-child{margin-bottom:0}.drawer-footer-button:hover{background-color:#1e3a8a14;background-color:var(--hover-light);color:#1e3a8a;color:var(--primary-color);outline:1px solid #1e3a8a4d}.dark .drawer-footer-button{color:#b4b7bd;color:var(--text-secondary-dark)}.dark .drawer-footer-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark);color:#1e3a8a;color:var(--primary-color);outline:1px solid #60a5fa4d}.drawer-footer-icon{color:inherit;height:20px;margin-right:12px;width:20px}.main-content{background-color:#f3f5f8;flex-grow:1;height:calc(100vh - 56px);height:calc(100vh - var(--navbar-height));margin-top:56px;margin-top:var(--navbar-height);overflow-y:auto;position:relative;z-index:1000}.dark .main-content{background-color:#121212}.content-container{display:flex;flex-direction:column;height:100%;margin:0 auto;padding:16px;width:100%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.content-container{padding:12px}.quota-usage-text{display:none}.quota-usage-container{min-width:100px}}@media (max-width:1024px){.connection-status-text{display:none}.connection-status-container{margin-right:4px}}@media (max-width:768px){.desktop-menu{display:none}.mobile-menu-button{display:flex;margin-right:16px}.navbar-logo.desktop-only{display:none}.navbar-actions{gap:8px}.desktop-actions{display:none}.mobile-actions{display:flex}.content-container{padding:12px}.user-menu{right:-8px;width:240px}.connection-status-text,.version-container{display:none}.connection-status-container{margin-right:2px}.quota-usage-container{display:none}.navbar-menu{border-radius:14px;padding:2px 6px}}@media (max-width:1365px){.connection-status-text,.quota-progress-root{display:none}.quota-usage-container{margin-right:8px;min-width:auto}.quota-usage-text{margin-right:0}.navbar-logo.desktop-only{display:none}.navbar-left{justify-content:flex-start}.navbar-menu{flex:1 1}.desktop-menu{padding-left:0}}:root{--toast-bg:var(--surface-bg,#fff);--toast-border:var(--surface-border,#0000001a);--toast-text:var(--surface-text,#212121);--toast-shadow:var(--surface-shadow,0 5px 15px #0000001a);--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6}@media (prefers-color-scheme:dark){:root{--toast-bg:var(--surface-bg,#111827eb);--toast-border:var(--surface-border,#94a3b82e);--toast-text:var(--surface-text,#e5e7eb);--toast-shadow:var(
      --surface-shadow,0 12px 32px #00000073,0 3px 10px #00000059
    )}}.dark{--toast-bg:var(--surface-bg,#111827eb);--toast-border:var(--surface-border,#94a3b82e);--toast-text:var(--surface-text,#e5e7eb);--toast-shadow:var(
    --surface-shadow,0 12px 32px #00000073,0 3px 10px #00000059
  )}.toast-container{align-items:flex-end;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:9999}.toast{align-items:flex-start;background:#fff;background:var(--toast-bg);border:1px solid #0000001a;border:1px solid var(--toast-border);border-radius:10px;box-shadow:0 6px 18px #0f172a2e,0 5px 15px #0000001a;box-shadow:0 6px 18px #0f172a2e,var(--toast-shadow);display:flex;gap:12px;max-width:360px;min-width:320px;opacity:0;padding:14px 16px 14px 14px;pointer-events:auto;position:relative;transform:translateX(120%);transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease;width:100%}.toast:before{border-radius:10px 0 0 10px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast--visible{opacity:1;transform:translateX(0)}.toast--removing{opacity:0;transform:translateX(120%)}.toast--success:before{background:#22c55e;background:var(--color-success,#22c55e)}.toast--error:before{background:#ef4444;background:var(--color-error,#ef4444)}.toast--warning:before{background:#f59e0b;background:var(--color-warning,#f59e0b)}.toast--info:before{background:#3b82f6;background:var(--color-info,#3b82f6)}.toast__icon{align-items:center;border-radius:999px;display:flex;flex-shrink:0;font-size:15px;height:26px;justify-content:center;margin-top:1px;width:26px}.toast--success .toast__icon{color:#22c55e;color:var(--color-success,#22c55e)}.toast--error .toast__icon{color:#ef4444;color:var(--color-error,#ef4444)}.toast--warning .toast__icon{color:#f59e0b;color:var(--color-warning,#f59e0b)}.toast--info .toast__icon{color:#3b82f6;color:var(--color-info,#3b82f6)}.toast__content{flex:1 1;min-width:0;padding-right:8px}.toast__message{word-wrap:break-word;color:#212121;color:var(--toast-text);font-size:14px;font-weight:500;line-height:1.45;margin:0}.toast__progress{background:#94a3b82e;border-radius:999px;bottom:4px;height:3px;left:4px;overflow:hidden;position:absolute;right:4px}.toast__progress-bar{height:100%;transform-origin:left center;width:100%}.toast--success .toast__progress-bar{background:#22c55e;background:var(--color-success,#22c55e)}.toast--error .toast__progress-bar{background:#ef4444;background:var(--color-error,#ef4444)}.toast--warning .toast__progress-bar{background:#f59e0b;background:var(--color-warning,#f59e0b)}.toast--info .toast__progress-bar{background:#3b82f6;background:var(--color-info,#3b82f6)}.toast__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#212121;color:var(--toast-text);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:.6;transition:all .18s ease;width:24px}.toast__close:focus{outline:2px solid #0003;outline-offset:1px}.toast__close:hover{background-color:#0000000d;opacity:.9}@media (prefers-color-scheme:dark){.toast__close:hover{background-color:#ffffff0f}}@media (max-width:640px){.toast-container{align-items:stretch;left:10px;right:10px;top:10px}.toast{max-width:none;min-width:0;min-width:auto;padding:12px 14px 12px 12px;width:100%}.toast--removing{transform:translateX(110%)}}@media (prefers-contrast:high){.toast{background:#fff!important;border-width:2px}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .2s ease}.toast--removing,.toast--visible,.toast__close:hover{transform:none}}.barber-themed-page{background:linear-gradient(135deg,#1a1713,#242018 48%,#1f1a14)!important;border:1px solid #c89b3c40!important;border-radius:14px!important;color:#f4e3c1!important}.barber-themed-page:not(.barber-dashboard){padding:20px!important}.barber-themed-page .MuiFormLabel-root,.barber-themed-page .MuiIconButton-label,.barber-themed-page .MuiInputBase-input,.barber-themed-page .MuiTableCell-root,.barber-themed-page .MuiTypography-root{color:#f4e3c1}.barber-themed-page .MuiPaper-root{background-color:#241f18e0;border:1px solid #c89b3c33;color:#f4e3c1}.barber-themed-page:not(.barber-dashboard) [class*=header]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.barber-themed-page:not(.barber-dashboard) .barber-back-button+.MuiTypography-root{align-items:center;display:flex;margin:0 0 16px!important;min-height:36px}.barber-themed-page:not(.barber-dashboard) .barber-back-button+[class*=header]{margin-top:0!important}.barber-themed-page:not(.barber-dashboard) [class*=header]>.MuiTypography-root{align-items:center;display:flex;margin:0!important;min-height:36px}.barber-themed-page:not(.barber-dashboard) .MuiTypography-h5,.barber-themed-page:not(.barber-dashboard) .MuiTypography-h6{color:#f6d79a!important;font-weight:700!important;letter-spacing:.3px}.barber-themed-page:not(.barber-dashboard) .MuiTypography-subtitle1{color:#f2d9a4!important;font-weight:600!important;margin:14px 0 8px!important}.barber-themed-page:not(.barber-dashboard) .MuiButton-root{border-radius:8px;font-weight:600;text-transform:none}.barber-themed-page .barber-back-button,.barber-themed-page:not(.barber-dashboard)>.MuiButton-root:first-of-type{color:#f6d79a!important;margin:0 0 12px!important}.barber-themed-page .barber-back-button{background:#c89b3c14!important;border:1px solid #c89b3c59!important}.barber-themed-page .barber-back-button:hover{background:#c89b3c29!important;border-color:#c89b3c8c!important}.barber-themed-page:not(.barber-dashboard) .MuiTextField-root{min-width:220px}.barber-themed-page .MuiTableCell-root{border-bottom:1px solid #c89b3c2e}.barber-themed-page:not(.barber-dashboard) .MuiTypography-h5+.MuiTable-root,.barber-themed-page:not(.barber-dashboard) .MuiTypography-h6+.MuiTable-root,.barber-themed-page:not(.barber-dashboard) .MuiTypography-subtitle1+.MuiTable-root{margin-top:8px}.barber-themed-page:not(.barber-dashboard) .MuiTypography-h5+.MuiGrid-container,.barber-themed-page:not(.barber-dashboard) .MuiTypography-h5+.MuiPaper-root,.barber-themed-page:not(.barber-dashboard) .MuiTypography-h6+.MuiGrid-container,.barber-themed-page:not(.barber-dashboard) .MuiTypography-h6+.MuiPaper-root,.barber-themed-page:not(.barber-dashboard) .MuiTypography-subtitle1+.MuiGrid-container,.barber-themed-page:not(.barber-dashboard) .MuiTypography-subtitle1+.MuiPaper-root{margin-top:10px}.barber-themed-page .MuiTableHead-root .MuiTableCell-root{color:#f8d289;font-weight:700}.barber-themed-page .MuiTableRow-root:hover{background:#c89b3c14}.barber-themed-page .MuiOutlinedInput-notchedOutline{border-color:#c89b3c59!important}.barber-themed-page .MuiInputBase-root.Mui-focused,.barber-themed-page .MuiInputLabel-outlined.MuiInputLabel-shrink,.barber-themed-page .MuiInputLabel-root.Mui-focused{color:#f6d79a!important}.barber-themed-page .MuiButton-containedPrimary{background:#c99b3c;color:#1f1a14}.barber-themed-page .MuiButton-containedPrimary:hover{background:#ddb15a}.barber-themed-page .MuiButton-outlinedPrimary,.barber-themed-page .MuiButton-textPrimary{border-color:#c89b3c73;color:#f6d79a}.barber-themed-page .MuiChip-root{background:#c89b3c33;color:#f6d79a}.barber-themed-page .MuiDivider-root{background:#c89b3c33}.barber-themed-dialog{background:linear-gradient(145deg,#221d17,#2a241c)!important;border:1px solid #c89b3c47!important;border-radius:12px!important;color:#f4e3c1!important}.barber-themed-dialog .MuiDialogTitle-root{border-bottom:1px solid #c89b3c33;color:#f6d79a!important;font-weight:700!important}.barber-themed-dialog .MuiDialogContent-root{background:#241f18db}.barber-themed-dialog .MuiDialogActions-root{background:#211c16f2;border-top:1px solid #c89b3c33}.barber-themed-dialog .MuiFormLabel-root,.barber-themed-dialog .MuiInputAdornment-root,.barber-themed-dialog .MuiInputBase-input,.barber-themed-dialog .MuiTableCell-root,.barber-themed-dialog .MuiTypography-root{color:#f4e3c1!important}.barber-themed-dialog .MuiOutlinedInput-notchedOutline{border-color:#c89b3c59!important}.barber-themed-dialog .MuiInputLabel-outlined.MuiInputLabel-shrink,.barber-themed-dialog .MuiInputLabel-root.Mui-focused{color:#f6d79a!important}.barber-themed-dialog .MuiButton-containedPrimary{background:#c99b3c!important;color:#1f1a14!important}.barber-themed-dialog .MuiButton-containedPrimary:hover{background:#ddb15a!important}.barber-themed-dialog .MuiButton-outlinedPrimary,.barber-themed-dialog .MuiButton-textPrimary{border-color:#c89b3c66!important;color:#f6d79a!important}:root{--primary-color:var(--primaryColor,#1e3a8a);--text-color-light:#212121;--text-color-dark:#fff;--text-secondary-light:#6e6b7b;--text-secondary-dark:#b4b7bd;--bg-light:#fff;--bg-dark:#1e1e1e;--bg-default-light:#e8e8e8;--bg-default-dark:#121212;--border-light:#e0e0e0;--border-dark:#333;--hover-light:#1e3a8a14;--hover-dark:#60a5fa26;--active-light:#1e3a8a33;--active-dark:#60a5fa40;--transition-speed:0.25s;--shadow-light:0 4px 14px 0 #22292f1a;--shadow-dark:0 4px 14px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background-color:#fff3}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dark ::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in-right{animation:slideInRight .3s ease}.slide-in-left{animation:slideInLeft .3s ease}.slide-in-up{animation:slideInUp .3s ease}.main-list-items{align-items:center;display:flex}.main-list-items.mobile{align-items:flex-start;flex-direction:column;width:100%}.dropdown-container{margin-right:8px;position:relative}.main-list-items.mobile .dropdown-container{margin-bottom:4px;margin-right:0;width:100%}.nav-button{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:8px 12px;position:relative;transition:all .25s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.main-list-items.mobile .nav-button{justify-content:space-between;padding:12px 16px;width:100%}.nav-button:hover{background-color:#1e3a8a14;background-color:var(--hover-light)}.dark .nav-button:hover{background-color:#60a5fa26;background-color:var(--hover-dark)}.nav-button.active{font-weight:600;position:relative}.dropdown-icon{height:16px;margin-left:4px;transition:transform .25s ease;transition:transform var(--transition-speed) ease;width:16px}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{animation:fadeIn .2s ease;background-color:#fff;background-color:var(--bg-light);border-radius:8px;box-shadow:var(--menu-shadow);left:0;margin-top:4px;min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:1000}.main-list-items.mobile .dropdown-menu{animation:none;border-radius:0;box-shadow:none;margin-top:0;padding-left:16px;position:relative;width:100%}.dropdown-menu-item{align-items:center;color:inherit;display:flex;font-size:14px;padding:10px 16px;text-decoration:none;transition:background-color .25s ease;transition:background-color var(--transition-speed) ease}.dropdown-menu-item:hover{background-color:#1e3a8a14;background-color:var(--hover-light)}.dark .dropdown-menu-item:hover{background-color:#60a5fa26;background-color:var(--hover-dark)}.menu-item-icon{align-items:center;display:flex;justify-content:center;min-width:36px}.menu-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-icon{height:1.2rem;margin-right:8px;width:1.2rem}.badge-container{position:relative}.badge{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:0;top:-8px;width:16px}.notification-icon{position:relative}.notification-icon.has-notification:after{background-color:#f44336;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:0;width:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-list-items{align-items:flex-start;flex-direction:column;width:100%}.nav-button{justify-content:space-between;margin-bottom:4px;margin-right:0;padding:12px 16px;width:100%}}.drawer-footer-button,.navbar .theme-toggle{z-index:2000}
/*# sourceMappingURL=main.e7e53eb3.css.map*/