:root{font-family:Segoe UI,system-ui,sans-serif;color:#1e293b;background:#f8fafc;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem max(1rem,calc((100% - 1200px)/2));background:#0f766e}nav a,nav button{color:#fff;text-decoration:none;background:transparent;border:0;border-radius:6px;cursor:pointer;padding:.65rem .8rem}nav a:hover,nav a:focus-visible{background:#ffffff24;outline:none}main{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0f172a0a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}input,select,button{font:inherit}input,select{display:block;margin-top:.35rem;padding:.65rem .75rem;width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(13,148,136,.22);outline-offset:2px}button{cursor:pointer}.page-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.page-heading h2{margin-bottom:.25rem}.page-heading p,.empty-state p{margin-top:0;color:#64748b}.filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr);gap:1rem}.filters label span{font-size:.875rem;font-weight:600;color:#475569}.document-group{margin-top:1.5rem}.document-group>h3{margin:0 0 .7rem;color:#0f172a}.document-list{display:grid;gap:.65rem}.document-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.file-type{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;font-size:.72rem;font-weight:800;letter-spacing:.03em}.file-type.file{color:#1d4ed8;background:#dbeafe}.file-type.link{color:#047857;background:#d1fae5}.document-info{min-width:0}.document-info h4{margin:0;color:#0f172a}.document-info p{margin:.25rem 0 0;color:#64748b}.document-info .document-meta{font-size:.82rem;color:#0f766e}.action-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:0;padding:.6rem .9rem;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}.action-button:hover{background:#115e59}.empty-state{padding:2.5rem;text-align:center}.empty-state h3{margin-bottom:.35rem}.notice{border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.notice.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}@media(max-width:640px){main{padding:1rem}.filters{grid-template-columns:1fr}.document-card{grid-template-columns:auto 1fr}.document-card .action-button{grid-column:1 / -1;width:100%}}