.upload-pro-wrapper *,.upload-pro-wrapper :before,.upload-pro-wrapper :after{box-sizing:border-box}.upload-pro-wrapper{width:100%;max-width:100%;min-height:calc(100vh - 140px);padding:32px 0 80px;overflow-x:hidden}.container-narrow{width:100%;min-width:0;max-width:720px;margin:0 auto;padding:0 20px}.upload-pro-header{min-width:0;margin-bottom:24px}.upload-back-link{color:#2196f3;background:#2196f30f;border-radius:10px;align-items:center;gap:6px;max-width:100%;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.upload-back-link:hover{background:#2196f31f;transform:translate(-3px)}.upload-pro-title-row{align-items:center;gap:16px;width:100%;min-width:0;display:flex}.upload-pro-title-icon{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#64b5f6 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 12px 28px #2196f352}.upload-pro-title-text{flex:1;min-width:0;overflow:hidden}.upload-pro-title{color:var(--gray-900,#1a2850);letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-word;margin:0 0 4px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:clamp(22px,3.5vw,28px);font-weight:800}.upload-pro-subtitle{color:var(--gray-500,#8892a8);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.upload-pro-folder{border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;min-width:0;max-width:100%;margin-bottom:20px;padding:18px 22px;display:flex}.upload-folder-label{color:var(--gray-900,#1a2850);flex-shrink:0;align-items:center;gap:8px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:14px;display:inline-flex}.upload-folder-label svg{color:#2196f3}.upload-folder-select-wrap{flex:200px;min-width:0;position:relative}.upload-pro-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:100%;color:var(--gray-900,#1a2850);cursor:pointer;text-overflow:ellipsis;background:#fff;border:2px solid #e5e9f2;border-radius:14px;outline:none;padding:12px 44px 12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.upload-pro-select:focus{border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a}.upload-select-arrow{color:var(--gray-500,#8892a8);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.upload-pro-dropzone{cursor:pointer;background:#fff;border:2px dashed #b3daf5;border-radius:28px;min-width:0;max-width:100%;margin-bottom:20px;padding:48px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.upload-pro-dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#2196f30a,#0000 60%);position:absolute;inset:0}.upload-pro-dropzone:hover,.upload-pro-dropzone.dragover{background:#f0f7ff;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 20px 45px #2196f31f}.dropzone-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;min-width:0;max-width:100%;display:flex;position:relative}.dropzone-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:4px;display:flex;position:relative}.dropzone-icon-bg{background:radial-gradient(circle,#2196f326,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite dropPulse;position:absolute;inset:0}.dropzone-icon{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#64b5f6 100%);border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;animation:3s ease-in-out infinite dropFloat;display:flex;position:relative;box-shadow:0 16px 32px #2196f359}@keyframes dropPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}@keyframes dropFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dropzone-title{color:var(--gray-900,#1a2850);overflow-wrap:anywhere;margin:0;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:20px;font-weight:700}.dropzone-subtitle{color:var(--gray-500,#8892a8);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.dropzone-line{background:var(--gray-300,#cbd3e1);width:40px;height:1px}.dropzone-hint{color:#b45309;text-align:center;background:#ff98001a;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.dropzone-hint strong{font-family:KalamehFaNumB,Tahoma,sans-serif;font-weight:700}.dropzone-features{border-top:1px dashed var(--gray-200,#e5e9f2);flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin-top:16px;padding-top:20px;display:flex}.dropzone-feature{color:var(--gray-500,#6b7590);align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:500;display:inline-flex}.dropzone-feature svg{color:#4caf50;flex-shrink:0}.btn-pro{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:12px 22px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn-pro-primary{color:#fff;background:linear-gradient(135deg,#2196f3,#0b7dda);box-shadow:0 8px 20px #2196f340}.btn-pro-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2196f359}.btn-pro-ghost{color:var(--gray-700,#4a5568);background:#fff;border-color:#eef2f8}.btn-pro-ghost:hover{color:#2196f3;border-color:#2196f3;transform:translateY(-2px)}.btn-pro-lg{border-radius:16px;padding:15px 28px;font-size:15px}.upload-pro-queue{-webkit-backdrop-filter:blur(20px)saturate(180%);isolation:isolate;background:#ffffffd9;border:1px solid #ffffffe6;border-radius:24px;min-width:0;max-width:100%;margin-bottom:24px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) fadeInUp;overflow:hidden;box-shadow:0 12px 32px #2196f31a}.upload-pro-queue[hidden]{display:none!important}.queue-pro-head{border-bottom:1px solid #f0f4f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;max-width:100%;margin-bottom:18px;padding-bottom:18px;display:flex}.queue-pro-title-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.queue-pro-title-text{min-width:0;overflow:hidden}.queue-pro-icon{color:#2196f3;background:linear-gradient(135deg,#2196f326,#2196f30f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.queue-pro-title{color:var(--gray-900,#1a2850);overflow-wrap:anywhere;margin:0 0 2px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:16px;font-weight:700}.queue-pro-subtitle{color:var(--gray-500,#8892a8);margin:0;font-size:12px}.queue-pro-summary{color:#2196f3;background:linear-gradient(135deg,#2196f31f,#4caf5014);border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:14px;font-weight:700}.queue-pro-list{flex-direction:column;gap:10px;min-width:0;max-width:100%;max-height:400px;padding-left:4px;display:flex;overflow:hidden auto}.queue-pro-list::-webkit-scrollbar{width:6px}.queue-pro-list::-webkit-scrollbar-thumb{background:#2196f34d;border-radius:3px}.queue-item{background:#f9fafc;border:1px solid #f0f4f8;border-radius:14px;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;padding:14px 16px;transition:all .2s;display:flex;overflow:hidden}.queue-item:hover{background:#fff;border-color:#2196f333}.queue-item.uploading{background:#f0f7ff;border-color:#2196f34d}.queue-item.success{background:#f0fdf4;border-color:#4caf5040}.queue-item.error{background:#fef2f2;border-color:#f4433640}.queue-icon{background:#fff;border:1px solid #eef2f8;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;overflow:hidden}.queue-info{flex:1;min-width:0;max-width:100%;overflow:hidden}.queue-name{color:var(--gray-900,#1a2850);white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;margin-bottom:6px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:13px;overflow:hidden}.queue-size{color:#8892a8;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;margin-bottom:6px;font-family:KalamehFaNum,Tahoma,sans-serif;font-size:11px;display:flex}.queue-speed{color:#2196f3;direction:ltr;font-family:Courier New,monospace;font-size:11px;font-weight:600;display:inline-block}.queue-progress-wrap{background:#e5e9f2;border-radius:3px;width:100%;max-width:100%;height:6px;position:relative;overflow:hidden}.queue-progress-bar{background:linear-gradient(90deg,#2196f3,#4caf50);border-radius:3px;width:0%;max-width:100%;height:100%;transition:width .3s;position:relative}.queue-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.5s infinite queueShimmer;position:absolute;inset:0}@keyframes queueShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.queue-item.success .queue-progress-bar{background:#4caf50}.queue-item.success .queue-progress-bar:after{display:none}.queue-item.error .queue-progress-bar{background:#f44336}.queue-item.error .queue-progress-bar:after{display:none}.queue-status{color:var(--gray-500,#8892a8);text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;flex:none;min-width:60px;max-width:90px;font-family:Courier New,monospace;font-size:12px;font-weight:600;overflow:hidden}.queue-item.uploading .queue-status{color:#2196f3}.queue-item.success .queue-status{color:#4caf50;direction:rtl;font-family:KalamehFaNumB,Tahoma,sans-serif}.queue-item.error .queue-status{color:#f44336;direction:rtl;min-width:0;max-width:140px;font-family:KalamehFaNumB,Tahoma,sans-serif}.queue-pro-footer{border-top:1px solid #f0f4f8;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:18px;padding-top:18px;display:flex}.upload-pro-pending{background:linear-gradient(135deg,#ff98000f,#ff980005);border:1px solid #ff980033;border-radius:24px;min-width:0;max-width:100%;margin-bottom:20px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) fadeInUp;overflow:hidden}.upload-pro-pending[hidden]{display:none!important}.pending-pro-head{border-bottom:1px solid #ff980026;margin-bottom:16px;padding-bottom:14px}.pending-pro-title-row{align-items:center;gap:12px;min-width:0;display:flex}.pending-pro-title-text{min-width:0;overflow:hidden}.pending-pro-icon{color:#f57c00;background:linear-gradient(135deg,#ff980026,#ff98000f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pending-pro-title{color:var(--gray-900,#1a2850);overflow-wrap:anywhere;margin:0 0 2px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:15px;font-weight:700}.pending-pro-subtitle{color:var(--gray-500,#8892a8);margin:0;font-size:11.5px}.pending-pro-list{flex-direction:column;gap:10px;min-width:0;margin-bottom:12px;display:flex}.pending-item{background:#fff;border:1px solid #ff980033;border-radius:16px;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;padding:14px 16px;transition:all .2s;display:flex;overflow:hidden}.pending-item:hover{border-color:#ff980066;box-shadow:0 8px 20px #ff980014}.pending-icon{background:#fff8e5;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pending-info{flex:1;min-width:0;max-width:100%;overflow:hidden}.pending-name{color:var(--gray-900,#1a2850);white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;margin-bottom:4px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:13.5px;overflow:hidden}.pending-meta{color:var(--gray-500,#8892a8);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin-bottom:8px;font-size:11px;display:flex}.pending-sep{color:var(--gray-300,#cbd3e1)}.pending-progress-wrap{background:#ff98001a;border-radius:3px;width:100%;max-width:100%;height:5px;overflow:hidden}.pending-progress-bar{background:linear-gradient(90deg,#ff9800,#f57c00);border-radius:3px;max-width:100%;height:100%;transition:width .3s}.pending-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pending-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.pending-btn-resume{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 16px #ff98004d}.pending-btn-resume:hover{transform:translateY(-2px);box-shadow:0 10px 22px #ff980066}.pending-btn-discard{color:#f44336;background:#f4433614;width:34px;height:34px;padding:0}.pending-btn-discard:hover{background:#f443362e}.pending-pro-foot{border-top:1px solid #ff98001a;justify-content:flex-end;padding-top:10px;display:flex}.pending-clear-btn{color:#f57c00;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:KalamehFaNumB,Tahoma,sans-serif;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.pending-clear-btn:hover{background:#ff98001a}@media (width<=640px){.upload-pro-wrapper{padding:20px 0 100px}.container-narrow{padding:0 16px}.upload-pro-title-row{gap:12px}.upload-pro-title-icon{border-radius:16px;width:50px;height:50px}.upload-pro-title-icon svg{width:22px;height:22px}.upload-pro-title{font-size:20px}.upload-pro-subtitle{font-size:13px}.upload-pro-folder{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.upload-folder-select-wrap{flex:auto;width:100%;min-width:0}.upload-pro-dropzone{border-radius:22px;padding:32px 20px}.dropzone-icon-wrap{width:80px;height:80px}.dropzone-icon{border-radius:20px;width:60px;height:60px}.dropzone-icon svg{width:32px;height:32px}.dropzone-title{font-size:17px}.dropzone-features{gap:12px;margin-top:12px;padding-top:16px}.dropzone-feature{font-size:11px}.upload-pro-queue{border-radius:20px;padding:18px 16px}.queue-pro-head{margin-bottom:14px;padding-bottom:14px}.queue-pro-icon{width:38px;height:38px}.queue-pro-title{font-size:14px}.queue-pro-summary{padding:6px 12px;font-size:12px}.queue-item{gap:10px;padding:12px}.queue-icon{flex-basis:36px;width:36px;height:36px}.queue-name{font-size:12px}.queue-status{min-width:48px;max-width:70px;font-size:11px}.queue-item.error .queue-status{max-width:100px}.upload-pro-pending{border-radius:20px;padding:16px}.pending-item{flex-wrap:wrap;padding:12px 14px}.pending-icon{flex-basis:40px;width:40px;height:40px;font-size:18px}.pending-name{font-size:12.5px}.pending-meta{font-size:10.5px}.pending-actions{border-top:1px dashed #ff980033;justify-content:flex-end;width:100%;margin-top:4px;padding-top:10px}.pending-btn-resume{flex:auto;padding:10px 16px;font-size:13px}}@media (width<=400px){.queue-icon{display:none}.queue-item{gap:8px}}[data-theme=dark] .upload-pro-title,[data-theme=dark] .dropzone-title,[data-theme=dark] .upload-folder-label,[data-theme=dark] .queue-pro-title,[data-theme=dark] .queue-name,[data-theme=dark] .pending-pro-title,[data-theme=dark] .pending-name{color:#f1f5f9}[data-theme=dark] .upload-pro-subtitle,[data-theme=dark] .dropzone-subtitle,[data-theme=dark] .queue-pro-subtitle,[data-theme=dark] .dropzone-feature,[data-theme=dark] .pending-pro-subtitle,[data-theme=dark] .pending-meta{color:#94a3b8}[data-theme=dark] .upload-pro-folder{background:#1e293bb3;border-color:#ffffff14}[data-theme=dark] .upload-pro-select{color:#e2e8f0;background:#0f172a;border-color:#334155}[data-theme=dark] .upload-pro-select:focus{border-color:#42a5f5;box-shadow:0 0 0 4px #42a5f526}[data-theme=dark] .upload-select-arrow{color:#64748b}[data-theme=dark] .upload-pro-dropzone{background:#1e293b;border-color:#42a5f54d}[data-theme=dark] .upload-pro-dropzone:before{background:radial-gradient(circle at 50% 30%,#42a5f514,#0000 60%)}[data-theme=dark] .upload-pro-dropzone:hover,[data-theme=dark] .upload-pro-dropzone.dragover{background:#0f172a;border-color:#42a5f5;box-shadow:0 20px 45px #0006,0 0 0 4px #42a5f51a}[data-theme=dark] .dropzone-icon-bg{background:radial-gradient(circle,#42a5f540,#0000 70%)}[data-theme=dark] .dropzone-icon{background:linear-gradient(135deg,#42a5f5,#1976d2);box-shadow:0 16px 32px #42a5f566}[data-theme=dark] .dropzone-line{background:#475569}[data-theme=dark] .dropzone-hint{color:#ffb74d;background:#ff980026}[data-theme=dark] .dropzone-features{border-top-color:#334155}[data-theme=dark] .dropzone-feature svg{color:#66bb6a}[data-theme=dark] .btn-pro-ghost{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-pro-ghost:hover{color:#42a5f5;border-color:#42a5f5}[data-theme=dark] .upload-pro-queue{background:#1e293bd9;border:1px solid #ffffff14}[data-theme=dark] .queue-pro-head{border-bottom-color:#334155}[data-theme=dark] .queue-pro-icon{color:#42a5f5;background:linear-gradient(135deg,#42a5f533,#42a5f514)}[data-theme=dark] .queue-pro-summary{color:#42a5f5;background:linear-gradient(135deg,#42a5f526,#4caf501a)}[data-theme=dark] .queue-item{background:#0f172a;border-color:#334155}[data-theme=dark] .queue-item:hover{background:#1a2332;border-color:#42a5f54d}[data-theme=dark] .queue-item.uploading{background:#42a5f514;border-color:#42a5f54d}[data-theme=dark] .queue-item.success{background:#4caf501a;border-color:#4caf504d}[data-theme=dark] .queue-item.error{background:#f443361a;border-color:#f443364d}[data-theme=dark] .queue-icon{background:#1e293b;border-color:#334155}[data-theme=dark] .queue-progress-wrap{background:#334155}[data-theme=dark] .queue-status{color:#64748b}[data-theme=dark] .queue-item.uploading .queue-status{color:#42a5f5}[data-theme=dark] .queue-item.success .queue-status{color:#66bb6a}[data-theme=dark] .queue-item.error .queue-status{color:#ef9a9a}[data-theme=dark] .queue-pro-footer{border-top-color:#334155}[data-theme=dark] .upload-pro-pending{background:#ff980014;border-color:#ff98004d}[data-theme=dark] .pending-pro-head{border-bottom-color:#ff980033}[data-theme=dark] .pending-pro-icon{color:#ffb74d;background:#ff980026}[data-theme=dark] .pending-item{background:#1e293b;border-color:#ff98004d}[data-theme=dark] .pending-item:hover{border-color:#ff980080}[data-theme=dark] .pending-icon,[data-theme=dark] .pending-progress-wrap{background:#ff980026}[data-theme=dark] .pending-pro-foot{border-top-color:#ff980026}[data-theme=dark] .pending-clear-btn{color:#ffb74d}[data-theme=dark] .pending-clear-btn:hover{background:#ff980026}[data-theme=dark] .queue-size{color:#94a3b8}[data-theme=dark] .queue-speed{color:#42a5f5}