:root{--primary: #3370ff;--primary-hover: #2860e1;--success: #34c724;--danger: #f54a45;--warning: #ff9800;--bg: #f5f6f7;--card-bg: #ffffff;--text: #1f2329;--text-secondary: #646a73;--border: #dee0e3;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:720px;margin:0 auto;padding:24px 16px}.card{background:var(--card-bg);border-radius:var(--radius);padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.card h2{font-size:18px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:none;border-radius:var(--radius);font-size:14px;cursor:pointer;transition:background .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:#a0bfff;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:#f0f4ff}.file-list{list-style:none;margin-top:12px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:6px;margin-bottom:8px;font-size:14px}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);margin:0 12px;white-space:nowrap}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-uploading{background:#fff3e0;color:var(--warning)}.status-submitted{background:#e3f2fd;color:var(--primary)}.status-approved{background:#e8f5e9;color:var(--success)}.status-rejected{background:#ffebee;color:var(--danger)}.error-msg{background:#ffebee;color:var(--danger);padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:12px}.login-card{text-align:center;padding:64px 24px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card p{color:var(--text-secondary);margin-bottom:32px}.remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:16px;padding:4px 8px}