.page{background:var(--white);min-height:100vh;color:var(--gray-text)}.header{background:var(--green-dark);padding:48px 0 40px;position:relative;overflow:hidden}.headerInner{z-index:1;max-width:860px;margin:0 auto;padding:0 24px;position:relative}.headerAccent{background:var(--red-road);height:4px;position:absolute;bottom:0;left:0;right:0}.header:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.headerLabel{letter-spacing:.14em;text-transform:uppercase;color:var(--green-light);margin-bottom:10px;font-size:11px;font-weight:600;display:inline-block}.title{color:var(--white);letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(26px,4vw,36px);font-weight:700;line-height:1.15}.subtitle{color:#ffffffa6;max-width:520px;font-size:15px;line-height:1.6}.searchWrap{align-items:center;gap:16px;max-width:860px;margin:0 auto;padding:28px 24px 0;display:flex}.searchBox{flex:1;align-items:center;display:flex;position:relative}.searchIcon{width:18px;height:18px;color:var(--gray-mid);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.searchInput{border:1.5px solid var(--gray-border);width:100%;color:var(--gray-text);background:var(--white);border-radius:8px;outline:none;padding:11px 38px 11px 42px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.searchInput::placeholder{color:var(--gray-mid)}.searchInput:focus{border-color:var(--green-mid);box-shadow:0 0 0 3px #2a8a3e1a}.clearBtn{cursor:pointer;color:var(--gray-mid);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s;position:absolute;right:12px}.clearBtn:hover{color:var(--red-road)}.count{color:var(--gray-mid);white-space:nowrap;flex-shrink:0;font-size:13px}.content{max-width:860px;margin:0 auto;padding:20px 24px 60px}.list{flex-direction:column;gap:10px;list-style:none;display:flex}.card{background:var(--white);border:1.5px solid var(--gray-border);border-radius:10px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .18s,box-shadow .18s,transform .18s;animation:.35s both slideIn;display:flex}.card:hover{border-color:var(--green-light);transform:translateY(-1px);box-shadow:0 3px 16px #1e6b2e14}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cardLeft{background:var(--red-xlight);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pdfIcon{width:22px;height:22px;color:var(--red-road)}.cardBody{flex:1;min-width:0}.docName{color:var(--gray-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:14px;font-weight:600;display:block;overflow:hidden}.docMeta{align-items:center;gap:8px;display:flex}.metaItem{color:var(--gray-mid);font-size:12px}.metaDot{background:var(--gray-border);border-radius:50%;flex-shrink:0;width:3px;height:3px}.downloadBtn{background:var(--green-dark);color:var(--white);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s,transform .14s;display:inline-flex}.downloadBtn:hover{background:var(--green-mid);transform:translateY(-1px)}.downloadBtn:active{transform:translateY(0)}.downloadIcon{width:16px;height:16px}.stateBox{color:var(--gray-mid);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;font-size:14px;display:flex}.stateError{color:var(--red-road)}.spinner{border:2.5px solid var(--gray-border);border-top-color:var(--green-mid);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.downloadBtn span{display:none}.downloadBtn{padding:8px 10px}.card{gap:12px;padding:14px}.searchWrap{flex-wrap:wrap}.count{width:100%}}