*{box-sizing:border-box}body{font:16px system-ui,-apple-system,sans-serif;margin:0;background:#f5f6f9;color:#172134}header{display:flex;align-items:center;gap:22px;background:white;padding:15px 5%;border-bottom:1px solid #ddd}header span{margin-left:auto}main{max-width:1100px;margin:40px auto;padding:0 20px}.login{max-width:420px;background:white;margin:12vh auto;padding:32px;border-radius:16px;box-shadow:0 8px 30px #0001}input{display:block;padding:12px;width:100%;border:1px solid #c7ced8;border-radius:9px;margin:7px 0 18px}button,.tab{cursor:pointer;background:#245ec3;color:white;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;display:inline-block}button.small{padding:6px 10px}button.secondary{background:#f0f3fa;color:#1a4384;font-size:21px}.error{color:#b12020}.searchlabel{display:block;margin-top:25px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.card{background:white;border:1px solid #e2e5ea;border-radius:14px;padding:18px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.project-link{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:inherit;overflow-wrap:anywhere}.project-link img,.placeholder{width:70px;height:70px;object-fit:contain}.placeholder{font-size:50px;color:#5472ad}section{margin:32px 0}.filegroup{padding:12px 20px;border-bottom:1px solid #ddd;background:white}.filehead{display:flex;justify-content:space-between;align-items:center}.filegroup ul{list-style:none;padding-left:20px}.filegroup li{padding:4px}details{padding:8px}summary{cursor:pointer}nav{display:flex;gap:10px}a{color:#1d56a2}a.tab{color:white}@media(prefers-color-scheme:dark){body{background:#101723;color:#eaf0fb}header,.login,.card,.filegroup{background:#1c2737;border-color:#344158}input{background:#111b29;color:white;border-color:#40506a}a{color:#94b9ff}}
/* Uniform image and file icons in both viewing modes. */
.project-link img,.project-link .placeholder,.project-link .file-icon{width:70px;height:70px;flex:0 0 70px}
.file-icon{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#edf2f8;vertical-align:middle}
.file-icon img{display:block;width:100%;height:100%;object-fit:contain}
.file-icon-folder,.file-icon-document{font-size:38px;line-height:1}
.file-row-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;min-width:0}
.file-row-link .file-icon{width:40px;height:40px;flex:0 0 40px;border-radius:8px}
.file-row-link .file-icon-folder,.file-row-link .file-icon-document{font-size:23px}
.file-row-link span:last-child{overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){.file-icon{background:#2a3b50}}