*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;height:100%}body{font-family:Lexend Deca,sans-serif;margin:0;background:#f9fafb;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 12px}.container{text-align:center;background:#fff;padding:40px;border-radius:4px;box-shadow:0 10px 30px #0000001a;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center}.logo{max-width:150px;margin-bottom:16px}.upload-area{border:2px dashed #ccc;padding:30px;border-radius:4px;margin-bottom:20px;cursor:pointer;width:100%;height:120px;display:flex;align-items:center;justify-content:center}.upload-area.dragover{border-color:#fb673b;background:#fff4ef}input[type=file]{display:none}button{background:#fb673b;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px}button:hover:not(:disabled){background:#be4e2b}button:disabled{background:#ccc;cursor:not-allowed}.tabs-header{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:8px;width:100%}.tab-btn{flex:1;background:transparent;border:none;padding:10px 8px;cursor:pointer;font-size:.85rem;color:#666;border-bottom:3px solid transparent}.tab-btn.active{color:#fb673b;border-bottom-color:#fb673b;font-weight:500}.tab-content{display:none;width:100%;text-align:left;max-height:240px;overflow-y:auto}.tab-content.active{display:block}.file-list{display:flex;flex-direction:column;gap:4px}.file-list-item{font-size:.9rem;color:#333;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9f9f9;border-radius:3px}.file-list-item.pending{background:#f0f4ff;border-left:3px solid #4a90e2}.file-list-item.uploading{background:#fff8e1;border-left:3px solid #ffa726}.file-list-item.success{background:#e8f5e9;border-left:3px solid #66bb6a}.file-list-item.failed{background:#ffebee;border-left:3px solid #ef5350}.file-name{flex:1;word-break:break-word;font-size:.88rem}.file-meta{font-size:.75rem;color:#666}.file-err{font-size:.75rem;color:#d32f2f;margin-top:2px}.progress-bar{height:6px;background:#e5e5e5;border-radius:999px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;background:#fb673b;transition:width .15s linear}.remove-btn{background:transparent;color:#d32f2f;padding:2px 6px;font-size:.85rem}.remove-btn:hover{background:transparent;color:#9a1c1c}.status-msg{margin-top:12px;font-size:.9rem;min-height:20px}.error-banner{color:#d32f2f;background:#ffebee;border-radius:4px;padding:16px;margin:12px 0}.success-banner{color:#2e7d32;background:#e8f5e9;border-radius:4px;padding:16px;margin:12px 0}.success-banner a{color:#1b5e20}