:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#203b34;background:#f4f6f4;line-height:1.5;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:88px;border-bottom:1px solid #dfe7e1;background:#fff;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{font-size:29px;color:#fff;background:#21674e;border-radius:12px;padding:4px 12px}small{font-size:9px;letter-spacing:2px;color:#668578}h1{font-size:18px;margin:1px 0}h2{font-size:27px;letter-spacing:-.6px;margin:0}h3{margin:0;font-size:17px}p{color:#74847b;margin:6px 0}main{max-width:1288px;margin:auto;padding:32px 24px}section{background:#fff;border:1px solid #dce5df;border-radius:14px;margin-bottom:22px;padding:24px}#login-panel{max-width:430px;margin:40px auto}.page-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}#identity{display:flex;gap:14px;align-items:center}button,.download{font:inherit;font-weight:600;color:white;background:#22674f;border:1px solid transparent;padding:10px 17px;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.download:hover{background:#184f3c}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent;color:#607369;border-color:#e0e7e2;font-weight:500}.quiet:hover{background:#f0f5f2}.library{padding:0;overflow:hidden;box-shadow:0 3px 10px #183b2010}.library-top{padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e6ece8}.tabs{display:flex;gap:20px}.tabs button{color:#748079;background:transparent;border-radius:0;padding:19px 0;border-bottom:2px solid transparent;font-weight:500}.tabs button[aria-pressed=true]{color:#21664c;border-bottom-color:#21664c;font-weight:650}.tabs span{font-size:11px;background:#f0f3f1;border-radius:5px;padding:2px 6px;margin-left:5px}.search-row{padding:22px 24px 14px;display:flex;gap:12px}.search-label{flex:1}.sort-label{width:180px}label{display:block;font-size:12px;color:#738079}input,select{font:inherit;font-size:14px;color:#28453a;background:#fff;padding:10px 12px;border:1px solid #d5e0d9;border-radius:7px;width:100%;margin-top:5px}#login label{margin:15px 0}.search-row input,.search-row select{margin:0;background:#fafcfb}input::placeholder{color:#99a69e}.filters{display:flex;align-items:flex-end;gap:12px;padding:0 24px 20px}.filters label{width:140px}.filters .quiet{padding:9px 12px}#usage{margin-left:auto;font-size:12px;padding-bottom:8px}.table-wrap{min-height:280px}table{width:100%;border-collapse:collapse;table-layout:fixed}th{color:#7c8981;font-size:12px;font-weight:500;background:#f7f9f7;text-align:left;padding:12px 14px;border-top:1px solid #e6ece8;border-bottom:1px solid #e6ece8}th:first-child{width:40%;padding-left:24px}th:nth-child(2){width:9%}th:nth-child(3){width:12%}th:nth-child(4){width:10%}th:nth-child(5){width:19%}th:last-child{width:10%}td{padding:13px 14px;border-bottom:1px solid #eef2ef;font-size:13px;vertical-align:top;overflow-wrap:anywhere}td:first-child{padding-left:24px}tr:hover td{background:#fbfdfb}.file-title{display:flex;align-items:center;gap:12px}.file-icon{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:39px;border:1px solid #d8e6dc;border-radius:7px;background:#f1f7f3;color:#438264;font-size:9px;font-weight:700}.file .name{font-weight:550;overflow-wrap:anywhere;color:#294b3c}.badge{background:#f1f3f2;color:#718078;border-radius:5px;padding:3px 7px;font-size:11px;white-space:nowrap}.badge.shared{background:#e8f3ed;color:#357458}.download{color:#27684d;background:#f0f6f2;padding:5px 11px;font-size:12px;border:1px solid #dce8df;display:inline-block}.download:hover{color:white}details{color:#8a968f;font-size:11px;margin-top:3px}summary{cursor:pointer}.meta{font-size:11px;color:#7f9085;overflow-wrap:anywhere}#empty{text-align:center;padding:50px 20px;color:#9daf9f}#empty>span{font-size:40px}#empty h3{color:#587362;margin:8px}.pagination{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8b978f;font-size:12px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination label{display:flex;align-items:center;gap:8px;white-space:nowrap}.pagination select{width:auto;margin:0;padding:6px 9px;font-size:12px}.pagination button{padding:3px 12px;font-size:20px}.upload-options{display:flex;align-items:flex-end;gap:20px;margin-bottom:15px}.upload-options label{min-width:230px}#limits{font-size:12px}#drop{border:2px dashed #afcabb;border-radius:10px;text-align:center;padding:22px;background:#f8fbf9;cursor:pointer}#drop.over{background:#e3f1e7}#queue-panel{margin-top:16px}#queue-panel summary{font-size:13px}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e3ece6;padding:12px}.info{flex:1;min-width:0}.name{overflow-wrap:anywhere}progress{width:100%;height:10px;accent-color:#277450}#status{margin:0;padding:0 24px;color:#b24d3d}#status:not(:empty){padding-bottom:18px}#login-error{color:#ad422f}footer{text-align:center;font-size:11px;color:#8d9d93;padding:8px 24px 28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #a3c9b4;outline-offset:2px}
@media(max-width:760px){header{padding:0 16px;height:76px}.brand-icon{display:none}h1{font-size:16px}#username{font-size:12px}main{padding:22px 12px}h2{font-size:23px}.page-heading{align-items:flex-start}.page-heading p{font-size:12px;max-width:185px}.page-heading button{padding:9px 12px;font-size:12px}.library-top{padding:0 14px;flex-wrap:wrap;gap:0}.library-top>#refresh{display:none}.tabs{width:100%;justify-content:space-between;gap:8px}.tabs button{font-size:12px;padding:16px 0}.tabs span{margin-left:2px;padding:2px 4px}.search-row{padding:16px 14px 12px;gap:8px}.sort-label{width:130px}.search-row input,.search-row select{font-size:12px;padding:10px}.filters{padding:0 14px 16px;gap:8px;flex-wrap:wrap}.filters label{width:calc((100% - 16px)/3);font-size:11px}.filters select{font-size:12px;padding:8px 5px}.filters .quiet{font-size:11px;padding:5px 7px}#usage{padding:0;margin:0 0 0 auto;font-size:11px}thead{display:none}table,tbody{display:block}tr.file{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:15px 16px;border-top:1px solid #edf1ee}td{padding:0!important;border:0;font-size:12px}td:first-child{grid-column:1;grid-row:1}.file-title{gap:8px}.file-icon{min-width:30px;height:34px;font-size:8px}td:nth-child(2){grid-column:1;grid-row:2;padding-left:38px!important}td:nth-child(3),td:nth-child(4){display:none}td:nth-child(5){grid-column:1;grid-row:3;padding-left:38px!important;font-size:11px;color:#8a968d}td:last-child{grid-column:2;grid-row:1 / span 3;align-self:center}.file .name{font-size:13px}.pagination{padding:14px;flex-direction:column;align-items:stretch;gap:12px}.pagination>div{justify-content:space-between}.table-wrap{min-height:220px}section{padding:18px}.upload-options{flex-wrap:wrap;gap:8px}.upload-options label{width:100%}}

#password-form{max-width:440px}#password-form label{margin:12px 0}#initial-warning{padding:12px;background:#fff5df;color:#865e12;border-radius:8px}#security-status{margin:12px 0;color:#a44431}@media(max-width:760px){#identity{gap:5px}#identity button{padding:6px;font-size:11px}}