body{background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#6b7280;font-size:15px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:#374151}.password-toggle .icon{height:20px;width:20px}.submit-btn{align-items:center;background-color:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-top:8px;min-height:50px;padding:14px;transition:background-color .2s ease,transform .1s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#ea580c}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.loader{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px;text-align:center}.admin-layout{display:flex;min-height:100vh}.main-wrapper{display:flex;flex:1;flex-direction:column;margin-left:260px;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-wrapper.expanded{margin-left:72px}.admin-top-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;height:64px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.mobile-menu-toggle{background:transparent;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:none;margin-right:12px;padding:8px}.mobile-menu-toggle:hover{background-color:#f3f4f6}.icon-md{height:24px;width:24px}.header-content{justify-content:space-between;width:100%}.header-content,.header-left{align-items:center;display:flex}.page-title{color:#111827;font-size:20px;font-weight:600;margin:0;text-transform:capitalize}.logout-btn{align-items:center;background-color:transparent;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background-color:#fce8e8;border-color:#fca5a5;color:#ef4444}.logout-btn .icon{height:16px;width:16px}.main-content{flex:1;min-height:400px;padding:32px;position:relative}.page-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f3f4f699;border-radius:12px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.loader-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:16px;padding:32px 48px}.icon-lg{height:48px;width:48px}.primary-color{color:#f97316}.loader-text{color:#111827;font-size:16px;font-weight:600;margin:0}.sidebar{background-color:#111827;box-shadow:4px 0 10px #0000001a;color:#d1d5db;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.sidebar-collapsed{width:72px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#374151;border-radius:4px}.sidebar-header{align-items:center;background-color:#1f2937;border-bottom:1px solid #374151;display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 20px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0}.logo{color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.toggle-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.toggle-btn:hover{background-color:#374151;color:#fff}.sidebar-collapsed .logo{cursor:pointer}.sidebar-nav{flex:1;padding:16px 12px}.nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.nav-item{width:100%}.nav-link{background:transparent;border:none;border-radius:8px;box-sizing:border-box;color:#9ca3af;cursor:pointer;font-size:14px;justify-content:flex-start;padding:10px 12px;text-decoration:none;transition:all .2s ease;width:100%}.nav-item-content,.nav-link{align-items:center;display:flex}.nav-link:hover{background-color:#374151;color:#fff}.nav-link.active,.submenu-toggle.active{background-color:#f97316;color:#fff}.icon{flex-shrink:0;height:20px;width:20px}.sidebar-collapsed .icon{margin:0 auto}.nav-text{font-weight:500;margin-left:12px;white-space:nowrap}.sidebar-collapsed .nav-text{display:none}.chevron{height:16px;margin-left:auto;transition:transform .2s ease;width:16px}.chevron-open{transform:rotate(180deg)}.submenu-list{background-color:#0f172a;border-radius:8px;list-style:none;margin:4px 0 0;overflow:hidden;padding:0}.submenu-item{margin-bottom:2px}.submenu-link{color:#6b7280;font-size:13px;padding:8px 12px 8px 44px}.submenu-link:hover{background-color:#1e293b;color:#d1d5db}.submenu-link.active{background-color:#1e293b;color:#fff;font-weight:600}.submenu-bullet{background-color:#4b5563;border-radius:50%;height:6px;left:28px;position:absolute;width:6px}.submenu-link.active .submenu-bullet{background-color:#6366f1}.sidebar-collapsed .nav-link{justify-content:center;padding:12px 0}.welcome-card{background:linear-gradient(135deg,#f97316,#f59e0b);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;margin-bottom:40px;padding:32px}.welcome-card h1{font-size:28px;margin:0 0 8px}.welcome-card p{font-size:16px;margin:0;opacity:.9}.token-display{align-items:center;background-color:#0003;border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:12px 16px}.token-display .label{font-size:14px;font-weight:600}.token-display code{background-color:#ffffff1a;border-radius:4px;font-family:monospace;padding:4px 8px;word-break:break-all}.modules-section h2{color:#111827;font-size:24px;margin-bottom:24px}.modules-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.module-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.module-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.module-icon{align-items:center;background-color:#e0e7ff;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.module-card h3{color:#374151;font-size:18px;font-weight:600;margin:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:900}@media(max-width:768px){.main-wrapper{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.admin-top-header{padding:0 16px}.main-content{padding:16px}.header-content{flex-wrap:nowrap}.page-title{font-size:18px}.logout-btn span{display:none}}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{animation:skeleton-loading 1.5s linear infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}