.page_materialsPage__heDxL{display:flex;flex-direction:column;height:100%}.page_header__pdpEj{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-page);z-index:10;position:sticky;top:0}.page_backBtnIOS__YK__w{display:inline-flex;align-items:center;color:#007aff;background:none;border:none;cursor:pointer;padding:4px 8px;margin-left:-8px;text-decoration:none;font-size:16px}.page_backBtnText___IRMn{margin-left:-4px;font-weight:500}.page_title__kOWgZ{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary)}.page_tabsRow__Qapj1{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4);overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--color-border-light)}.page_tabsRow__Qapj1::-webkit-scrollbar{display:none}.page_tab__Kz3xq{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.page_tab__Kz3xq:hover{color:var(--color-primary);background:var(--color-primary-bg)}.page_tabActive__VUWg_{color:var(--color-primary);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-primary)}.page_content__hfo4U{flex:1 1;overflow-y:auto;padding:var(--space-4)}.page_grid__Wv5lu{display:flex;flex-direction:column;gap:var(--space-3)}.page_materialCard__3PI2Q{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.page_materialCard__3PI2Q:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.page_cardIcon__FlOtT{width:48px;height:48px;background:var(--color-bg-section);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.page_cardInfo__PyNEW{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1)}.page_cardTitle__Svh7t{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page_cardType__l2ztJ{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.page_cardTags__F1ziL{display:flex;gap:var(--space-1);flex-wrap:wrap}.page_miniTag__v7ZQi{font-size:var(--font-size-xs);padding:0 6px;background:var(--color-bg-section);border-radius:var(--radius-pill);color:var(--color-text-tertiary);line-height:18px}.page_empty__qmhqF{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) 0;gap:var(--space-3);color:var(--color-text-tertiary)}.page_emptyIcon__5C_43{font-size:48px;opacity:.3}.page_uploadBtn__owomy{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);margin-top:var(--space-4);background:var(--color-primary-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.page_uploadBtn__owomy:hover{background:var(--color-primary-bg-hover);transform:translateY(-1px)}.page_cardArrow__VU3lh{display:flex;align-items:center;color:var(--color-text-tertiary);font-size:20px;flex-shrink:0}.page_modalBackdrop__MRMN3{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;animation:page_fadeIn__iPfdi .2s ease}.page_previewModal__Y_pMR{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:white;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1001;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);animation:page_slideUp__ocKDz .3s ease;overflow-y:auto}.page_previewHeader__he4Yk{display:flex;align-items:center;justify-content:space-between}.page_previewHeaderLeft__Au4Ni{display:flex;align-items:center;gap:var(--space-2)}.page_previewIcon__RPb57{font-size:24px}.page_previewType__rA6zq{font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-bg);padding:2px 10px;border-radius:var(--radius-pill);font-weight:var(--font-weight-medium)}.page_previewClose__KNl6x{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-section);color:var(--color-text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.page_previewTitle__acKFT{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page_previewTags__pAitv{display:flex;gap:var(--space-2);flex-wrap:wrap}.page_previewTag__XtYpj{font-size:var(--font-size-xs);padding:2px 10px;background:var(--color-bg-section);border-radius:var(--radius-pill);color:var(--color-text-secondary)}.page_previewContent__COkmr{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.8;white-space:pre-wrap;background:var(--color-bg-section);padding:var(--space-4);border-radius:var(--radius-lg);max-height:300px;overflow-y:auto}.page_previewActions__KBFdz{display:flex;gap:var(--space-3)}.page_previewActionBtn__w4mzf{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);background:white;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.page_previewActionBtn__w4mzf:hover{border-color:var(--color-primary);color:var(--color-primary)}.page_previewActionPrimary__ave1_{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:none;background:var(--color-primary);border-radius:var(--radius-lg);color:white;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.page_previewActionPrimary__ave1_:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@keyframes page_fadeIn__iPfdi{0%{opacity:0}to{opacity:1}}@keyframes page_slideUp__ocKDz{0%{transform:translateY(100%)}to{transform:translateY(0)}}