@import url('https://fonts.googleapis.com/css2?family=Jersey+15&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jersey 15',cursive;color:var(--text);background:var(--bg-void);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}
table{border-collapse:collapse;width:100%}

:root{
--bg-void:#06060f;
--bg-deep:#0b0b1a;
--bg-glass:rgba(12,12,30,0.55);
--bg-glass-solid:rgba(16,16,38,0.85);
--bg-input:rgba(8,8,20,0.8);
--border:rgba(120,100,255,0.12);
--text:#e8e6f0;
--text-dim:#8a86a0;
--text-muted:#55526a;
--neon-green:#00ffaa;
--neon-green-dim:rgba(0,255,170,0.08);
--neon-violet:#a855f7;
--neon-violet-dim:rgba(168,85,247,0.08);
--neon-pink:#ff2d95;
--neon-pink-dim:rgba(255,45,149,0.08);
--neon-cyan:#00d4ff;
--neon-cyan-dim:rgba(0,212,255,0.08);
--neon-amber:#ffb800;
--neon-amber-dim:rgba(255,184,0,0.08);
--neon-red:#ff3b3b;
--neon-red-dim:rgba(255,59,59,0.08);
--radius:14px;
--radius-sm:8px;
--transition:0.3s cubic-bezier(0.4,0,0.2,1);
}

.cosmos{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}

.stars,.stars-2{position:absolute;inset:0;background-image:
radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,0.7),transparent),
radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,0.5),transparent),
radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,0.8),transparent),
radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,0.6),transparent),
radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,0.4),transparent),
radial-gradient(1.5px 1.5px at 15% 75%,rgba(255,255,255,0.7),transparent),
radial-gradient(1px 1px at 60% 60%,rgba(255,255,255,0.5),transparent),
radial-gradient(1px 1px at 85% 15%,rgba(255,255,255,0.6),transparent),
radial-gradient(1.5px 1.5px at 40% 90%,rgba(255,255,255,0.8),transparent),
radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,0.4),transparent);
background-size:100% 100%;
animation:twinkle 4s ease-in-out infinite alternate}

.stars-2{background-image:
radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,0.5),transparent),
radial-gradient(1.5px 1.5px at 22% 88%,rgba(255,255,255,0.7),transparent),
radial-gradient(1px 1px at 48% 32%,rgba(255,255,255,0.6),transparent),
radial-gradient(1px 1px at 65% 12%,rgba(255,255,255,0.4),transparent),
radial-gradient(1.5px 1.5px at 78% 65%,rgba(255,255,255,0.8),transparent),
radial-gradient(1px 1px at 92% 78%,rgba(255,255,255,0.5),transparent),
radial-gradient(1px 1px at 35% 55%,rgba(255,255,255,0.6),transparent),
radial-gradient(1.5px 1.5px at 55% 42%,rgba(255,255,255,0.7),transparent);
animation-delay:-2s;animation-duration:5s}

.aurora{position:absolute;inset:0}

.aurora-band{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.25}
.aurora-band:nth-child(1){width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,var(--neon-green),transparent 70%);animation:auroraMove1 25s ease-in-out infinite}
.aurora-band:nth-child(2){width:500px;height:500px;top:50%;right:-150px;background:radial-gradient(circle,var(--neon-violet),transparent 70%);animation:auroraMove2 30s ease-in-out infinite}
.aurora-band:nth-child(3){width:450px;height:450px;bottom:-100px;left:30%;background:radial-gradient(circle,var(--neon-cyan),transparent 70%);animation:auroraMove3 35s ease-in-out infinite}
.aurora-band:nth-child(4){width:400px;height:400px;top:20%;left:50%;background:radial-gradient(circle,var(--neon-pink),transparent 70%);animation:auroraMove2 28s ease-in-out infinite reverse}

.hex-grid{position:absolute;inset:0;opacity:0.06;background-image:
linear-gradient(30deg,var(--border) 12%,transparent 12.5%,transparent 87%,var(--border) 87.5%,var(--border)),
linear-gradient(150deg,var(--border) 12%,transparent 12.5%,transparent 87%,var(--border) 87.5%,var(--border)),
linear-gradient(30deg,var(--border) 12%,transparent 12.5%,transparent 87%,var(--border) 87.5%,var(--border)),
linear-gradient(150deg,var(--border) 12%,transparent 12.5%,transparent 87%,var(--border) 87.5%,var(--border)),
linear-gradient(60deg,rgba(120,100,255,0.06) 25%,transparent 25.5%,transparent 75%,rgba(120,100,255,0.06) 75%,rgba(120,100,255,0.06)),
linear-gradient(60deg,rgba(120,100,255,0.06) 25%,transparent 25.5%,transparent 75%,rgba(120,100,255,0.06) 75%,rgba(120,100,255,0.06));
background-size:80px 140px;
background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}

