:root{--accent-color:#6c5ce7;--accent-dark:#5348c0;--accent-light:#8a7bf7;--accent-glow:#6c5ce74d;--background-dark:#10121b;--background-light:#25262ab3;--text-primary:#ffffffe6;--text-secondary:#fff9;--text-muted:#fff6;--border-color:#9898db4d;--border-accent:#9898db80;--error-color:#ff5e5b;--success-color:#0cce6b;--card-bg:#100e19cc;--hover-bg:#6c5ce726}.body-upload{scroll-behavior:smooth;background-color:#000;background-image:radial-gradient(circle at 25% 25%,#8a2be21a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#8a2be21f 0%,#0000 50%);font-family:Orbitron,sans-serif}.upload-container-wrapper{flex-direction:column;justify-content:flex-start;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex;position:relative}.upload-body-wrapper{flex-direction:column;align-items:center;gap:2rem;width:100%;margin-top:6rem;margin-bottom:4rem;display:flex}.upload-wrapper{justify-content:center;width:100%;max-width:900px;padding:0;display:flex}.upload-body{background:#25262ab3;border-bottom:.5px solid #fff3;border-radius:.7rem;flex-direction:column;width:100%;display:flex;overflow:hidden}.upload{background:#100e19cc;border:1px solid #9898db4d;border-radius:.7rem;width:100%;min-height:400px;padding:2rem;position:relative}.stats-container{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.7rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000004d}.stats-container:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);height:2px;position:absolute;top:0;left:0;right:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stats-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.stats-header h2{background:linear-gradient(to right, var(--text-primary), var(--accent-light));-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;-webkit-background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.stats-uptime{color:var(--text-secondary);flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.85rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stats-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b192899;border-radius:.6rem;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.stats-card:hover{border-color:var(--accent-color);box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-3px)}.stats-details-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.stats-top-files,.stats-uploads{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b192899;border-radius:.6rem;padding:1.5rem}.upload-header{text-align:center;margin-bottom:2.5rem}.upload-header h2{background:linear-gradient(to right, var(--text-primary), var(--accent-light));-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.8rem;font-weight:800}.upload-dropzone{border:2px dashed var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b192899;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-bottom:1rem;padding:3rem 2rem;transition:all .3s;display:flex}.file-preview-container{flex-direction:column;gap:1.5rem;display:flex}.file-preview{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b192899;border-radius:.6rem;justify-content:center;min-height:250px;padding:1.5rem;display:flex}.tag-wrapper{color:#ffffffb3;border-bottom:1px solid #ffffff1a;justify-content:space-between;width:100%;margin-bottom:.5rem;padding:.5rem 0;font-family:monospace;display:flex}.tag-wrapper>a{font-size:.8rem;font-weight:500}.btn-copy{color:#fff9;cursor:pointer;font-size:1rem;transition:color .2s}.btn-copy:hover{color:var(--accent-light)}.code-container{width:100%;overflow-x:auto}code{opacity:.9;background-color:#1a1a1a;border:1px solid #444;border-radius:.6rem;min-width:100%;font-size:.75rem;line-height:1.4;display:block;overflow-x:auto}.stats-loading{width:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.stats-loading-spinner{border:3px solid #9898db4d;border-top-color:var(--accent-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:575.98px){.upload-container-wrapper{padding:0 .5rem}.upload-body-wrapper{gap:1.5rem;margin-top:5rem}.upload,.stats-container{padding:1.5rem}.stats-grid,.stats-details-row{grid-template-columns:1fr;gap:1rem}.upload-header h2{font-size:1.4rem}.stats-header h2{font-size:1.3rem}.upload-dropzone{min-height:250px;padding:2rem 1rem}code{font-size:.7rem}}@media (min-width:576px) and (max-width:767.98px){.stats-details-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:991.98px){.upload-container-wrapper{max-width:1200px}}@media (min-width:992px){.upload-container-wrapper{max-width:1400px}.upload-wrapper{max-width:1000px}}@media (max-width:480px){.upload-container-wrapper{min-width:100%;overflow-x:auto}.upload-body-wrapper{min-width:450px;padding-right:1rem}.stats-container,.upload-body{min-width:400px}}@keyframes float{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(-15px,15px)}}.stats-container:after{content:"";pointer-events:none;z-index:2;opacity:.3;background:linear-gradient(#0000 50%,#6c5ce708 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.tag-wrapper{color:#ffffffb3;justify-content:space-between;width:100%;margin-top:-.2rem;margin-bottom:-.2rem;padding:.2rem;font-family:monospace;display:flex}.tag-wrapper>a{max-width:90%;font-size:.7rem}.btn-copy{color:#ffffff73;z-index:10;font-size:.95rem}.code-container-wrapper{flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:relative}.code-container{width:100%}code{opacity:.85;background-color:#1a1a1a;border:1px solid #444;border-radius:7px;max-width:90vw;max-height:40vh;font-size:10px}.upload-tag-wrapper{width:100%;padding:.3rem}.upload-tag{color:#fff9;font-size:.7rem}.upload-footer-wrapper{flex-direction:column;gap:1rem;width:100%;padding:.6rem;display:flex}.stats-icon{background:var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;display:flex;position:relative}.stats-icon:before,.files-icon:before,.size-icon:before,.rate-icon:before,.avg-size-icon:before,.success-icon:before,.error-icon:before,.stats-icon:before{content:"";opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute}.files-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3C/svg%3E")}.size-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 14 10 14 10 20'%3E%3C/polyline%3E%3Cpolyline points='20 10 14 10 14 4'%3E%3C/polyline%3E%3Cline x1='14' y1='10' x2='21' y2='3'%3E%3C/line%3E%3Cline x1='3' y1='21' x2='10' y2='14'%3E%3C/line%3E%3C/svg%3E")}.rate-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'%3E%3C/polyline%3E%3C/svg%3E")}.avg-size-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}.stats-details h3{color:var(--text-primary);margin:0 0 .2rem;font-size:1.2rem;font-weight:600}.stats-details p{color:var(--text-secondary);margin:0;font-size:.8rem}.stats-top-files h3,.stats-uploads h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 .8rem;padding-bottom:.5rem;font-size:1rem}.file-types-container{flex-wrap:wrap;gap:.5rem;display:flex}.file-type-badge{background:var(--background-light);border:1px solid var(--border-color);border-radius:99px;align-items:center;padding:.2rem .6rem;font-size:.8rem;display:flex}.file-type-name{color:var(--text-secondary);margin-right:.4rem}.file-type-count{background:var(--accent-color);color:#fff;text-align:center;border-radius:99px;min-width:1.5rem;padding:.1rem .4rem;font-size:.7rem}.stats-timeline{flex-direction:column;gap:.5rem;display:flex}.timeline-item{border-bottom:1px dotted #9898db33;justify-content:space-between;padding:.3rem 0;font-size:.8rem;display:flex}.timeline-item.today{color:var(--accent-light)}.stats-error{color:var(--error-color);text-align:center;background:#ff5e5b1a;border:1px solid #ff5e5b4d;border-radius:.5rem;padding:1rem}.upload.dragging{border-color:var(--accent-light);box-shadow:0 0 10px var(--accent-glow)}.upload-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.upload-dropzone:hover{border-color:var(--accent-color);background:#6c5ce714}.upload-icon{width:60px;height:60px;color:var(--accent-color);margin-bottom:1rem}.upload-icon svg{width:100%;height:100%}.upload-text{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:500}.upload-text-or{color:var(--text-muted);margin:.5rem 0;font-size:.8rem}.upload-button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.3rem;margin-top:1rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 4px 10px #0003}.upload-button:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.upload-input{display:none}.preview-image{object-fit:contain;border-radius:.3rem;max-width:100%;max-height:300px;box-shadow:0 4px 10px #0003}.preview-video{border-radius:.3rem;max-width:100%;max-height:300px;box-shadow:0 4px 10px #0003}.generic-preview{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.file-icon{width:60px;height:60px;color:var(--accent-color)}.file-icon svg{width:100%;height:100%}.file-label{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.9rem;overflow:hidden}.file-details{border:1px solid var(--border-color);background:#1b192899;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.file-info{border-bottom:1px dotted #9898db33;justify-content:space-between;padding:.5rem;font-size:.9rem;display:flex}.file-info:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.file-actions{gap:1rem;margin-top:1rem;display:flex}.stats-period-section{margin:2rem 0}.stats-period-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.stats-period-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.period-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .3s}.period-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.period-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.period-header h4{color:var(--text-primary);margin:0;font-size:1rem}.period-badge{border-radius:99px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.period-badge.today{background:var(--success-color);color:#fff;animation:2s infinite pulse}.period-stats{justify-content:space-between;gap:1rem;display:flex}.period-stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--accent-light);margin-bottom:.2rem;font-size:1.2rem;font-weight:600}.stat-label{color:var(--text-secondary);font-size:.8rem}.stats-chart-section{margin:2rem 0}.stats-chart-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.hourly-chart{background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;align-items:flex-end;gap:2px;height:150px;padding:1rem;display:flex;overflow-x:auto}.chart-bar-container{flex-direction:column;align-items:center;min-width:30px;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--accent-color), var(--accent-light));border-radius:2px 2px 0 0;width:20px;min-height:2px;margin-bottom:.5rem;transition:all .3s}.chart-bar:hover{background:linear-gradient(to top, var(--accent-light), var(--accent-color));transform:scaleY(1.1)}.chart-label{color:var(--text-secondary);white-space:nowrap;margin-top:.5rem;font-size:.7rem;transform:rotate(-45deg)}.file-types-list{flex-direction:column;gap:.5rem;display:flex}.file-type-item{background:var(--background-light);border:1px solid var(--border-color);border-radius:.3rem;justify-content:space-between;align-items:center;padding:.5rem;transition:all .2s;display:flex}.file-type-item:hover{border-color:var(--accent-color);background:var(--hover-bg)}.file-type-info{flex-direction:column;gap:.2rem;display:flex}.file-type-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.file-type-mime{color:var(--text-muted);font-family:monospace;font-size:.7rem}.file-type-stats{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.file-type-count{color:var(--accent-light);font-size:.9rem;font-weight:600}.file-type-size{color:var(--text-secondary);font-size:.7rem}.time-label{color:var(--text-secondary);font-size:.8rem}.time-value{color:var(--text-primary);font-size:.8rem;font-weight:500}.time-value.success{color:var(--success-color)}.time-value.error{color:var(--error-color)}.stats-detailed-types{margin:2rem 0}.stats-detailed-types h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.detailed-types-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.detailed-type-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .3s}.detailed-type-card:hover{border-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.type-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;display:flex}.type-name{color:var(--text-primary);font-size:1rem;font-weight:600}.type-count{color:var(--accent-light);background:var(--accent-glow);border-radius:99px;padding:.2rem .5rem;font-size:.9rem;font-weight:500}.type-details{flex-direction:column;gap:.3rem;display:flex}.type-detail{justify-content:space-between;font-size:.8rem;display:flex}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:500}.action-button{cursor:pointer;border:none;border-radius:.4rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.upload{background:var(--accent-color);color:#fff;flex:1}.action-button.upload:hover:not(:disabled){background:var(--accent-light);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.action-button.cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.action-button.cancel:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.upload-result{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.6rem;margin-top:1rem;padding:1.5rem}.result-status{border-radius:.5rem;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem;font-weight:500;display:flex}.result-status.success{color:var(--success-color);background:#0cce6b1a;border:1px solid #0cce6b4d}.result-status.error{color:var(--error-color);background:#ff5e5b1a;border:1px solid #ff5e5b4d}.check-icon,.error-icon{flex-shrink:0;width:24px;height:24px}.result-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.result-item{flex-direction:column;gap:.5rem;display:flex}.result-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.url-container{background:var(--background-light);border:1px solid var(--border-color);border-radius:.4rem;align-items:center;gap:.5rem;padding:.8rem;display:flex}.result-url{color:var(--accent-light);word-break:break-all;flex:1;font-family:monospace;font-size:.8rem}.copy-button{background:var(--accent-color);cursor:pointer;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.copy-button:hover{background:var(--accent-light);transform:scale(1.05)}.copy-button svg{color:#fff;width:16px;height:16px}.result-value{color:var(--text-primary);font-family:monospace;font-size:.9rem}.result-preview{justify-content:center;margin-top:1rem;display:flex}.preview-link{border-radius:.5rem;transition:all .3s;display:block;overflow:hidden}.preview-link:hover{transform:scale(1.02);box-shadow:0 8px 25px #0000004d}.result-image{object-fit:contain;border-radius:.5rem;max-width:100%;max-height:300px}.file-link{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.file-link:hover{border-color:var(--accent-color);background:var(--hover-bg);transform:translateY(-2px)}.file-link .file-icon{width:48px;height:48px;color:var(--accent-color)}.file-link span{font-size:.9rem;font-weight:500}.error-message{color:var(--error-color);background:#ff5e5b1a;border:1px solid #ff5e5b4d;border-radius:.4rem;margin-top:1rem;padding:1rem;font-size:.9rem}.upload-footer-body-wrapper{flex-direction:column;gap:1rem;width:100%;display:flex}.success-card{border-left:3px solid var(--success-color)}.error-card{border-left:3px solid var(--error-color)}.success-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230cce6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}.error-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5e5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E")}@media (max-width:575.98px){.file-actions{flex-direction:column}.action-button{width:100%}.detailed-types-grid,.stats-period-grid{grid-template-columns:1fr}.period-stats{flex-direction:column;gap:.5rem}.url-container{flex-direction:column;align-items:stretch}.copy-button{align-self:flex-end;width:fit-content}}@media (min-width:576px) and (max-width:767.98px){.detailed-types-grid,.stats-period-grid{grid-template-columns:repeat(2,1fr)}.stats-details-row{grid-template-columns:1fr}}