@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";.sidebar-separator{border:none;border-top:1px solid var(--color-border-hr);margin:0 18px}.sidebar-logout{padding:20px 18px 0}.logout-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px 20px;background:none;border:none;color:#e74c3c;font-size:1rem;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#e74c3c1a}.logout-text{margin-left:10px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:270px;display:flex;flex-direction:column;flex-shrink:0;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-hr);box-shadow:0 3px 9px var(--color-shadow);transition:width .4s ease}.sidebar.collapsed{width:90px}.sidebar .sidebar-header{display:flex;padding:20px 18px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-hr);position:relative;gap:12px}.sidebar-header .header-logo{width:46px;height:46px;object-fit:cover;display:block;border-radius:50%;transition:opacity .4s ease}.sidebar-header .header-logo.logo-dark{filter:invert(1) brightness(2) grayscale(1)}.sidebar.collapsed .sidebar-header .header-logo{opacity:0;pointer-events:none}.sidebar-header .sidebar-toggle{height:40px;width:40px;border:none;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:var(--color-bg-secondary);transition:.4s ease,right .4s ease;position:absolute;top:50%;transform:translateY(-50%);right:18px}.sidebar.collapsed .sidebar-header .sidebar-toggle{right:25px;height:36px;width:36px;box-shadow:0 2px 6px #00000026;z-index:10}.sidebar-header .sidebar-toggle:hover{background:var(--color-hover-secondary)}.sidebar-header .sidebar-toggle span{font-size:1.6rem;transition:none}.sidebar.collapsed .sidebar-toggle span{transform:rotate(180deg);transition:none}.sidebar .sidebar-content{flex:1;padding:20px 18px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--color-text-placeholder)}.sidebar.sidebar.collapsed .sidebar-content{scrollbar-width:none}.sidebar-content .search-form{min-height:48px;border-radius:8px;display:flex;padding:0 15px;margin:5px 0 20px;align-items:center;white-space:nowrap;background:var(--color-bg-secondary);transition:.4s ease}.sidebar.collapsed .sidebar-content .search-form:hover{cursor:pointer}.sidebar.sidebar.collapsed .sidebar-content .search-form:hover,.sidebar-content .search-form:focus-within{background:var(--color-hover-secondary)}.search-form input{border:none;background:none;outline:none;font-size:1rem;width:100%;margin-left:15px;color:var(--color-text-primary)}.search-form span{color:var(--color-text-placeholder)}.search-form input::placeholder{color:var(--color-text-placeholder)}.sidebar-content .menu-list{display:flex;gap:4px;flex-direction:column;list-style:none}.menu-list .menu-item:first-child .menu-link{margin-top:0}.menu-list .menu-link{text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap;padding:12px 15px;border-radius:8px;color:var(--color-text-primary);transition:.3s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-link .menu-label{transition:.3s ease}.sidebar.collapsed .menu-link .menu-label{opacity:0;pointer-events:none}.menu-list .menu-link:is(:hover,.active){color:#fff;background:var(--color-hover-primary);transition:background-color .2s ease,color .2s ease}.menu-list .menu-link:focus{outline:none}.menu-list .menu-link:active{background:var(--color-hover-primary)!important;color:#fff!important}.sidebar .sidebar-footer{padding:20px 18px;white-space:nowrap;border-top:1px solid var(--color-border-hr)}.sidebar-footer .theme-toggle{width:100%;min-height:48px;border-radius:8px;border:none;cursor:pointer;padding:0 15px;display:flex;align-items:center;color:var(--color-text-primary);background:var(--color-bg-secondary);transition:.3s ease}.sidebar-footer .theme-toggle:hover{background:var(--color-hover-secondary)}.theme-toggle .theme-label{display:flex;gap:10px;align-items:center}.theme-toggle .theme-label .theme-text{font-size:1rem;transition:opacity .4s .2s ease}.sidebar.collapsed .theme-toggle :where(.theme-text,.theme-toggle-track){width:0;opacity:0;transition:all .2s ease}.theme-toggle .theme-toggle-track{height:24px;width:48px;position:relative;border-radius:999px;margin-left:auto;background:#c3d1ec;transition:opacity .4s .2s ease,background-color .3s ease}body.dark-theme .theme-toggle .theme-toggle-track{background:var(--primary, #695CFE)}.theme-toggle-track .theme-toggle-indicator{position:absolute;top:3px;left:3px;height:18px;width:18px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}body.dark-theme .theme-toggle-track .theme-toggle-indicator{transform:translate(24px)}.site-nav{display:none;position:sticky;top:0;padding:15px 20px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-hr)}.site-nav .sidebar-toggle{position:unset}@media (max-width: 768px){.sidebar{position:fixed;left:0;height:100%;z-index:20;transition:left .4s ease}.sidebar.collapsed{left:-270px;width:270px}.sidebar.collapsed .sidebar-header .sidebar-toggle{display:none}.site-nav{display:block;position:static!important;width:100%;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-hr);box-shadow:0 2px 8px #0000000a;min-height:56px;height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;z-index:1}.site-nav .sidebar-toggle{margin-left:10px;background:var(--color-bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--color-shadow);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);border:none;transition:.4s ease}.site-nav .sidebar-toggle .toggle-icon{font-size:1.6rem;color:var(--color-text-primary);font-weight:400;display:flex;align-items:center;justify-content:center;width:40px;height:40px}}.notification-bell-wrapper{position:fixed;top:24px;right:32px;z-index:1001}.notification-bell-btn{background:var(--color-bg-sidebar, #23272f);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-primary, #fff);cursor:pointer;box-shadow:0 2px 8px #0000001a;position:relative;transition:background .2s}.notification-bell-btn:hover{background:var(--primary, #6c63ff)}.notification-dot{position:absolute;top:12px;right:12px;width:10px;height:10px;background:#e74c3c;border-radius:50%;border:2px solid var(--color-bg-sidebar, #23272f);display:inline-block}.notification-dropdown{position:absolute;top:56px;right:0;min-width:260px;background:var(--color-bg-sidebar, #23272f);color:var(--color-text-primary, #fff);border-radius:14px;box-shadow:0 4px 24px #00000052;padding:18px 16px 12px;display:flex;flex-direction:column;gap:10px}.notification-title{font-weight:700;font-size:1.1rem;margin-bottom:8px}.notification-item{background:var(--color-bg-secondary, #282c34);border-radius:8px;padding:10px 12px;font-size:1rem;color:var(--color-text-primary, #fff)}.notification-empty{color:#aaa;font-size:1rem;text-align:center}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--primary: #6c63ff;--color-primary: #6c63ff;--color-hover-primary: #6c63ff;--color-text-primary: #1F2936;--color-text-placeholder: #798EAE;--color-bg-primary: #f9fafb;--color-bg-secondary: #ECECFD;--color-bg-sidebar: #FFFFFF;--color-border-hr: #E2E8F0;--color-hover-secondary: #e2e2fb;--color-shadow: rgba(0, 0, 0, .05)}body.dark-theme{--color-text-primary: #F1F5F9;--color-text-placeholder: #A6B7D2;--color-bg-primary: #111827;--color-bg-secondary: #3D4859;--color-bg-sidebar: #1F2937;--color-border-hr: #3B475C;--color-hover-secondary: #48566a;--color-shadow: rgba(0, 0, 0, .3)}body{background:var(--color-bg-primary)}.info-icon-container{position:relative;display:flex;align-items:center}.info-icon-container svg{color:#e53935!important;filter:drop-shadow(0 1px 2px #0001);transition:transform .15s}.info-icon-container:hover svg{transform:scale(1.12) rotate(-6deg)}.info-icon-container .info-tooltip{visibility:hidden;min-width:180px;max-width:320px;width:max-content;background:#e53935;color:#fff;text-align:left;border-radius:8px;padding:10px 14px;position:absolute;z-index:10;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0002;font-size:.98rem;opacity:0;transition:opacity .3s,visibility .3s;pointer-events:none;white-space:pre-line;word-break:break-word}.info-icon-container:hover .info-tooltip{visibility:visible;opacity:1;pointer-events:auto}.app-container{display:flex;min-height:100vh}.main-content{flex-grow:1;padding:20px;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.page-content{padding:20px;border-radius:8px;box-shadow:0 3px 9px var(--color-shadow)}.page-content h1{font-size:2em;margin-bottom:15px}.page-content p{font-size:1.1em;line-height:1.6}