*{box-sizing:border-box}:root{--primary: #2563eb;--primary-light: #eff6ff;--bg-page: #f0f2f5;--bg-card: #ffffff;--text-secondary: #64748b;--border: #e2e8f0;--header-bg: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius: 10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-page);color:#1e293b;-webkit-font-smoothing:antialiased}#root{min-height:100vh;overflow-x:hidden}.site-header.ant-layout-header{display:flex;line-height:normal}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:8px;padding:0 24px;background:var(--header-bg)!important;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);height:60px;line-height:normal;overflow:hidden}.site-nav-toggle{display:none;flex-shrink:0}.site-header-actions{flex-shrink:0;margin-left:auto}.site-btn-profile{display:inline-flex!important;align-items:center;gap:8px;max-width:140px}.site-btn-profile .site-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.site-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.site-logo-image{border-radius:8px;flex-shrink:0;display:block}.site-logo-text{color:#1e293b!important;margin:0!important;font-size:18px!important;font-weight:600!important}.site-nav{flex:1;min-width:0;border-bottom:none!important;background:transparent!important;line-height:58px}.site-nav .ant-menu-item,.site-nav .ant-menu-submenu-title{color:#475569!important}.site-nav .ant-menu-item-selected,.site-nav .ant-menu-item-active{color:var(--primary)!important}.site-header .ant-btn-text{color:#475569!important}.site-header .ant-btn-text:hover{color:var(--primary)!important;background:var(--primary-light)!important}.site-content{padding:0;max-width:none;margin:0;width:100%}.page-inner,.list-page-inner,.upload-container{max-width:1280px;margin:0 auto;padding:24px;width:100%}.asset-grid{display:grid;gap:20px;grid-template-columns:repeat(var(--asset-cols, 4),minmax(0,1fr))}@media(max-width:992px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:768px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.asset-grid{grid-template-columns:1fr!important}}.portal-full-bleed{width:100%}.portal-carousel-wrap{background:#0f172a}.portal-carousel-wrap .ant-carousel{line-height:1}.portal-carousel-slide{position:relative;height:420px;display:flex!important;align-items:center;justify-content:center;overflow:hidden}.portal-carousel-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portal-carousel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59}.portal-carousel-content{position:relative;z-index:1;text-align:center;color:#fff;padding:0 24px;max-width:720px}.portal-carousel-content h2{margin:0 0 16px;font-size:40px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.25)}.portal-carousel-content p{margin:0 0 28px;font-size:18px;opacity:.92;line-height:1.6}.portal-carousel-btn{border-color:#ffffffd9!important;color:#fff!important;font-weight:500}.portal-carousel-dots li button{background:#ffffff73!important}.portal-carousel-dots li.slick-active button{background:#fff!important}.portal-category-nav{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.portal-category-row{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;max-width:1280px;margin:0 auto}.portal-category-sub{padding-top:0;border-top:1px dashed var(--border);margin-top:-4px;padding-bottom:16px}.portal-category-label{flex-shrink:0;width:48px;font-size:13px;font-weight:600;color:var(--text-secondary);line-height:32px}.portal-category-list{display:flex;flex-wrap:wrap;gap:10px;flex:1}.portal-category-tag{margin:0!important;padding:6px 16px!important;font-size:14px!important;border-radius:20px!important;cursor:pointer;border:1px solid var(--border)!important;background:#f8fafc!important;color:#334155!important;transition:all .2s;display:inline-flex!important;align-items:center;gap:6px}.portal-category-tag:hover{border-color:#93c5fd!important;color:var(--primary)!important}.portal-category-tag.is-active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.portal-category-dot{width:8px;height:8px;border-radius:50%;background:var(--cat-color, var(--primary));flex-shrink:0}.portal-category-tag.is-active .portal-category-dot{background:#fff}.portal-category-tag-sub{font-size:13px!important;padding:4px 14px!important}.module-hero-compact{padding:20px 24px;margin-bottom:20px}.module-hero-compact h2{font-size:20px}@media(max-width:768px){.site-header{padding:0 12px;height:56px}.site-nav-toggle{display:inline-flex!important;order:-1}.site-nav--desktop{display:none!important}.site-logo{min-width:0;flex:1}.site-logo-text{font-size:15px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(120px,28vw)}.site-btn-label{display:none}.site-btn-admin.ant-btn{padding-inline:8px}.site-auth-actions .ant-btn{padding-inline:10px}.page-inner,.list-page-inner,.upload-container{padding:16px 12px}.portal-carousel-slide{height:280px}.portal-carousel-content h2{font-size:26px}.portal-carousel-content p{font-size:14px;margin-bottom:16px}.portal-category-row{flex-direction:column;gap:8px;padding:12px 16px}.portal-category-label{width:auto;line-height:1.4}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .ant-select,.filter-bar .ant-input-search{width:100%!important}.filter-bar-actions{margin-left:0!important;width:100%}.filter-upload-btn{width:100%}.module-hero{padding:20px 16px}.module-hero-compact{padding:16px}.asset-detail-actions{flex-direction:column;align-items:stretch}.asset-detail-actions__right{margin-left:0;justify-content:flex-end}.upload-preview-card{flex-direction:column;align-items:center;text-align:center}.upload-thumb{width:100%;max-width:200px;height:auto;aspect-ratio:3 / 4}.profile-layout{flex-direction:column!important}.profile-layout .profile-sider{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}.profile-sider .ant-menu{display:flex;flex-wrap:nowrap;overflow-x:auto;border-inline-end:none!important;padding-bottom:4px}.profile-sider .ant-menu-item{flex-shrink:0;margin:0 4px!important;width:auto!important;padding-inline:12px!important}.profile-content{padding:16px}.admin-layout{flex-direction:column!important}.admin-layout .admin-sider{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}.admin-sider .ant-menu{display:flex;flex-wrap:nowrap;overflow-x:auto;border-inline-end:none!important}.admin-sider .ant-menu-item{flex-shrink:0;width:auto!important;padding-inline:12px!important}.admin-content{padding:16px 12px!important}.admin-content .ant-table-wrapper,.admin-content .ant-card{overflow-x:auto}.page-header-row{flex-direction:column;align-items:stretch}.page-header-extra,.page-header-extra .ant-btn{width:100%}.site-footer{padding:16px 12px;margin-top:32px;font-size:12px}.list-pagination .ant-pagination{flex-wrap:wrap;justify-content:center;row-gap:8px}}@media(max-width:480px){.site-logo-text{max-width:90px}.portal-carousel-slide{height:220px}.portal-carousel-content h2{font-size:20px;margin-bottom:8px}.portal-carousel-content p{font-size:13px;margin-bottom:12px}.portal-carousel-btn{font-size:13px;height:36px;padding-inline:16px!important}.pdf-card-cover{height:160px}.login-form-side{padding:24px 16px}}.site-footer{text-align:center;padding:24px;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border);background:var(--bg-card);margin-top:48px}.page-header{margin-bottom:24px}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-header-extra{flex-shrink:0}.module-hero{border-radius:var(--radius);padding:28px 32px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}.module-hero h2{margin:0 0 8px;font-size:24px;font-weight:600}.module-hero p{margin:0;opacity:.85;font-size:14px}.filter-bar{background:var(--bg-card);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;box-shadow:var(--shadow-sm);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pdf-card{border-radius:var(--radius)!important;overflow:hidden;border:1px solid var(--border)!important;transition:transform .2s,box-shadow .2s!important}.pdf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.pdf-card-cover{position:relative;height:200px;overflow:hidden;background:#f1f5f9}.pdf-card-cover img{width:100%;height:100%;object-fit:cover}.pdf-card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.pdf-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:20px}.pdf-card:hover .pdf-card-overlay{opacity:1}.pdf-card-title{font-weight:600!important;font-size:14px!important;margin-bottom:8px!important;min-height:44px}.pdf-card-meta{display:flex;gap:12px;color:var(--text-secondary);font-size:12px}.pdf-card-meta span{display:flex;align-items:center;gap:4px}.pdf-card-uploader{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.asset-detail-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.asset-detail-actions__right{margin-left:auto}.asset-detail-layout{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}.asset-detail-main{min-width:0}.asset-detail-aside--desktop{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:sticky;top:76px}.asset-detail-aside--mobile{display:none;margin-top:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.asset-detail-meta__thumb{width:100%;border-radius:8px;margin-bottom:16px;display:block}.asset-detail-meta__thumb-placeholder{text-align:center;padding:32px;background:#f1f5f9;border-radius:8px;margin-bottom:16px;color:#94a3b8;font-size:40px}.asset-detail-meta__text{margin-top:8px!important;font-size:13px}.asset-detail-meta__tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.asset-detail-image-wrap{background:#1e293b;border-radius:var(--radius);padding:16px;text-align:center}.asset-detail-image{max-width:100%;max-height:75vh;border-radius:8px}.asset-detail-fallback{background:var(--bg-card);border-radius:var(--radius);padding:48px 24px}.simple-file-preview{position:relative;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;min-height:min(70vh,900px)}.simple-file-preview__image{display:block;max-width:100%;margin:0 auto;padding:16px;box-sizing:border-box}.simple-file-preview__media{display:block;width:100%;max-height:min(85vh,1100px);background:#000}.simple-file-preview__audio-wrap{display:flex;align-items:center;justify-content:center;min-height:160px;padding:32px 24px;background:#f8fafc}.simple-file-preview__audio{width:min(100%,640px)}.simple-file-preview__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#f8fafc}.pdf-viewer{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.pdf-viewer__body{position:relative;flex:1;min-height:min(70vh,900px);max-height:min(85vh,1100px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:12px;background:#f1f5f9}.pdf-viewer__body canvas{display:block;background:#fff}.pdf-viewer__mask{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;background:#fff9}.pdf-viewer__nav{display:flex;justify-content:center;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-card)}@media(max-width:768px){.simple-file-preview,.simple-file-preview__media{min-height:78vh;max-height:78vh}.pdf-viewer__body{min-height:70vh;max-height:78vh}}@media(max-width:900px){.asset-detail-layout{grid-template-columns:1fr}.asset-detail-aside--desktop{display:none}.asset-detail-aside--mobile{display:block}}.upload-container{max-width:800px;margin:0 auto}.upload-dragger{border-radius:var(--radius)!important;padding:32px!important;background:var(--primary-light)!important;border-color:#93c5fd!important}.upload-preview-card{display:flex;gap:20px;padding:20px;background:var(--bg-card);border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--shadow-sm)}.upload-thumb{width:120px;height:160px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.profile-layout{background:transparent!important;gap:20px}.profile-sider{border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border)!important}.profile-content{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);min-height:400px}.profile-section-title{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;color:#334155}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:768px){.login-page{grid-template-columns:1fr}.login-brand{display:none!important}}.login-brand{background:linear-gradient(135deg,#0f172a,#1e3a5f,#2563eb);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;color:#fff}.login-brand h1{font-size:36px;font-weight:700;margin:24px 0 12px}.login-brand p{opacity:.8;font-size:16px;max-width:360px;text-align:center;line-height:1.6}.login-form-side{display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-page)}.login-card{width:100%;max-width:420px;border-radius:var(--radius)!important;box-shadow:var(--shadow-md)!important}.list-pagination{margin-top:32px;display:flex;justify-content:center}