.maintenance-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(90deg,#dc2626,#b91c1c 50%,#991b1b);color:#fff;font-size:.9rem;animation:bannerPulse 3s ease-in-out infinite;position:relative;z-index:1000;box-shadow:0 2px 8px rgba(220,38,38,.4)}.maintenance-banner .banner-content{display:flex;align-items:center;gap:.75rem;flex:1}.maintenance-banner .banner-content .banner-icon{flex-shrink:0;animation:iconPulse 1.5s ease-in-out infinite}.maintenance-banner .banner-content .banner-text strong{font-weight:700;letter-spacing:.5px}.maintenance-banner .banner-content .banner-text a{color:#fef3c7;text-decoration:underline;font-weight:600;transition:color .2s ease}.maintenance-banner .banner-content .banner-text a:hover{color:#fef08a}.maintenance-banner .banner-dismiss{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.maintenance-banner .banner-dismiss:hover{background:hsla(0,0%,100%,.25);transform:scale(1.05)}@keyframes bannerPulse{0%,to{opacity:1}50%{opacity:.92}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.maintenance-banner{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.maintenance-banner .banner-content{flex:1 1 100%}.maintenance-banner .banner-content .banner-text{font-size:.85rem}}.super-admin-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#111827;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.super-admin-layout .super-admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#991b1b,#7f1d1d);border-bottom:2px solid #dc2626;box-shadow:0 4px 12px rgba(0,0,0,.3)}.super-admin-layout .super-admin-header .header-left{display:flex;align-items:center;gap:1rem}.super-admin-layout .super-admin-header .header-left .sidebar-toggle{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#f3f4f6;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.super-admin-layout .super-admin-header .header-left .sidebar-toggle:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.super-admin-layout .super-admin-header .header-left .system-title{font-size:1.5rem;font-weight:700;margin:0;color:#fca5a5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.super-admin-layout .super-admin-header .header-right{display:flex;align-items:center;gap:2rem}.super-admin-layout .super-admin-header .header-right .user-info{display:flex;align-items:center;gap:1rem}.super-admin-layout .super-admin-header .header-right .user-info .user-badge .role-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;letter-spacing:.5px}.super-admin-layout .super-admin-header .header-right .user-info .user-badge .role-badge.super-admin{background:#dc2626;color:#fff}.super-admin-layout .super-admin-header .header-right .user-info .user-details{margin:0}.super-admin-layout .super-admin-header .header-right .user-info .user-details .username{font-weight:600;font-size:.95rem;color:#f3f4f6;margin:0}.super-admin-layout .super-admin-header .header-right .user-info .user-details .email{font-size:.85rem;color:#d1d5db;margin:0}.super-admin-layout .super-admin-header .header-right .logout-btn{background:#dc2626;border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.super-admin-layout .super-admin-header .header-right .logout-btn:hover{background:#b91c1c;transform:scale(1.05)}.super-admin-layout .super-admin-container{display:flex;flex:1;overflow:hidden}.super-admin-layout .super-admin-sidebar{width:280px;background-color:#1f2937;border-right:1px solid #374151;overflow-y:auto;transition:all .3s ease;padding:1.5rem 0}.super-admin-layout .super-admin-sidebar.closed{width:80px}.super-admin-layout .super-admin-sidebar.closed .nav-label,.super-admin-layout .super-admin-sidebar.closed .submenu{display:none}.super-admin-layout .super-admin-sidebar .admin-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper{display:flex;flex-direction:column}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease;white-space:nowrap}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .nav-item:hover{background-color:rgba(220,38,38,.1);color:#fca5a5}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .nav-item:hover .chevron{color:#dc2626}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .nav-item .chevron{margin-left:auto;transition:transform .3s ease}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .nav-item .chevron.expanded{transform:rotate(180deg)}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .submenu{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0 .5rem 2.5rem;animation:slideDown .3s ease}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .submenu .submenu-item{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;text-align:left;cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s ease}.super-admin-layout .super-admin-sidebar .admin-nav .nav-item-wrapper .submenu .submenu-item:hover{background-color:rgba(220,38,38,.15);color:#fca5a5;padding-left:1.25rem}.super-admin-layout .super-admin-content{flex:1;overflow-y:auto;padding:2rem;background-color:#111827}.super-admin-layout .super-admin-content::-webkit-scrollbar{width:8px}.super-admin-layout .super-admin-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.super-admin-layout .super-admin-content::-webkit-scrollbar-thumb{background:#dc2626;border-radius:4px}.super-admin-layout .super-admin-content::-webkit-scrollbar-thumb:hover{background:#991b1b}.super-admin-layout .super-admin-footer{padding:1.5rem 2rem;background-color:#1f2937;border-top:1px solid #374151;text-align:center;color:#d1d5db;font-size:.9rem}.super-admin-layout .super-admin-footer p{margin:0}@media(max-width:768px){.super-admin-layout .super-admin-header{flex-direction:column;gap:1rem;padding:1rem}.super-admin-layout .super-admin-header .header-right{gap:1rem}.super-admin-layout .super-admin-container{flex-direction:column}.super-admin-layout .super-admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #374151}.super-admin-layout .super-admin-sidebar.closed{display:none}}.admin-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#111827;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-layout .admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#1e40af,#0c2340);border-bottom:2px solid #2563eb;box-shadow:0 4px 12px rgba(0,0,0,.3)}.admin-layout .admin-header .header-left{display:flex;align-items:center;gap:1rem}.admin-layout .admin-header .header-left .sidebar-toggle{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#f3f4f6;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.admin-layout .admin-header .header-left .sidebar-toggle:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.admin-layout .admin-header .header-left .system-title{font-size:1.5rem;font-weight:700;margin:0;color:#93c5fd;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-layout .admin-header .header-right{display:flex;align-items:center;gap:2rem}.admin-layout .admin-header .header-right .user-info{display:flex;align-items:center;gap:1rem}.admin-layout .admin-header .header-right .user-info .user-badge .role-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;letter-spacing:.5px}.admin-layout .admin-header .header-right .user-info .user-badge .role-badge.admin{background:#2563eb;color:#fff}.admin-layout .admin-header .header-right .user-info .user-details{margin:0}.admin-layout .admin-header .header-right .user-info .user-details .username{font-weight:600;font-size:.95rem;color:#f3f4f6;margin:0}.admin-layout .admin-header .header-right .user-info .user-details .email{font-size:.85rem;color:#d1d5db;margin:0}.admin-layout .admin-header .header-right .logout-btn{background:#2563eb;border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.admin-layout .admin-header .header-right .logout-btn:hover{background:#1d4ed8;transform:scale(1.05)}.admin-layout .admin-container{display:flex;flex:1;overflow:hidden}.admin-layout .admin-sidebar{width:260px;background-color:#1f2937;border-right:1px solid #374151;overflow-y:auto;transition:all .3s ease;padding:1.5rem 0}.admin-layout .admin-sidebar.closed{width:80px}.admin-layout .admin-sidebar.closed .nav-label,.admin-layout .admin-sidebar.closed .submenu{display:none}.admin-layout .admin-sidebar .admin-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper{display:flex;flex-direction:column}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease;white-space:nowrap}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .nav-item:hover{background-color:rgba(37,99,235,.1);color:#93c5fd}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .nav-item:hover .chevron{color:#2563eb}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .nav-item .chevron{margin-left:auto;transition:transform .3s ease}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .nav-item .chevron.expanded{transform:rotate(180deg)}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .submenu{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0 .5rem 2.5rem;animation:slideDown .3s ease}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .submenu .submenu-item{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;text-align:left;cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s ease}.admin-layout .admin-sidebar .admin-nav .nav-item-wrapper .submenu .submenu-item:hover{background-color:rgba(37,99,235,.15);color:#93c5fd;padding-left:1.25rem}.admin-layout .admin-content{flex:1;overflow-y:auto;padding:2rem;background-color:#111827}.admin-layout .admin-content::-webkit-scrollbar{width:8px}.admin-layout .admin-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.admin-layout .admin-content::-webkit-scrollbar-thumb{background:#2563eb;border-radius:4px}.admin-layout .admin-content::-webkit-scrollbar-thumb:hover{background:#1e40af}.admin-layout .admin-footer{padding:1.5rem 2rem;background-color:#1f2937;border-top:1px solid #374151;text-align:center;color:#d1d5db;font-size:.9rem}.admin-layout .admin-footer p{margin:0}@media(max-width:768px){.admin-layout .admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-layout .admin-header .header-right{gap:1rem}.admin-layout .admin-container{flex-direction:column}.admin-layout .admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #374151}.admin-layout .admin-sidebar.closed{display:none}}.moderator-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#111827;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.moderator-layout .moderator-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#6d28d9,#3f0f63);border-bottom:2px solid #7c3aed;box-shadow:0 4px 12px rgba(0,0,0,.3)}.moderator-layout .moderator-header .header-left{display:flex;align-items:center;gap:1rem}.moderator-layout .moderator-header .header-left .sidebar-toggle{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#f3f4f6;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.moderator-layout .moderator-header .header-left .sidebar-toggle:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.moderator-layout .moderator-header .header-left .system-title{font-size:1.5rem;font-weight:700;margin:0;color:#d8b4fe;text-shadow:0 2px 4px rgba(0,0,0,.3)}.moderator-layout .moderator-header .header-right{display:flex;align-items:center;gap:2rem}.moderator-layout .moderator-header .header-right .user-info{display:flex;align-items:center;gap:1rem}.moderator-layout .moderator-header .header-right .user-info .user-badge .role-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;letter-spacing:.5px}.moderator-layout .moderator-header .header-right .user-info .user-badge .role-badge.moderator{background:#7c3aed;color:#fff}.moderator-layout .moderator-header .header-right .user-info .user-details{margin:0}.moderator-layout .moderator-header .header-right .user-info .user-details .username{font-weight:600;font-size:.95rem;color:#f3f4f6;margin:0}.moderator-layout .moderator-header .header-right .user-info .user-details .email{font-size:.85rem;color:#d1d5db;margin:0}.moderator-layout .moderator-header .header-right .logout-btn{background:#7c3aed;border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.moderator-layout .moderator-header .header-right .logout-btn:hover{background:#6d28d9;transform:scale(1.05)}.moderator-layout .moderator-container{display:flex;flex:1;overflow:hidden}.moderator-layout .moderator-sidebar{width:260px;background-color:#1f2937;border-right:1px solid #374151;overflow-y:auto;transition:all .3s ease;padding:1.5rem 0}.moderator-layout .moderator-sidebar.closed{width:80px}.moderator-layout .moderator-sidebar.closed .nav-label,.moderator-layout .moderator-sidebar.closed .submenu{display:none}.moderator-layout .moderator-sidebar .moderator-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper{display:flex;flex-direction:column}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease;white-space:nowrap}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .nav-item:hover{background-color:rgba(124,58,237,.1);color:#d8b4fe}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .nav-item:hover .chevron{color:#7c3aed}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .nav-item .chevron{margin-left:auto;transition:transform .3s ease}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .nav-item .chevron.expanded{transform:rotate(180deg)}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .submenu{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0 .5rem 2.5rem;animation:slideDown .3s ease}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .submenu .submenu-item{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;text-align:left;cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s ease}.moderator-layout .moderator-sidebar .moderator-nav .nav-item-wrapper .submenu .submenu-item:hover{background-color:rgba(124,58,237,.15);color:#d8b4fe;padding-left:1.25rem}.moderator-layout .moderator-content{flex:1;overflow-y:auto;padding:2rem;background-color:#111827}.moderator-layout .moderator-content::-webkit-scrollbar{width:8px}.moderator-layout .moderator-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.moderator-layout .moderator-content::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:4px}.moderator-layout .moderator-content::-webkit-scrollbar-thumb:hover{background:#6d28d9}.moderator-layout .moderator-footer{padding:1.5rem 2rem;background-color:#1f2937;border-top:1px solid #374151;text-align:center;color:#d1d5db;font-size:.9rem}.moderator-layout .moderator-footer p{margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.moderator-layout .moderator-header{flex-direction:column;gap:1rem;padding:1rem}.moderator-layout .moderator-header .header-right{gap:1rem}.moderator-layout .moderator-container{flex-direction:column}.moderator-layout .moderator-sidebar{width:100%;border-right:none;border-bottom:1px solid #374151}.moderator-layout .moderator-sidebar.closed{display:none}}.user-layout{display:flex;min-height:100vh;background-color:#111827;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.user-layout .user-sidebar{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(2,132,199,.1),rgba(8,47,73,.3));border-right:1px solid #374151;padding:0;height:100vh;overflow:hidden;position:fixed;left:0;top:0;z-index:1000;width:240px;transition:width .3s ease}.user-layout .user-sidebar.open{width:240px}.user-layout .user-sidebar.closed{width:64px}.user-layout .user-sidebar::-webkit-scrollbar{width:4px}.user-layout .user-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.user-layout .user-sidebar::-webkit-scrollbar-thumb{background:rgba(14,165,233,.5);border-radius:2px}.user-layout .user-sidebar::-webkit-scrollbar-thumb:hover{background:#0ea5e9}.user-layout .user-sidebar .sidebar-top{display:flex;justify-content:center;padding:1rem 0;border-bottom:1px solid rgba(55,65,81,.5);flex-shrink:0}.user-layout .user-sidebar .sidebar-top .toggle-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#f3f4f6;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .3s ease}.user-layout .user-sidebar .sidebar-top .toggle-btn:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.user-layout .user-sidebar .user-menu{display:flex;flex-direction:column;gap:.75rem;padding:1rem .5rem;flex:1;overflow-y:auto;overflow-x:hidden}.user-layout .user-sidebar .user-menu .nav-item-wrapper{display:flex;flex-direction:column}.user-layout .user-sidebar .user-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;cursor:pointer;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative;width:100%}.user-layout .user-sidebar .user-menu .menu-item:hover:not(.logout):not(.logout-btn){background:rgba(14,165,233,.15);color:#7dd3fc}.user-layout .user-sidebar .user-menu .menu-item:hover:not(.logout):not(.logout-btn) svg{color:#0ea5e9}.user-layout .user-sidebar .user-menu .menu-item.active{background:rgba(14,165,233,.2);color:#7dd3fc;border-left:3px solid #0ea5e9}.user-layout .user-sidebar .user-menu .menu-item.active svg{color:#0ea5e9}.user-layout .user-sidebar .user-menu .menu-item .premium-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.user-layout .user-sidebar .user-menu .menu-item .menu-item-content{display:flex;align-items:center;gap:.5rem;flex:1}.user-layout .user-sidebar .user-menu .menu-item .menu-item-content .menu-label{flex:1;text-align:left}.user-layout .user-sidebar .user-menu .menu-item .menu-item-content .menu-badge{display:inline-block;padding:.25rem .5rem;background:#0ea5e9;color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.user-layout .user-sidebar .user-menu .menu-item .menu-item-content .chevron{transition:transform .3s ease;color:#d1d5db}.user-layout .user-sidebar .user-menu .menu-item .menu-item-content .chevron.expanded{transform:rotate(180deg)}.user-layout .user-sidebar .user-menu .menu-item.logout,.user-layout .user-sidebar .user-menu .menu-item.logout-btn{color:#dc2626;margin-top:auto}.user-layout .user-sidebar .user-menu .menu-item.logout-btn:hover,.user-layout .user-sidebar .user-menu .menu-item.logout:hover{background:rgba(220,38,38,.25);color:#ff6b6b;transform:translateX(4px)}.user-layout .user-sidebar .user-menu .menu-item.logout-btn:hover svg,.user-layout .user-sidebar .user-menu .menu-item.logout:hover svg{color:#ff6b6b}.user-layout .user-sidebar .user-menu .menu-item.logout svg,.user-layout .user-sidebar .user-menu .menu-item.logout-btn svg{color:#dc2626;transition:color .3s ease}.user-layout .user-sidebar .user-menu .submenu{display:flex;flex-direction:column;margin-left:2.5rem;margin-top:.25rem;gap:.25rem;padding:.5rem 0;border-left:2px solid rgba(14,165,233,.3)}.user-layout .user-sidebar .user-menu .submenu .submenu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,0);border:none;color:#d1d5db;cursor:pointer;border-radius:6px;font-weight:400;font-size:.85rem;transition:all .2s ease;text-align:left}.user-layout .user-sidebar .user-menu .submenu .submenu-item:hover{background:rgba(14,165,233,.1);color:#7dd3fc}.user-layout .user-sidebar .user-menu .submenu .submenu-item:hover svg{color:#0ea5e9}.user-layout .user-sidebar .user-menu .submenu .submenu-item.active{background:rgba(14,165,233,.2);color:#7dd3fc;font-weight:500}.user-layout .user-sidebar .user-menu .submenu .submenu-item.active svg{color:#0ea5e9}.user-layout .user-sidebar .user-menu .submenu .submenu-item svg{width:16px;height:16px}.user-layout .user-sidebar .sidebar-footer{padding:1rem .5rem;border-top:1px solid rgba(55,65,81,.5);margin-top:auto;flex-shrink:0;background:linear-gradient(135deg,rgba(2,132,199,.1),rgba(8,47,73,.3));position:sticky;bottom:0;z-index:10}.user-layout .user-sidebar .sidebar-footer .logout-btn{margin-top:0;width:100%}.user-layout .user-content-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;margin-left:240px;position:relative;z-index:1;transition:margin-left .3s ease}.user-layout .user-content-wrapper .user-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(2,132,199,.1),rgba(8,47,73,.2));border-bottom:2px solid #0ea5e9;backdrop-filter:blur(10px)}.user-layout .user-content-wrapper .user-header .header-left .page-title{font-size:1.75rem;font-weight:700;margin:0;color:#7dd3fc;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-layout .user-content-wrapper .user-header .header-right{display:flex;align-items:center;gap:2rem}.user-layout .user-content-wrapper .user-header .header-right .subscription-info .subscription-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:20px;font-weight:600;font-size:.85rem;letter-spacing:.5px;color:#fff;text-transform:uppercase}.user-layout .user-content-wrapper .user-header .header-right .subscription-info .subscription-badge.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 15px rgba(251,191,36,.3)}.user-layout .user-content-wrapper .user-header .header-right .subscription-info .subscription-badge.premium{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 0 15px rgba(168,85,247,.3)}.user-layout .user-content-wrapper .user-header .header-right .subscription-info .subscription-badge.basic{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 15px rgba(16,185,129,.3)}.user-layout .user-content-wrapper .user-header .header-right .subscription-info .subscription-badge.free{background:rgba(107,114,128,.5);box-shadow:0 0 10px rgba(107,114,128,.2)}.user-layout .user-content-wrapper .user-header .header-right .user-profile{display:flex;align-items:center;gap:1rem}.user-layout .user-content-wrapper .user-header .header-right .user-profile .user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:700;font-size:1.1rem}.user-layout .user-content-wrapper .user-header .header-right .user-profile .user-details{margin:0}.user-layout .user-content-wrapper .user-header .header-right .user-profile .user-details .username{font-weight:600;font-size:.95rem;color:#f3f4f6;margin:0}.user-layout .user-content-wrapper .user-header .header-right .user-profile .user-details .subscription-status{font-size:.8rem;color:#d1d5db;margin:.25rem 0 0}.user-layout .user-content-wrapper .user-header .header-right .logout-btn{display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .3s ease}.user-layout .user-content-wrapper .user-header .header-right .logout-btn:hover{background:rgba(239,68,68,.25);transform:scale(1.05)}.user-layout .user-content-wrapper .user-main-content{flex:1;overflow-y:auto;padding:2rem}.user-layout .user-content-wrapper .user-main-content::-webkit-scrollbar{width:8px}.user-layout .user-content-wrapper .user-main-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.user-layout .user-content-wrapper .user-main-content::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:4px}.user-layout .user-content-wrapper .user-main-content::-webkit-scrollbar-thumb:hover{background:#0284c7}.user-layout .user-content-wrapper .user-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(2,132,199,.05),rgba(8,47,73,.1));border-top:1px solid #374151;text-align:center;color:#d1d5db;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.user-layout .user-content-wrapper .user-footer p{margin:0}.user-layout .user-content-wrapper .user-footer .upgrade-prompt{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.user-layout .user-content-wrapper .user-footer .upgrade-prompt:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(251,191,36,.2)}.user-layout .user-sidebar.closed~.user-content-wrapper{margin-left:64px}.user-layout .user-sidebar.open~.user-content-wrapper{margin-left:240px}@media(max-width:768px){.user-layout{flex-direction:column}.user-layout .user-sidebar{width:100%;border-right:none;border-bottom:1px solid #374151;flex-direction:row;padding:0;overflow-x:auto}.user-layout .user-sidebar .sidebar-top{display:none}.user-layout .user-sidebar .user-menu{flex-direction:row;padding:.5rem;gap:.25rem}.user-layout .user-content-wrapper .user-header{flex-direction:column;gap:1rem;padding:1rem}.user-layout .user-content-wrapper .user-header .header-right{gap:1rem;width:100%}.user-layout .user-content-wrapper .user-main-content{padding:1rem}.user-layout .user-content-wrapper .user-footer{flex-direction:column;gap:1rem}}@media(max-width:480px){.user-layout .user-content-wrapper .user-header{padding:.75rem}.user-layout .user-content-wrapper .user-header .header-left .page-title{font-size:1.3rem}.user-layout .user-content-wrapper .user-header .header-right{flex-direction:column;gap:.5rem}.user-layout .user-content-wrapper .user-main-content{padding:.5rem}.user-layout .user-content-wrapper .user-footer{padding:1rem .5rem;font-size:.8rem}}.layout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.layout-loading .spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.layout-loading p{margin-top:1rem;font-size:1.1rem}@keyframes spin{to{transform:rotate(1turn)}}.register-container{min-height:100vh;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:clamp(1.5rem,6vw,4rem);position:relative;isolation:isolate}.register-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 30%,rgba(0,213,255,.1),transparent 45%),radial-gradient(circle at 80% 15%,rgba(255,78,190,.12),transparent 50%);z-index:-1;pointer-events:none}.register-left{border-radius:32px;background:linear-gradient(140deg,rgba(255,78,190,.25),rgba(0,213,255,.18)),url(/image/login.jpeg) 50%/cover no-repeat,var(--expert-bg-alt);position:relative;overflow:hidden;box-shadow:0 25px 80px rgba(3,5,21,.85)}.register-left:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(4,6,20,.15),rgba(4,6,20,.7))}.register-right{display:flex;justify-content:center;align-items:center}.register-form-wrapper{width:100%;max-width:430px;padding:clamp(1.5rem,5vw,3rem);border-radius:28px;background:linear-gradient(140deg,rgba(9,13,28,.96),rgba(11,17,36,.92));border:1px solid var(--expert-border);box-shadow:var(--expert-shadow);backdrop-filter:blur(16px)}.register-title{font-size:clamp(2rem,4vw,2.45rem);font-weight:700;text-align:center;color:var(--expert-text);letter-spacing:-.03em}.register-subtitle{text-align:center;color:var(--expert-muted);font-size:.95rem;margin-bottom:2rem}.register-form{display:flex;flex-direction:column}.register-form label{font-size:.9rem;margin-top:1rem;margin-bottom:.4rem;color:var(--expert-muted);letter-spacing:.02em}.register-form input,.register-form select{padding:.95rem 1rem;border-radius:14px;border:1px solid var(--expert-border);background:rgba(9,14,30,.9);color:var(--expert-text);font-size:.95rem;transition:border .2s ease,box-shadow .2s ease,background .2s ease;appearance:none}.register-form input:focus,.register-form select:focus{border-color:var(--expert-border-strong);box-shadow:0 0 0 3px rgba(255,78,190,.15);background:rgba(9,16,34,.95);outline:none}.register-form input::placeholder,.register-form select::placeholder{color:rgba(152,163,205,.55)}.register-form .country-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 1.33333L5.99992 6L1.33325 1.33333' stroke='%23f6f8ff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 1rem)}.register-form .register-checkbox{display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;cursor:pointer}.register-form .register-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.2rem;padding:0;flex-shrink:0;border-radius:4px;border:1px solid var(--expert-border-strong);background:rgba(0,0,0,0);box-shadow:none;appearance:auto;accent-color:var(--expert-accent)}.register-form .register-checkbox span a{color:var(--expert-accent);text-decoration:underline}.register-form .register-checkboxes-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--expert-muted)}.register-btn{margin-top:1.75rem;padding:1rem;border-radius:14px;border:none;background:linear-gradient(125deg,var(--expert-accent-2),#ff8bbd);color:var(--expert-bg);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 40px rgba(255,78,190,.25)}.register-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 25px 55px rgba(255,78,190,.35)}.register-btn:disabled{cursor:not-allowed;opacity:.6}.register-divider{text-align:center;margin:1.75rem 0;color:var(--expert-muted);position:relative;font-size:.85rem;letter-spacing:.2em}.register-divider span{background:rgba(0,0,0,0);padding:0 1rem}.register-divider:before{content:"";position:absolute;left:0;top:50%;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);z-index:-1}.google-btn{background:linear-gradient(140deg,rgba(12,19,38,.92),rgba(15,23,52,.9))}.register-login{margin-top:1.25rem;text-align:center;font-size:.9rem;color:var(--expert-muted)}.register-login a{font-weight:600;color:var(--expert-accent);text-decoration:none}.register-login a:hover{text-decoration:underline}@media(max-width:900px){.register-container{grid-template-columns:1fr;gap:2rem}.register-left{min-height:280px}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}.back-to-landing{margin-bottom:20px}.back-to-landing .landing-button{background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);color:#00d9ff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.back-to-landing .landing-button:hover{background:rgba(0,217,255,.2);border-color:#00d9ff;transform:translateY(-2px)}.back-to-landing .landing-button:active{transform:translateY(0)}.login-container{min-height:100vh;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:clamp(1.5rem,6vw,4rem);position:relative;isolation:isolate}.login-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,213,255,.16),transparent 45%),radial-gradient(circle at 85% 10%,rgba(255,78,190,.18),transparent 50%),radial-gradient(circle at 75% 80%,rgba(46,242,163,.12),transparent 40%);z-index:-1;pointer-events:none}.login-left{border-radius:32px;background:linear-gradient(135deg,rgba(0,213,255,.25),rgba(46,242,163,.2)),url(/image/login.jpeg) 50%/cover no-repeat,var(--expert-bg-alt);position:relative;overflow:hidden}.login-left:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,6,24,.1),rgba(3,6,24,.65))}.login-right{display:flex;align-items:center;justify-content:center}.login-form-wrapper{width:100%;max-width:420px;padding:clamp(1.5rem,5vw,3rem);border-radius:28px;background:linear-gradient(135deg,rgba(9,13,28,.95),rgba(10,16,38,.9));box-shadow:var(--expert-shadow);border:1px solid var(--expert-border);backdrop-filter:blur(18px)}.login-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;text-align:center;color:var(--expert-text);letter-spacing:-.03em}.login-subtitle{text-align:center;color:var(--expert-muted);margin-bottom:2rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:.25rem}.login-form label{font-size:.9rem;margin-top:1rem;color:var(--expert-muted);letter-spacing:.02em}.login-form input{padding:.95rem 1rem;border-radius:14px;border:1px solid var(--expert-border);background:rgba(9,14,30,.9);color:var(--expert-text);font-size:.95rem;transition:border .2s ease,box-shadow .2s ease,background .2s ease}.login-form input:focus{border-color:var(--expert-border-strong);box-shadow:0 0 0 3px rgba(0,213,255,.12);background:rgba(9,16,34,.95);outline:none}.login-form input::placeholder{color:rgba(152,163,205,.6)}.login-forgot{text-align:right;margin-top:.75rem}.login-forgot a{font-size:.8rem;color:var(--expert-accent);font-weight:500;text-decoration:none}.login-forgot a:hover{text-decoration:underline}.login-btn{margin-top:1.75rem;padding:1rem;border-radius:14px;border:none;background:linear-gradient(125deg,var(--expert-accent),#1da9ff);color:var(--expert-bg);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 15px 35px rgba(0,213,255,.25)}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px rgba(0,213,255,.35)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-divider{text-align:center;margin:1.75rem 0;color:var(--expert-muted);position:relative;font-size:.85rem;letter-spacing:.15em}.login-divider span{background:rgba(0,0,0,0);padding:0 1rem}.login-divider:before{content:"";position:absolute;left:0;top:50%;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);z-index:-1}.google-btn{width:100%;padding:.95rem;border-radius:14px;border:1px solid rgba(152,163,205,.35);background:linear-gradient(135deg,rgba(12,19,38,.9),rgba(13,21,44,.9));color:var(--expert-text);display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:border .2s ease,transform .2s ease}.google-btn:hover{border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.google-btn .google-icon{width:20px;height:20px}.login-signup{margin-top:1.25rem;text-align:center;font-size:.9rem;color:var(--expert-muted)}.login-signup a{font-weight:600;color:var(--expert-accent-2);text-decoration:none}.login-signup a:hover{text-decoration:underline}@media(max-width:900px){.login-container{grid-template-columns:1fr;gap:2rem}.login-left{min-height:280px}}