*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;}
body{background:#0a0f1f;color:#fff;min-height:100vh;}
.header{width:100%;background:#111a33;border-bottom:2px solid #fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:1100;}
.header-left{display:flex;align-items:center;gap:10px;}
.header-left img{width:26px;height:26px;filter:invert(1);}
.header-left h1{font-size:1.2rem;color:#fff;font-weight:600;}
.menu-btn{background:none;border:none;cursor:pointer;}
.menu-btn img{width:26px;height:26px;filter:invert(1);}
.sidebar{width:240px;background:#0d152b;border-right:2px solid #fff;padding:20px;display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;bottom:0;transform:translateX(-100%);transition:transform 0.3s ease;z-index:1000;}
.sidebar.open{transform:translateX(0);}
.sidebar .logo{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.sidebar .logo img{width:60px;height:60px;filter:invert(1);}
.sidebar .links{margin-top:20px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;}
.sidebar .links img{width:26px;height:26px;filter:invert(1);cursor:pointer;}
.menu{margin-top:30px;width:100%;display:flex;flex-direction:column;gap:15px;padding:0 10px;}
.menu-item{display:flex;align-items:center;gap:10px;background:#111a33;padding:10px 15px;border-radius:8px;cursor:pointer;transition:background 0.3s;text-decoration:none;color:#fff;}
.menu-item:hover{background:#1b2750;}
.menu-item.active{background:#1e3a8a;border:1px solid #4dafff;}
.menu-item img{width:22px;height:22px;filter:invert(1);}
.menu-item span{font-size:.95rem;font-weight:500;}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:900;display:none;}
.overlay.show{display:block;}
.main{padding:100px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;}
.card{background:#111a33;border:2px solid #fff;border-radius:12px;padding:30px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 0 20px rgba(255,255,255,0.1);}
.card img{width:50px;height:50px;filter:invert(1);}
.card h3{margin-top:10px;font-size:1rem;font-weight:600;}
.btn-row{display:flex;gap:20px;margin-top:20px;}
.btn-action{display:flex;align-items:center;gap:8px;background:#1b2750;border:1px solid #4dafff;border-radius:8px;padding:10px 15px;cursor:pointer;transition:background 0.3s;}
.btn-action:hover{background:#274080;}
.btn-action img{width:20px;height:20px;filter:invert(1);}
.btn-action span{font-size:.9rem;}
.upload-list{width:100%;max-width:800px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.upload-card{background:#1a1a2e;border:1px solid #fff;border-radius:8px;padding:10px;width:180px;display:flex;flex-direction:column;gap:6px;position:relative;text-align:left;}
.upload-header{display:flex;align-items:center;gap:6px;}
.upload-header img{width:16px;height:16px;}
.upload-header span{font-size:.75rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upload-close{cursor:pointer;color:#dc3545;font-weight:700;font-size:1rem;}
.progress{height:5px;background:#333;border-radius:5px;overflow:hidden;}
.progress-bar{height:100%;width:0;background:#4dafff;transition:width .3s;}
.result-line{display:flex;align-items:center;gap:6px;margin-top:4px;max-width:100%;}
.status-wrap{position:relative;width:16px;height:16px;flex:0 0 16px;}
.status-wrap img{width:16px;height:16px;filter:invert(1);}
.badge{position:absolute;top:-6px;right:-6px;border-radius:10px;padding:0 4px;font-size:9px;color:#fff;}
.b0{background:#777;}
.b1{background:#28a745;}
.b2{background:#ff9800;}
.result-link{font-size:.7rem;line-height:1.1;color:#4dafff;max-width:120px;}
.result-link a{color:#4dafff;text-decoration:underline;display:block;word-break:break-all;overflow-wrap:anywhere;}
.copy-btn{cursor:pointer;flex:0 0 14px;}
.copy-btn img{width:14px;height:14px;filter:invert(1);}
.loading-dots{display:flex;gap:3px;align-items:center;margin-top:4px;}
.dot{width:5px;height:5px;border-radius:50%;background:#4dafff;animation:bounce 1s infinite;}
.dot:nth-child(2){animation-delay:0.2s;}
.dot:nth-child(3){animation-delay:0.4s;}
@keyframes bounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}
.footer{width:100%;position:fixed;bottom:0;left:0;background:#0a0f1f;text-align:center;padding:8px 0;font-size:0.85rem;}
.footer span{animation:colorchange 6s linear infinite;}
@keyframes colorchange{0%{color:#4dafff;}25%{color:#28a745;}50%{color:#ff9800;}75%{color:#e91e63;}100%{color:#4dafff;}}
#preloader{transition:opacity 0.8s ease;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0f1f;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;}
#preloader.hide{opacity:0;pointer-events:none;}
#preloader .main-logo{width:60px;height:60px;filter:invert(1);margin-bottom:15px;}
.loading-clouds{display:flex;gap:10px;align-items:center;}
.cloud.small{width:20px;height:20px;filter:invert(1);animation:bounce 1s infinite;}
.cloud2{animation-delay:0.2s;}
.cloud3{animation-delay:0.4s;}
.toast{position:fixed;bottom:20px;right:20px;background:#111a33;color:#fff;padding:10px 15px;border-radius:8px;border:1px solid #4dafff;font-size:.85rem;opacity:0;transform:translateY(20px);transition:all .4s ease;z-index:2000;}
.toast.show{opacity:1;transform:translateY(0);}