.header{position:relative;padding:20px 0;background:linear-gradient(180deg,rgba(11,11,26,0.95),rgba(6,6,15,0.6));border-bottom:1px solid var(--border);z-index:10;overflow:hidden}
.header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),var(--neon-cyan),var(--neon-violet),transparent)}

.scanline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,170,0.15),transparent);animation:scanline 8s linear infinite;pointer-events:none}

.h-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.h-brand{display:flex;align-items:center;gap:14px}
.h-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--bg-void);box-shadow:0 0 20px rgba(0,255,170,0.3)}
.h-title{font-size:28px;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}
.h-sub{font-size:14px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.h-actions{display:flex;gap:10px;align-items:center}
.h-btn{padding:10px 22px;border-radius:var(--radius-sm);font-size:15px;cursor:pointer;transition:var(--transition);border:1px solid var(--border);background:var(--bg-glass);color:var(--text)}
.h-btn:hover{border-color:rgba(120,100,255,0.3);background:rgba(16,16,38,0.95)}
.h-btn-green{border-color:rgba(0,255,170,0.25);color:var(--neon-green)}
.h-btn-green:hover{background:var(--neon-green-dim);border-color:rgba(0,255,170,0.5);box-shadow:0 0 20px rgba(0,255,170,0.15)}
.h-btn-violet{border-color:rgba(168,85,247,0.25);color:var(--neon-violet)}
.h-btn-violet:hover{background:var(--neon-violet-dim);border-color:rgba(168,85,247,0.5);box-shadow:0 0 20px rgba(168,85,247,0.15)}
.h-btn-pink{border-color:rgba(255,45,149,0.25);color:var(--neon-pink)}
.h-btn-pink:hover{background:var(--neon-pink-dim);border-color:rgba(255,45,149,0.5);box-shadow:0 0 20px rgba(255,45,149,0.15)}
.h-btn-red{border-color:rgba(255,59,59,0.25);color:var(--neon-red)}
.h-btn-red:hover{background:var(--neon-red-dim);border-color:rgba(255,59,59,0.5);box-shadow:0 0 20px rgba(255,59,59,0.15)}

.wrap{max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:5}
.lift{margin-top:-44px}

.glass{background:var(--bg-glass-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;transition:var(--transition)}
.glass::before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(120,100,255,0.2),transparent)}
.glass:hover{border-color:rgba(120,100,255,0.25);box-shadow:0 8px 32px rgba(0,0,0,0.3)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}

.scard{background:var(--bg-glass-solid);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;transition:var(--transition);cursor:default}
.scard::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:2px;transition:var(--transition)}
.scard.green::after{background:var(--neon-green);box-shadow:0 0 12px var(--neon-green)}
.scard.violet::after{background:var(--neon-violet);box-shadow:0 0 12px var(--neon-violet)}
.scard.pink::after{background:var(--neon-pink);box-shadow:0 0 12px var(--neon-pink)}
.scard.cyan::after{background:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan)}
.scard.amber::after{background:var(--neon-amber);box-shadow:0 0 12px var(--neon-amber)}
.scard.red::after{background:var(--neon-red);box-shadow:0 0 12px var(--neon-red)}
.scard:hover{transform:translateY(-3px);border-color:rgba(120,100,255,0.3);box-shadow:0 12px 40px rgba(0,0,0,0.4)}

.s-icon{font-size:28px;margin-bottom:8px}
.s-label{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
.s-val{font-size:32px;font-weight:700}
.scard.green .s-val{color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,170,0.4)}
.scard.violet .s-val{color:var(--neon-violet);text-shadow:0 0 20px rgba(168,85,247,0.4)}
.scard.pink .s-val{color:var(--neon-pink);text-shadow:0 0 20px rgba(255,45,149,0.4)}
.scard.cyan .s-val{color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,212,255,0.4)}
.scard.amber .s-val{color:var(--neon-amber);text-shadow:0 0 20px rgba(255,184,0,0.4)}
.scard.red .s-val{color:var(--neon-red);text-shadow:0 0 20px rgba(255,59,59,0.4)}

