.container{min-height:100vh}.banner,.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%}.banner{max-width:800px;gap:20px}.banner h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0;display:flex;align-items:center;gap:12px}.banner p{font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6;max-width:100%;margin:0}.subtitle{font-size:clamp(.8rem,2vw,.95rem);opacity:.7}.security-badge{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#1a3a1a;border-radius:12px;font-size:.85rem;color:#6fdc6f;border:1px solid #2d5a2d}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;width:100%;max-width:600px}.alert.warning{background:#3a3a1a;border:1px solid #5a5a2d;color:#ffd966}.alert.error{background:#3a1a1a;border:1px solid #5a2d2d;color:#ff6666}.alert strong{display:block;margin-bottom:4px}.alert p{font-size:.85rem;margin:4px 0}.upload-area{width:100%;max-width:600px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;border:2px dashed #3d3d3d;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:30px;background:#1a1a1a}.upload-label:hover{border-color:#5d5d5d;background:#222222;transform:translateY(-2px)}.upload-label p{margin:8px 0}.upload-label .small{font-size:.85rem;opacity:.6}.file-input{display:none}.files-section{width:100%;max-width:700px;display:flex;flex-direction:column;gap:16px}.files-section h2{font-size:1.5rem;display:flex;align-items:center;gap:10px}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;padding:14px 18px;border-radius:12px;transition:all .2s ease;border:1px solid #2d2d2d}.file-item:hover{background:#222222;border-color:#3d3d3d}.file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.file-number{font-family:Courier New,monospace;color:#888;font-size:.9rem;min-width:30px}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.85rem;opacity:.6;white-space:nowrap}.file-actions{display:flex;gap:6px;margin-left:12px}.btn-icon{padding:8px;min-width:auto;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2d2d2d}.btn-icon:hover:not(:disabled){background:#2d2d2d;border-color:#3d3d3d}.btn-icon.danger:hover:not(:disabled){background:#3a1a1a;border-color:#5a2d2d;color:#ff6666}.actions{gap:12px;width:100%;flex-wrap:wrap}.actions,.btn-primary{display:flex;justify-content:center}.btn-primary{background:#ffffff;color:#0f0f0f;flex:1;min-width:200px;align-items:center;gap:8px;font-weight:600}.btn-primary:hover:not(:disabled){background:#e9e9e9;transform:translateY(-2px)}.btn-secondary{background:#2d2d2d;color:#ffffff;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:#3d3d3d}.btn-small{padding:6px 12px;font-size:.85rem;margin-top:8px}.empty-state{opacity:.5;font-size:1rem;margin:20px 0}.footer{margin-top:40px;opacity:.6;font-size:.9rem}.footer p{margin:4px 0;display:flex;align-items:center;justify-content:center;gap:6px}.material-icons{-webkit-user-select:none;-moz-user-select:none;user-select:none}.material-icons.small{font-size:16px}.material-icons.large{font-size:48px}.material-icons.huge{font-size:64px;opacity:.5}.material-icons.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.banner{gap:16px}.file-item{flex-direction:column;align-items:flex-start;gap:12px}.file-actions{width:100%;justify-content:flex-end;margin-left:0}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.banner{padding:15px;gap:12px}.upload-label{min-height:160px;padding:20px}}