.btn,.file-item-link{text-decoration:none}@font-face{font-family:Font;src:url('../../public/fonts/font.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}.header,body{padding:2rem}.file-item,.header h1{align-items:center;display:flex}.file-list,.header{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}.file-icon,body{background:linear-gradient(135deg,#35a597 0,#1a7f71 100%)}.btn,.file-name{font-weight:600}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Font,monospace;min-height:100vh}.container{max-width:900px;margin:0 auto}.header{border-radius:12px 12px 0 0;border-bottom:3px solid #35a597}.header h1{font-size:28px;color:#3a3a44;margin-bottom:.5rem;gap:12px}.header p{color:#718096;font-size:14px}.search-box{margin-top:1.5rem;position:relative}.search-box input{width:100%;padding:12px 16px 12px 40px;border:2px solid #beb8b8;border-radius:8px;font-size:14px;transition:border-color .3s}.search-box input:focus{outline:0;border-color:#35a597;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a0aec0}.file-list{padding:0;border-radius:0 0 12px 12px;overflow:hidden}.file-item{padding:1.25rem 2rem;border-bottom:1px solid #beb8b8;transition:background-color .2s;cursor:pointer}.file-item:hover{background-color:#f7fafc}.file-item:last-child{border-bottom:none}.file-item-link{color:inherit}.file-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0;font-size:20px;color:#fff}.file-info{flex:1;min-width:0}.file-name{color:#3a3a44;font-size:15px;margin-bottom:.25rem;word-break:break-word}.btn,.file-meta{font-size:12px;display:flex}.file-meta{gap:1.5rem;color:#718096}.file-meta-item{display:flex;align-items:center;gap:4px}.file-actions{display:flex;gap:8px;margin-left:1rem}.btn{padding:8px 14px;border:1px solid #beb8b8;background:#fff;color:#35a597;border-radius:6px;cursor:pointer;transition:.2s;align-items:center;gap:6px}.btn-primary,.btn:hover{background:#35a597;color:#fff;border-color:#35a597}.btn-primary:hover{background:#1a7f71;border-color:#1a7f71}.empty-state{text-align:center;padding:4rem 2rem;color:#718096}.empty-state i{font-size:48px;color:#cbd5e0;margin-bottom:1rem;display:block}.stats{display:flex;gap:2rem;padding:1.5rem 2rem;background:#f7fafc;border-bottom:1px solid #beb8b8;font-size:13px}.stat{display:flex;align-items:center;gap:8px;color:#4a5568}.stat strong{color:#3a3a44}@media (max-width:600px){body{padding:1rem}.header{padding:1.5rem}.header h1{font-size:22px}.file-item{padding:1rem;flex-wrap:wrap}.file-icon{width:40px;height:40px;font-size:16px}.file-actions{width:100%;margin:1rem 0 0;order:3}.file-meta{font-size:11px;gap:1rem;order:2}.stats{flex-direction:column;gap:1rem}}