html,body,#portal-app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--app-font-family);font-weight:var(--app-font-weight-body);font-variation-settings:"wght" var(--app-font-weight-body)}.portal-root{position:relative;width:100vw;height:100vh;overflow:hidden;color:var(--n-text-color, rgba(0, 0, 0, .88));background:var(--bg-overlay, #f5f6f8)}.portal-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,var(--portal-bg-orb-1, rgba(33, 150, 243, .18)),transparent 32%),radial-gradient(circle at 82% 14%,var(--portal-bg-orb-2, rgba(102, 126, 234, .16)),transparent 34%),radial-gradient(circle at 78% 84%,var(--portal-bg-orb-3, rgba(24, 160, 88, .12)),transparent 28%),var(--bg-overlay, #f5f6f8)}.portal-shell{position:relative;z-index:1;display:flex;width:100%;height:100%}.portal-sidebar{width:252px;height:100vh;flex:0 0 252px;display:flex;flex-direction:column;background:var(--bg-sider-glass, #fff);border-right:1px solid var(--bg-border-glass, #e0e4ea);transition:width .22s ease,flex-basis .22s ease}.dark .portal-sidebar,.red .portal-sidebar,.dark .portal-header,.red .portal-header,.dark .portal-card,.red .portal-card{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.portal-sidebar.collapsed{width:72px;flex-basis:72px}.portal-brand{height:64px;padding:0 18px;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px;border-bottom:1px solid var(--bg-border-glass, #e0e4ea)}.portal-brand img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.portal-user-card{margin:14px;padding:14px;display:flex;align-items:center;gap:12px;border-radius:16px;background:var(--primary-color-alpha, rgba(33, 150, 243, .12));border:1px solid rgba(127,127,127,.12)}.portal-nav{flex:1;overflow:auto;padding:6px 10px}.portal-nav-group{margin:12px 8px 6px;color:var(--n-text-color-3, rgba(0, 0, 0, .45));font-size:12px;font-weight:700}.portal-nav-item{height:42px;margin:4px 0;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:12px;cursor:pointer;color:var(--n-text-color-2, rgba(0, 0, 0, .72));transition:background .18s ease,color .18s ease,transform .18s ease}.portal-nav-item:hover{color:var(--primary-color);background:var(--primary-color-alpha);transform:translate(2px)}.portal-nav-item.active{color:var(--primary-color);background:var(--primary-color-alpha);font-weight:700}.portal-nav-icon{width:22px;text-align:center;font-size:18px;flex-shrink:0}.portal-sidebar.collapsed .portal-brand-text,.portal-sidebar.collapsed .portal-user-info,.portal-sidebar.collapsed .portal-nav-label,.portal-sidebar.collapsed .portal-nav-group,.portal-sidebar.collapsed .portal-sidebar-footer .portal-nav-label{display:none}.portal-sidebar-footer{padding:10px;border-top:1px solid var(--bg-border-glass, #e0e4ea)}.portal-main{min-width:0;height:100vh;flex:1;display:flex;flex-direction:column}.portal-header{height:64px;flex-shrink:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-header-glass, #fff);border-bottom:1px solid var(--bg-border-glass, #e0e4ea)}.portal-content-scroll{flex:1;overflow:auto}.portal-page{padding:24px}.portal-page-header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.portal-page-title{margin:0;font-size:26px;font-weight:800}.portal-page-subtitle{margin-top:6px;color:var(--n-text-color-3, rgba(0, 0, 0, .45))}.portal-card{border-radius:18px!important;overflow:hidden}.portal-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portal-stat-card{position:relative;padding:20px;min-height:110px;border-radius:20px;color:var(--portal-stat-text, #fff);overflow:hidden;background:var(--gradient-stat-1);box-shadow:0 12px 32px var(--portal-shadow-color, rgba(0, 0, 0, .12))}.portal-stat-card:nth-child(2){background:var(--gradient-stat-2)}.portal-stat-card:nth-child(3){background:var(--gradient-stat-3)}.portal-stat-card:nth-child(4){background:var(--gradient-stat-4)}.portal-stat-card:after{content:"";position:absolute;right:-22px;top:-22px;width:96px;height:96px;border-radius:999px;background:#ffffff2e}.portal-stat-icon{font-size:28px;opacity:.9}.portal-stat-value{margin-top:12px;font-size:30px;line-height:1;font-weight:850}.portal-stat-label{margin-top:8px;opacity:.86}.portal-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.portal-poster-card{border-radius:16px;overflow:hidden;background:var(--n-card-color, #fff);border:1px solid var(--bg-border-glass, #e0e4ea)}.portal-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;background:linear-gradient(135deg,var(--primary-color-alpha),rgba(127,127,127,.08))}.portal-poster-info{padding:12px}.portal-line-clamp-1,.portal-line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.portal-line-clamp-1{-webkit-line-clamp:1}.portal-line-clamp-2{-webkit-line-clamp:2}.portal-auth-page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.portal-auth-box{width:min(460px,100%)}.portal-auth-logo{margin-bottom:22px;text-align:center}.portal-auth-title{margin-top:12px;font-size:28px;font-weight:850}@media (max-width: 1024px){.portal-stat-grid,.portal-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.portal-shell{display:block}.portal-sidebar{position:fixed;z-index:20;left:0;top:0;transform:translate(-100%);transition:transform .22s ease}.portal-sidebar.mobile-open{transform:translate(0)}.portal-sidebar.collapsed{width:252px;flex-basis:252px}.portal-sidebar.collapsed .portal-brand-text,.portal-sidebar.collapsed .portal-user-info,.portal-sidebar.collapsed .portal-nav-label,.portal-sidebar.collapsed .portal-nav-group,.portal-sidebar.collapsed .portal-sidebar-footer .portal-nav-label{display:block}.portal-mobile-mask{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;background:#0000006b}.portal-page{padding:14px}.portal-page-header{flex-direction:column}.portal-stat-grid,.portal-grid-2,.portal-grid-3{grid-template-columns:1fr}.portal-header{padding:0 12px}.portal-header-mobile{height:auto;padding:8px 12px;flex-direction:column;gap:0}.portal-mobile-top{display:flex;align-items:center;gap:10px;width:100%}.portal-mobile-brand{display:flex;align-items:center;gap:6px;flex-shrink:0;cursor:pointer}.portal-mobile-logo{width:28px;height:28px;object-fit:contain}.portal-mobile-brand-text{font-size:16px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.portal-mobile-search{flex:1;min-width:0;position:relative}.portal-mobile-search :deep(.n-input){border-radius:20px}.portal-search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;background:var(--n-card-color, #fff);border:1px solid var(--bg-border-glass, #e0e4ea);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden}.portal-search-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .15s ease;gap:8px}.portal-search-result-item:hover{background:var(--primary-color-alpha, rgba(33, 150, 243, .08))}.portal-search-result-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.portal-search-result-meta{font-size:12px;color:var(--n-text-color-3, rgba(0, 0, 0, .45));flex-shrink:0}.portal-main.has-mobile-bottom .portal-content-scroll{padding-bottom:0}.portal-mobile-bottombar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;background:var(--bg-header-glass, #fff);border-top:1px solid var(--bg-border-glass, #e0e4ea);padding-bottom:env(safe-area-inset-bottom,0)}.portal-bottombar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;cursor:pointer;color:var(--n-text-color-3, rgba(0, 0, 0, .45));transition:color .18s ease;-webkit-tap-highlight-color:transparent}.portal-bottombar-item.active{color:var(--primary-color)}.portal-bottombar-label{font-size:10px;line-height:1;font-weight:600}}