:root{--accent-color:#6c5ce7;--accent-dark:#5348c0;--accent-light:#8a7bf7;--accent-glow:rgba(108,92,231,.3);--background-dark:#10121b;--background-light:rgba(37,38,42,.7);--text-primary:hsla(0,0%,100%,.9);--text-secondary:hsla(0,0%,100%,.6);--text-muted:hsla(0,0%,100%,.4);--border-color:rgba(152,152,219,.3);--border-accent:rgba(152,152,219,.5);--error-color:#ff5e5b;--success-color:#0cce6b;--card-bg:rgba(16,14,25,.8);--hover-bg:rgba(108,92,231,.15)}.body-upload{scroll-behavior:smooth;background-color:#000;font-family:Orbitron,sans-serif;background-image:radial-gradient(circle at 25% 25%,rgba(138,43,226,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.12) 0,transparent 50%)}.upload-container-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.upload-body-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:6rem;margin-bottom:4rem;width:100%}.upload-wrapper{width:100%;max-width:900px;display:flex;justify-content:center;padding:0}.upload-body{background:rgba(37,38,42,.7);width:100%;border-radius:.7rem;border-bottom:.5px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;overflow:hidden}.upload{background:rgba(16,14,25,.8);border:1px solid rgba(152,152,219,.3);border-radius:.7rem;min-height:400px}.stats-container,.upload{padding:2rem;width:100%;position:relative}.stats-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.7rem;box-shadow:0 2px 10px rgba(0,0,0,.3);color:var(--text-primary);overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.stats-header h2{font-size:1.6rem;font-weight:800;margin:0;background:linear-gradient(to right,var(--text-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stats-uptime{display:flex;flex-direction:column;align-items:flex-end;font-size:.85rem;color:var(--text-secondary);gap:.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stats-card{background:rgba(27,25,40,.6);padding:1.5rem;border-radius:.6rem;display:flex;align-items:center;border:1px solid var(--border-color);transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-card:hover{transform:translateY(-3px);border-color:var(--accent-color);box-shadow:0 8px 25px var(--accent-glow)}.stats-details-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.stats-top-files,.stats-uploads{background:rgba(27,25,40,.6);padding:1.5rem;border-radius:.6rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-header{text-align:center;margin-bottom:2.5rem}.upload-header h2{font-size:1.8rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(to right,var(--text-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.upload-dropzone{border:2px dashed var(--border-color);border-radius:.6rem;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;transition:all .3s ease;background:rgba(27,25,40,.6);margin-bottom:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.file-preview-container{display:flex;flex-direction:column;gap:1.5rem}.file-preview{display:flex;justify-content:center;background:rgba(27,25,40,.6);border-radius:.6rem;padding:1.5rem;min-height:250px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.code-container-wrapper{padding:1rem}.tag-wrapper{margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.tag-wrapper>a{font-size:.8rem;font-weight:500}.btn-copy{color:hsla(0,0%,100%,.6);font-size:1rem;cursor:pointer;transition:color .2s ease}.btn-copy:hover{color:var(--accent-light)}.code-container,code{overflow-x:auto}code{border-radius:.6rem;opacity:.9;font-size:.75rem;line-height:1.4;display:block;min-width:100%}.stats-loading{width:100%;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.stats-loading-spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(152,152,219,.3);border-top:3px solid var(--accent-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:575.98px){.upload-container-wrapper{padding:0 .5rem}.upload-body-wrapper{margin-top:5rem;gap:1.5rem}.stats-container,.upload{padding:1.5rem}.stats-details-row,.stats-grid{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:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 50%,rgba(108,92,231,.03) 0);background-size:100% 4px;pointer-events:none;z-index:2;opacity:.3}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.tag-wrapper{width:100%;justify-content:space-between;margin-top:-.2rem;margin-bottom:-.2rem;padding:.2rem;display:flex;font-family:monospace;color:hsla(0,0%,100%,.7)}.tag-wrapper>a{font-size:.7rem;max-width:90%}.btn-copy{color:hsla(0,0%,100%,.45);font-size:.95rem;z-index:10}.code-container-wrapper{position:relative;display:flex;flex-direction:column;padding:.5rem;gap:.5rem}.code-container{width:100%}code{border-radius:7px;background-color:#1a1a1a;max-width:90vw;max-height:40vh;border:1px solid #444;opacity:.85;font-size:10px}.upload-tag-wrapper{width:100%;padding:.3rem}.upload-tag{font-size:.7rem;color:hsla(0,0%,100%,.6)}.upload-footer-wrapper{width:100%;padding:.6rem;gap:1rem;display:flex;flex-direction:column}.stats-icon{width:40px;height:40px;background:var(--accent-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;position:relative}.avg-size-icon:before,.error-icon:before,.files-icon:before,.rate-icon:before,.size-icon:before,.stats-icon:before,.success-icon:before{content:"";position:absolute;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.8}.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{font-size:1.2rem;font-weight:600;margin:0 0 .2rem;color:var(--text-primary)}.stats-details p{font-size:.8rem;margin:0;color:var(--text-secondary)}.stats-top-files h3,.stats-uploads h3{font-size:1rem;margin:0 0 .8rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.file-types-container{display:flex;flex-wrap:wrap;gap:.5rem}.file-type-badge{background:var(--background-light);border-radius:99px;padding:.2rem .6rem;display:flex;align-items:center;font-size:.8rem;border:1px solid var(--border-color)}.file-type-name{margin-right:.4rem;color:var(--text-secondary)}.file-type-count{background:var(--accent-color);color:#fff;border-radius:99px;padding:.1rem .4rem;font-size:.7rem;min-width:1.5rem;text-align:center}.stats-timeline{display:flex;flex-direction:column;gap:.5rem}.timeline-item{display:flex;justify-content:space-between;font-size:.8rem;padding:.3rem 0;border-bottom:1px dotted rgba(152,152,219,.2)}.timeline-item.today{color:var(--accent-light)}.stats-error{padding:1rem;background:rgba(255,94,91,.1);border:1px solid rgba(255,94,91,.3);border-radius:.5rem;color:var(--error-color);text-align:center}.upload.dragging{border-color:var(--accent-light);box-shadow:0 0 10px var(--accent-glow)}.upload-header p{font-size:.9rem;color:var(--text-secondary);margin:0}.upload-dropzone:hover{border-color:var(--accent-color);background:rgba(108,92,231,.08)}.upload-icon{width:60px;height:60px;color:var(--accent-color);margin-bottom:1rem}.upload-icon svg{width:100%;height:100%}.upload-text{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.upload-text-or{font-size:.8rem;color:var(--text-muted);margin:.5rem 0}.upload-button{background:var(--accent-color);color:#fff;border:none;border-radius:.3rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem;box-shadow:0 4px 10px rgba(0,0,0,.2)}.upload-button:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.3)}.upload-input{display:none}.preview-image{object-fit:contain}.preview-image,.preview-video{max-width:100%;max-height:300px;border-radius:.3rem;box-shadow:0 4px 10px rgba(0,0,0,.2)}.generic-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.file-icon{width:60px;height:60px;color:var(--accent-color)}.file-icon svg{width:100%;height:100%}.file-label{font-size:.9rem;color:var(--text-secondary);text-align:center;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details{display:flex;flex-direction:column;gap:.5rem;background:rgba(27,25,40,.6);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color)}.file-info{display:flex;justify-content:space-between;font-size:.9rem;padding:.5rem;border-bottom:1px dotted rgba(152,152,219,.2)}.file-info:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;gap:1rem;margin-top:1rem}.stats-period-section{margin:2rem 0}.stats-period-section h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.stats-period-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.period-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .3s ease}.period-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.period-header h4{margin:0;color:var(--text-primary);font-size:1rem}.period-badge{padding:.2rem .5rem;border-radius:99px;font-size:.7rem;font-weight:500}.period-badge.today{background:var(--success-color);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.period-stats{display:flex;justify-content:space-between;gap:1rem}.period-stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.2rem;font-weight:600;color:var(--accent-light);margin-bottom:.2rem}.stat-label{font-size:.8rem;color:var(--text-secondary)}.stats-chart-section{margin:2rem 0}.stats-chart-section h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.hourly-chart{display:flex;align-items:flex-end;gap:2px;height:150px;padding:1rem;background:var(--background-light);border-radius:.5rem;border:1px solid var(--border-color);overflow-x:auto}.chart-bar-container{display:flex;flex-direction:column;align-items:center;min-width:30px;height:100%}.chart-bar{width:20px;background:linear-gradient(to top,var(--accent-color),var(--accent-light));border-radius:2px 2px 0 0;min-height:2px;transition:all .3s ease;margin-bottom:.5rem}.chart-bar:hover{background:linear-gradient(to top,var(--accent-light),var(--accent-color));transform:scaleY(1.1)}.chart-label{font-size:.7rem;color:var(--text-secondary);transform:rotate(-45deg);white-space:nowrap;margin-top:.5rem}.file-types-list{display:flex;flex-direction:column;gap:.5rem}.file-type-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--background-light);border-radius:.3rem;border:1px solid var(--border-color);transition:all .2s ease}.file-type-item:hover{border-color:var(--accent-color);background:var(--hover-bg)}.file-type-info{display:flex;flex-direction:column;gap:.2rem}.file-type-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.file-type-mime{font-size:.7rem;color:var(--text-muted);font-family:monospace}.file-type-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.file-type-count{font-size:.9rem;font-weight:600;color:var(--accent-light)}.file-type-size{font-size:.7rem;color:var(--text-secondary)}.time-label{color:var(--text-secondary);font-size:.8rem}.time-value{color:var(--text-primary);font-weight:500;font-size:.8rem}.time-value.success{color:var(--success-color)}.time-value.error{color:var(--error-color)}.stats-detailed-types{margin:2rem 0}.stats-detailed-types h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.detailed-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.detailed-type-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .3s ease}.detailed-type-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.type-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.type-count{font-size:.9rem;font-weight:500;color:var(--accent-light);background:var(--accent-glow);padding:.2rem .5rem;border-radius:99px}.type-details{display:flex;flex-direction:column;gap:.3rem}.type-detail{display:flex;justify-content:space-between;font-size:.8rem}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:500}.action-button{padding:.7rem 1.5rem;border:none;border-radius:.4rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.upload{background:var(--accent-color);color:#fff;flex:1 1}.action-button.upload:hover:not(:disabled){background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.action-button.cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.action-button.cancel:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.button-spinner{width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}.upload-result{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.6rem;padding:1.5rem;margin-top:1rem}.result-status{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;font-weight:500}.result-status.success{background:rgba(12,206,107,.1);border:1px solid rgba(12,206,107,.3);color:var(--success-color)}.result-status.error{background:rgba(255,94,91,.1);border:1px solid rgba(255,94,91,.3);color:var(--error-color)}.check-icon,.error-icon{width:24px;height:24px;flex-shrink:0}.result-details{gap:1rem;margin-bottom:1.5rem}.result-details,.result-item{display:flex;flex-direction:column}.result-item{gap:.5rem}.result-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.url-container{display:flex;align-items:center;gap:.5rem;background:var(--background-light);border:1px solid var(--border-color);border-radius:.4rem;padding:.8rem}.result-url{flex:1 1;font-family:monospace;font-size:.8rem;color:var(--accent-light);word-break:break-all}.copy-button{background:var(--accent-color);border:none;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--accent-light);transform:scale(1.05)}.copy-button svg{width:16px;height:16px;color:#fff}.result-value{font-size:.9rem;color:var(--text-primary);font-family:monospace}.result-preview{display:flex;justify-content:center;margin-top:1rem}.preview-link{display:block;border-radius:.5rem;overflow:hidden;transition:all .3s ease}.preview-link:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3)}.result-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:.5rem}.file-link{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;background:var(--background-light);border:1px solid var(--border-color);border-radius:.5rem;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.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{background:rgba(255,94,91,.1);border:1px solid rgba(255,94,91,.3);border-radius:.4rem;padding:1rem;color:var(--error-color);font-size:.9rem;margin-top:1rem}.upload-footer-body-wrapper{width:100%;display:flex;flex-direction:column;gap:1rem}.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:-moz-fit-content;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}}