.logo[data-v-6647bd8f]{align-items:center;gap:12px;display:flex}.logo-name[data-v-6647bd8f]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-weight:700}.logo-tagline[data-v-6647bd8f]{color:#94a3b8;margin-top:2px;font-size:.7rem;display:block}.logo.sm .logo-name[data-v-6647bd8f]{font-size:18px}.logo.sm .logo-tagline[data-v-6647bd8f]{font-size:9px}.logo.sm .logo-icon svg[data-v-6647bd8f]{width:28px;height:28px}.logo.md .logo-name[data-v-6647bd8f]{font-size:22px}.logo.md .logo-tagline[data-v-6647bd8f]{font-size:10px}.logo.md .logo-icon svg[data-v-6647bd8f]{width:36px;height:36px}.logo.lg .logo-name[data-v-6647bd8f]{font-size:28px}.logo.lg .logo-tagline[data-v-6647bd8f]{font-size:11px}.logo.lg .logo-icon svg[data-v-6647bd8f]{width:48px;height:48px}.logo.text-only .logo-text[data-v-6647bd8f]{text-align:center}.sidebar[data-v-f6539ba3]{z-index:100;background:#fff;border:1px solid #eef2f6;border-radius:28px;flex-direction:column;width:280px;height:calc(100vh - 32px);margin:16px 0 16px 16px;padding:28px 20px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 4px 20px #00000005}.sidebar[data-v-f6539ba3]::-webkit-scrollbar{width:4px}.sidebar[data-v-f6539ba3]::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.sidebar[data-v-f6539ba3]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.logo[data-v-f6539ba3]{justify-content:center;margin-bottom:32px;display:flex}.nav-menu[data-v-f6539ba3]{flex:1}.nav-section[data-v-f6539ba3]{margin-bottom:28px}.section-title[data-v-f6539ba3]{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:12px;padding-left:12px;font-size:11px;font-weight:600}.nav-menu ul[data-v-f6539ba3]{list-style:none}.nav-menu li[data-v-f6539ba3]{margin-bottom:4px}.nav-menu li a[data-v-f6539ba3]{color:#475569;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-menu li a[data-v-f6539ba3]:hover{color:#6366f1;background:#f1f5f9}.nav-menu li.active a[data-v-f6539ba3]{color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f0e6ff);font-weight:600}.nav-icon[data-v-f6539ba3]{width:18px;height:18px}.user-info[data-v-f6539ba3]{border-top:1px solid #eef2f6;align-items:center;gap:12px;margin-top:16px;padding-top:20px;display:flex}.avatar[data-v-f6539ba3]{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.user-details[data-v-f6539ba3]{flex:1}.user-name[data-v-f6539ba3]{color:#1e293b;font-size:14px;font-weight:600}.user-role[data-v-f6539ba3]{color:#94a3b8;font-size:11px}.logout-icon[data-v-f6539ba3]{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.logout-icon[data-v-f6539ba3]:hover{opacity:1;background:#f1f5f9}.logout-icon-symbol[data-v-f6539ba3]{width:18px;height:18px}@media (width<=1024px){.sidebar[data-v-f6539ba3]{width:90px;padding:24px 12px}.sidebar .section-title[data-v-f6539ba3],.sidebar .nav-menu li a span[data-v-f6539ba3]:last-child,.sidebar .user-details[data-v-f6539ba3]{display:none}.sidebar .nav-menu li a[data-v-f6539ba3]{justify-content:center;padding:12px}.sidebar .user-info[data-v-f6539ba3]{justify-content:center}.logo[data-v-f6539ba3]{margin-bottom:24px}}*{box-sizing:border-box;margin:0;padding:0}#app{background:#f0f2f5;width:100%;min-height:100vh}.app-layout{min-height:100vh;display:flex;position:relative}.main-content{flex:1;margin-left:296px;padding:24px 32px}.auth-layout{width:100%;min-height:100vh}.resources-float{z-index:1000;position:fixed;bottom:28px;right:28px}.float-btn{cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 24px;transition:all .3s;display:flex;box-shadow:0 8px 24px #6366f159}.float-btn:hover{transform:translateY(-4px);box-shadow:0 14px 32px #6366f173}.float-icon{font-size:22px}.float-text{color:#fff;font-size:14px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:32px;width:380px;max-width:90%;max-height:85vh;animation:.3s slideUp;overflow:hidden;box-shadow:0 32px 64px -24px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#eef2ff,#f0e6ff);border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#6366f1;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.modal-title span:first-child{font-size:24px}.modal-close{cursor:pointer;color:#6366f1;background:#6366f11a;border:none;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.modal-close:hover{background:#6366f133;transform:scale(1.05)}.modal-body{max-height:60vh;padding:8px 0;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-item{border-bottom:1px solid #f0f2f5;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;transition:all .2s;display:flex}.modal-item:hover{background:#f8fafc}.modal-item-icon{font-size:28px}.modal-item-info{flex:1}.modal-item-info strong{color:#1e293b;margin-bottom:4px;font-size:14px;display:block}.modal-item-info small{color:#64748b;font-size:11px}.modal-item-arrow{color:#cbd5e1;font-size:18px;transition:all .2s}.modal-item:hover .modal-item-arrow{color:#6366f1;transform:translate(4px)}.modal-footer{border-top:1px solid #f0f2f5;justify-content:center;padding:14px 20px;display:flex}.footer-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:40px;padding:8px 28px;font-size:13px;font-weight:500;transition:all .2s}.footer-btn:hover{color:#6366f1;background:#e2e8f0}@media (width<=1024px){.main-content{margin-left:106px;padding:16px}}@media (width<=900px){.resources-float{bottom:20px;right:20px}.float-btn{padding:12px 20px}.float-text{font-size:13px}}@media (width<=500px){.float-text{display:none}.float-btn{border-radius:50px;padding:14px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:#fff;background:#6366f1}