.material-filters{display:grid;grid-template-columns:150px 180px 120px 1fr;gap:12px;align-items:end;margin-bottom:20px;padding:15px;background:#fff;border:1px solid #e5e8e3;border-radius:15px}.material-filters select{height:42px;border:1px solid #e1e6e3;border-radius:9px;background:#fff;padding:0 10px;color:#173f3a}.material-permission{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 11px;border-radius:10px}.material-permission>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800}.material-permission>div{display:grid}.material-permission b{font-size:11px}.material-permission small{font-size:9px}.material-permission.allowed{background:#e4f1e8;color:#376f51}.material-permission.allowed>span{background:#cce5d4}.material-permission.readonly{background:#f0f1ee;color:#6f7d79}.material-permission.readonly>span{background:#e0e3df}.topic-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-bank-card{display:flex;flex-direction:column;min-height:285px;background:#fff;border:1px solid #e5e8e3;border-radius:16px;padding:18px;transition:.2s}.topic-bank-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(23,63,58,.08)}.topic-bank-card header{display:flex;align-items:center;justify-content:space-between}.topic-number{font-family:Newsreader,serif;font-size:20px;color:#98aaa5}.topic-bank-card h3{font-size:16px;margin:12px 0 4px}.topic-bank-card>p{color:#6f7d79;font-size:11px;margin:0}.topic-bank-meta{display:flex;justify-content:space-between;margin:15px 0 9px;padding-top:10px;border-top:1px solid #edf0ed;color:#6f7d79;font-size:10px}.material-preview{display:grid;gap:5px;min-height:48px;margin-bottom:14px}.material-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;background:#f5f7f3;border-radius:6px;font-size:9px}.material-preview.empty{place-items:center;color:#9ba6a3;font-size:10px}.topic-bank-card .secondary-btn{margin-top:auto;width:100%}.topic-material-list{display:grid;gap:8px;margin-top:16px}.topic-material-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e8ece8;border-radius:11px}.topic-material-item>div{display:grid}.topic-material-item b{font-size:12px}.topic-material-item small{color:#6f7d79;font-size:9px}.topic-material-item .action-btn{text-decoration:none;font-size:10px}.field input[type=file]{padding:7px}@media(max-width:1100px){.topic-bank-grid{grid-template-columns:repeat(2,1fr)}.material-filters{grid-template-columns:repeat(3,1fr)}.material-permission{grid-column:1/-1}}@media(max-width:700px){.topic-bank-grid{grid-template-columns:1fr}.material-filters{grid-template-columns:1fr}.material-permission{grid-column:auto}.topic-material-item{grid-template-columns:38px 1fr}.topic-material-item .action-btn{grid-column:1/-1;text-align:center}}