.sync-bar{background:var(--bg-glass-solid);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;position:relative;overflow:hidden}
.sync-bar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),var(--neon-cyan),transparent);background-size:200% 100%;animation:shimmerLine 3s linear infinite}
.sync-l{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:14px}
.sync-ico{font-size:20px}
.sync-ok{color:var(--neon-green);font-size:14px;display:flex;align-items:center;gap:6px}

.tbl-wrap{overflow-x:auto;border-radius:var(--radius)}
.tbl{width:100%;font-size:15px}
.tbl thead{background:rgba(6,6,15,0.8)}
.tbl thead th{padding:14px 16px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);border-bottom:1px solid var(--border);font-weight:400}
.tbl tbody tr{border-bottom:1px solid rgba(120,100,255,0.06);transition:var(--transition)}
.tbl tbody tr:hover{background:rgba(120,100,255,0.04)}
.tbl tbody td{padding:12px 16px;vertical-align:middle}

.badge{padding:4px 14px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:inline-block}
.badge-ready{background:var(--neon-amber-dim);color:var(--neon-amber);border:1px solid rgba(255,184,0,0.2);box-shadow:0 0 10px rgba(255,184,0,0.1)}
.badge-sold{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid rgba(0,255,170,0.2);box-shadow:0 0 10px rgba(0,255,170,0.1)}

.btn-s{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:var(--transition);border:1px solid var(--border);background:var(--bg-glass)}
.btn-s.btn-e{border-color:rgba(0,212,255,0.25);color:var(--neon-cyan)}
.btn-s.btn-e:hover{background:var(--neon-cyan-dim);border-color:rgba(0,212,255,0.5);box-shadow:0 0 15px rgba(0,212,255,0.15)}
.btn-s.btn-d{border-color:rgba(255,59,59,0.25);color:var(--neon-red)}
.btn-s.btn-d:hover{background:var(--neon-red-dim);border-color:rgba(255,59,59,0.5);box-shadow:0 0 15px rgba(255,59,59,0.15)}

.search{width:100%;padding:12px 18px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;transition:var(--transition);margin-bottom:16px}
.search::placeholder{color:var(--text-muted)}
.search:focus{border-color:rgba(0,255,170,0.35);box-shadow:0 0 20px rgba(0,255,170,0.08)}

.fbar{background:var(--bg-glass-solid);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.f-input{padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:var(--transition);flex:1;min-width:150px}
.f-input::placeholder{color:var(--text-muted)}
.f-input:focus{border-color:rgba(0,255,170,0.35);box-shadow:0 0 15px rgba(0,255,170,0.08)}
.f-btn{padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:var(--transition);border:1px solid rgba(0,255,170,0.3);color:var(--neon-green);background:var(--neon-green-dim)}
.f-btn:hover{background:rgba(0,255,170,0.15);border-color:rgba(0,255,170,0.6);box-shadow:0 0 20px rgba(0,255,170,0.2)}

.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:5}
.login-box{background:var(--bg-glass-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:420px;position:relative;overflow:hidden;animation:floatSlow 6s ease-in-out infinite}
.login-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan),var(--neon-violet),var(--neon-pink));background-size:300% 100%;animation:shimmerLine 4s linear infinite}

.l-logo{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--bg-void);margin:0 auto 20px;box-shadow:0 0 30px rgba(0,255,170,0.3)}
.l-title{text-align:center;font-size:30px;margin-bottom:4px;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.l-sub{text-align:center;font-size:14px;color:var(--text-dim);margin-bottom:28px;letter-spacing:1px}
.l-input{width:100%;padding:14px 18px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;transition:var(--transition);margin-bottom:16px}
.l-input::placeholder{color:var(--text-muted)}
.l-input:focus{border-color:rgba(0,255,170,0.4);box-shadow:0 0 20px rgba(0,255,170,0.1)}
.l-btn{width:100%;padding:14px;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;transition:var(--transition);border:1px solid rgba(0,255,170,0.4);color:var(--bg-void);background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));font-weight:700;letter-spacing:1px;margin-top:8px;animation:glowPulse 3s ease-in-out infinite}
.l-btn:hover{box-shadow:0 0 30px rgba(0,255,170,0.4);transform:translateY(-1px)}

.modal-bg{position:fixed;inset:0;background:rgba(6,6,15,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}
.modal-bg.active{display:flex}
.modal{background:var(--bg-glass-solid);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:600px;position:relative;animation:fadeUp 0.3s ease-out;max-height:90vh;overflow-y:auto}
.modal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-glass);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text-dim);transition:var(--transition)}
.modal-x:hover{border-color:rgba(255,59,59,0.5);color:var(--neon-red);background:var(--neon-red-dim)}

