*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00e676;--primary-d:#00b35c;--gold:gold;--bg:#020b04;--bg-card:#071209;--bg-input:#0b1c0e;--border:#00e67624;--border-b:#00e67659;--text:#e8fef0;--muted:#7aad87;--dim:#3d6b47;--red:#ff5252;--yellow:#ffd740;--color-primary:#00e676;--color-bg:#020b04;--color-bg-card:#071209;--color-bg-input:#0b1c0e;--color-border:#00e67624;--color-border-b:#00e67659;--color-text:#e8fef0;--color-text-muted:#7aad87;--color-text-dim:#3d6b47;--color-surface:#0f1f11}html,body,#root{min-height:100vh}html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-b);border-radius:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.admin-wrap{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{z-index:40;background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.page-content{padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));flex:1;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.logo-icon{color:#020b04;background:linear-gradient(135deg,#00e676,gold);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.nav-item{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:#00e6760d}.nav-item.active{color:var(--primary);background:#00e6761a;border-color:#00e67633}.sidebar-foot{border-top:1px solid var(--border);padding:10px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;border-radius:9px;outline:none;padding:9px 13px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--border-b)}.input::placeholder{color:var(--dim)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-green{color:#020b04;background:linear-gradient(135deg,#00e676,#00b35c)}.btn-green:hover{opacity:.88}.btn-red{color:var(--red);background:#ff52521f;border:1px solid #ff52524d}.btn-yellow{color:var(--gold);background:#ffd7001a;border:1px solid #ffd7004d}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:#00e6760d}.btn-ghost:hover{border-color:var(--border-b);color:var(--text)}.btn-sm{border-radius:7px;padding:5px 11px;font-size:12px}.btn-block{width:100%}.badge{border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:var(--primary);background:#00e6761f}.badge-red{color:var(--red);background:#ff52521f}.badge-yellow{color:var(--gold);background:#ffd7001f}.badge-blue{color:#40c4ff;background:#40c4ff1f}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead tr{background:#00e6760a}th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}td{border-top:1px solid var(--border);color:var(--muted);vertical-align:middle;padding:11px 14px}tr:hover td{background:#00e67605}.page-title{color:var(--text);font-size:20px;font-weight:900}.page-sub{color:var(--dim);margin-top:2px;font-size:13px}.grid-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{display:none}}.stack{flex-direction:column;display:flex}.stack-4{gap:16px}.stack-5{gap:20px}.stack-6{gap:24px}.row{align-items:center;display:flex}.row-sb{justify-content:space-between;align-items:center;display:flex}.wrap{flex-wrap:wrap}.divider{background:var(--border);height:1px}.mono{font-family:SF Mono,Fira Code,monospace}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert{border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600}.alert-red{color:var(--red);background:#ff52521a;border:1px solid #ff525240}.alert-green{color:var(--primary);background:#00e6761a;border:1px solid #00e67633}.alert-yellow{color:var(--gold);background:#ffd70014;border:1px solid #ffd70033}.modal-bg{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:24px}.mob-menu-btn{display:none}@media (width<=768px){.mob-menu-btn{display:flex}#desktop-sidebar{display:none}}@media (width<=640px){.page-content{padding:14px}.topbar{gap:8px;padding:10px 14px}.card{border-radius:12px;padding:14px}.stat-card{padding:12px 14px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2{grid-template-columns:1fr;gap:10px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:10px}th{padding:8px 10px;font-size:10px}td{padding:9px 10px;font-size:12px}.row-sb{flex-wrap:wrap;gap:10px}.modal-box{border-radius:14px;max-width:100%;padding:18px}.btn{min-height:40px}.btn-sm{min-height:34px}.input{font-size:16px}.stat-card p:nth-child(2){font-size:20px}}@media (width<=380px){.grid-4,.grid-3{grid-template-columns:1fr}.page-content{padding:10px}}@media (width<=640px){.hide-mobile{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s both fadeInUp}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin;display:inline-block}.glow-green{box-shadow:0 0 24px #00e67633}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.cursor-pointer{cursor:pointer}.overflow-auto{overflow:auto}.break-all{word-break:break-all}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.z-40{z-index:40}.z-50{z-index:50}.ml-auto{margin-left:auto}.text-center{text-align:center}.text-right{text-align:right}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.space-y-0\.5{flex-direction:column;gap:2px;display:flex}.space-y-1{flex-direction:column;gap:4px;display:flex}.space-y-2{flex-direction:column;gap:8px;display:flex}.space-y-3{flex-direction:column;gap:12px;display:flex}.space-y-4{flex-direction:column;gap:16px;display:flex}.space-y-5{flex-direction:column;gap:20px;display:flex}.space-y-6{flex-direction:column;gap:24px;display:flex}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width>=768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:p-6{padding:24px}}@media (width<=767px){.md\:hidden-mobile{display:none}}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:SF Mono,Fira Code,monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.leading-none{line-height:1}.w-full{width:100%}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-5{width:20px}.h-5{height:20px}.w-8{width:32px}.h-8{height:32px}.w-12{width:48px}.h-6{height:24px}.w-14{width:56px}.h-14{height:56px}.w-52{width:208px}.h-4{height:16px}.h-7{height:28px}.max-w-sm{max-width:384px}.max-w-xs{max-width:320px}.rounded-lg{border-radius:10px}.rounded-xl{border-radius:14px}.rounded-2xl{border-radius:18px}.rounded-full{border-radius:9999px}.border-b{border-bottom:1px solid var(--border)}.p-1{padding:4px}.p-4{padding:16px}.p-3{padding:12px}.px-0\.5{padding-left:2px;padding-right:2px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-12{padding-top:48px;padding-bottom:48px}.pb-4{padding-bottom:16px}.mb-0\.5{margin-bottom:2px}.mb-1{margin-bottom:4px}.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-8{margin-bottom:32px}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-5{margin-top:20px}.last\:border-0:last-child{border:none}.bg-white\/5{background:#ffffff0d}.bg-black\/60{background:#0009}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transition-all{transition:all .2s}.transition-transform{transition:transform .2s}.bg-white{background:#fff}.bg-white\/5:hover{background:#ffffff14}