.fg{margin-bottom:18px}
.fl{display:block;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.fi,.fsel,.fta{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;transition:var(--transition)}
.fi:focus,.fsel:focus,.fta:focus{border-color:rgba(0,255,170,0.35);box-shadow:0 0 18px rgba(0,255,170,0.08)}
.fsel{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a86a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.fsel option{background:var(--bg-deep);color:var(--text)}
.fta{resize:vertical;min-height:80px}
.f-submit{width:100%;padding:14px;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;border:1px solid rgba(0,255,170,0.4);color:var(--bg-void);background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));font-weight:700;letter-spacing:1px;transition:var(--transition);margin-top:8px}
.f-submit:hover{box-shadow:0 0 25px rgba(0,255,170,0.3);transform:translateY(-1px)}

.upload-z{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:28px;text-align:center;color:var(--text-dim);font-size:14px;transition:var(--transition);cursor:pointer}
.upload-z:hover{border-color:rgba(0,255,170,0.3);background:var(--neon-green-dim);color:var(--neon-green)}
.upload-z input[type="file"]{display:none}

.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.exp-form{background:var(--bg-glass-solid);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}
.exp-form::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-amber),var(--neon-pink));background-size:200% 100%;animation:shimmerLine 3s linear infinite}

.back-l{display:inline-flex;align-items:center;gap:8px;color:var(--neon-amber);font-size:15px;margin-bottom:20px;transition:var(--transition);padding:6px 0}
.back-l:hover{color:#ffd060;text-shadow:0 0 10px rgba(255,184,0,0.3)}

.sec-title{font-size:24px;margin-bottom:20px;color:var(--text);position:relative;padding-bottom:12px}
.sec-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:linear-gradient(90deg,var(--neon-green),transparent);border-radius:2px}

.badge-cat{padding:4px 12px;border-radius:16px;font-size:11px;text-transform:uppercase;letter-spacing:1px;background:var(--neon-violet-dim);color:var(--neon-violet);border:1px solid rgba(168,85,247,0.2);display:inline-block}

@keyframes fadeUp{
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}

@keyframes twinkle{
0%{opacity:0.4}
50%{opacity:1}
100%{opacity:0.6}
}

@keyframes auroraMove1{
0%{transform:translate(0,0) scale(1)}
33%{transform:translate(100px,50px) scale(1.1)}
66%{transform:translate(-50px,100px) scale(0.9)}
100%{transform:translate(0,0) scale(1)}
}

@keyframes auroraMove2{
0%{transform:translate(0,0) scale(1)}
33%{transform:translate(-80px,-60px) scale(1.15)}
66%{transform:translate(60px,-30px) scale(0.95)}
100%{transform:translate(0,0) scale(1)}
}

@keyframes auroraMove3{
0%{transform:translate(0,0) scale(1)}
33%{transform:translate(70px,-80px) scale(1.05)}
66%{transform:translate(-90px,40px) scale(1.1)}
100%{transform:translate(0,0) scale(1)}
}

@keyframes shimmerLine{
0%{background-position:200% 0}
100%{background-position:-200% 0}
}

@keyframes floatSlow{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}

@keyframes scanline{
0%{top:-2px;opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{top:100%;opacity:0}
}

@keyframes glowPulse{
0%{box-shadow:0 0 10px rgba(0,255,170,0.2)}
50%{box-shadow:0 0 25px rgba(0,255,170,0.4),0 0 50px rgba(0,255,170,0.1)}
100%{box-shadow:0 0 10px rgba(0,255,170,0.2)}
}

@media(max-width:1024px){
.stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
.h-inner{flex-direction:column;text-align:center}
.h-brand{justify-content:center}
.h-actions{justify-content:center;flex-wrap:wrap}
.stats{grid-template-columns:repeat(2,1fr)}
.sync-bar{flex-direction:column;text-align:center}
.fbar{flex-direction:column}
.f-input{width:100%}
.frow{grid-template-columns:1fr}
.wrap{padding:16px}
.modal{padding:24px;margin:16px}
}

@media(max-width:480px){
.stats{grid-template-columns:1fr}
.glass{padding:16px}
.scard{padding:16px}
.h-title{font-size:22px}
.s-val{font-size:26px}
.tbl{font-size:13px}
.tbl thead th,.tbl tbody td{padding:10px 12px}
.login-box{padding:28px 24px}
}