
:root{
  --bg:#050812;--panel:#0a1120;--panel2:#0d1628;--line:#1a2840;
  --text:#f4f7ff;--muted:#8490a8;--purple:#8b5cf6;--cyan:#22d3ee;
  --green:#22c55e;--yellow:#facc15;--danger:#fb7185;--radius:16px;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 70% -10%,#25104b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit} button{cursor:pointer}
a{color:inherit;text-decoration:none}
.shell{display:flex;min-height:100vh}.sidebar{width:260px;border-right:1px solid var(--line);background:rgba(4,9,18,.92);padding:20px 14px;position:fixed;inset:0 auto 0 0;z-index:10}
.brand{font-weight:900;font-size:23px;padding:5px 10px 22px}.brand span{color:var(--purple)}.brand small{font-size:11px;color:var(--cyan);margin-left:5px}
.profile{background:linear-gradient(135deg,#0d172a,#0a1020);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:18px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);font-weight:900}.profile-row{display:flex;gap:11px;align-items:center}.profile b{display:block}.profile span{font-size:12px;color:var(--muted)}
.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#b9c2d6;text-align:left;padding:12px;border-radius:11px;font-weight:650}.nav button:hover,.nav button.active{background:linear-gradient(90deg,rgba(139,92,246,.26),rgba(34,211,238,.06));color:#fff;box-shadow:inset 0 0 0 1px rgba(139,92,246,.45)}
.premium{position:absolute;left:14px;right:14px;bottom:16px;padding:16px;border:1px solid #7047d9;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.04))}.premium b{display:block;margin-bottom:5px}.premium p{font-size:12px;color:var(--muted);margin:0 0 12px}.btn{border:1px solid var(--line);background:#0d1628;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700}.btn.primary{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:#8b5cf6}.btn.green{background:rgba(34,197,94,.13);border-color:#23864a;color:#6ee7a0}.btn.danger{background:rgba(251,113,133,.1);border-color:#6e2d3a}.btn.full{width:100%}
main{margin-left:260px;width:calc(100% - 260px);padding:26px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.title h1{font-size:28px;margin:0 0 4px}.title p{margin:0;color:var(--muted)}.actions{display:flex;gap:9px}
.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.stat,.card{background:linear-gradient(145deg,rgba(13,22,40,.96),rgba(7,13,25,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 45px rgba(0,0,0,.15)}.stat{padding:18px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:26px;font-weight:850;margin-top:8px}.up{color:#4ade80;font-size:12px;margin-top:6px}
.two{grid-template-columns:1.6fr 1fr}.three{grid-template-columns:1.1fr 1.1fr .9fr}.card{padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-head h2{font-size:16px;margin:0}.muted{color:var(--muted)}
.chart{height:265px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;color:#65728b;font-size:11px;margin-top:-2px}
.donor{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(26,40,64,.7)}.donor:last-child{border-bottom:0}.donor .mini{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#141f34}.donor strong{margin-left:auto}.green-text{color:#4ade80}.goal-box{padding:17px;border-radius:13px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(34,211,238,.03));border:1px solid rgba(139,92,246,.5)}.progress{height:11px;border-radius:99px;background:#172238;overflow:hidden;margin:12px 0}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:99px}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:#75829a;font-weight:600}
.widget-list{display:grid;gap:9px}.widget{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#091221}.widget .icon{font-size:20px}.widget small{display:block;color:var(--muted);margin-top:2px}.widget .copy{margin-left:auto;padding:8px 10px;font-size:11px}
.form{display:grid;gap:14px}.field label{display:block;font-size:12px;color:#9aa6bd;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:#070e1b;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.field textarea{min-height:100px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.public{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#281052,transparent 38%),#050812}.donate-card{width:min(560px,100%);padding:30px;border:1px solid #2b3c5b;border-radius:22px;background:rgba(8,15,29,.94);box-shadow:0 25px 100px rgba(0,0,0,.45)}.donate-card .brand{padding:0 0 25px}.donate-card h1{font-size:30px;margin:0}.donate-card .sub{color:var(--muted);margin:7px 0 25px}.amounts{display:flex;gap:8px;flex-wrap:wrap}.amounts button{border:1px solid var(--line);background:#0c1526;color:#fff;border-radius:10px;padding:9px 14px}.amounts button:hover{border-color:#8b5cf6}
.alert-screen{width:100vw;height:100vh;overflow:hidden;position:relative;background:transparent}.alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:480px;max-width:900px;text-align:center;filter:drop-shadow(0 0 24px rgba(139,92,246,.45));animation:var(--anim,zoomIn) .65s ease both}.alert .logo{width:90px;height:90px;margin:auto;border-radius:24px;display:grid;place-items:center;font-size:40px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 0 35px rgba(139,92,246,.65)}.alert .nick{font-size:40px;font-weight:900;margin-top:14px}.alert .money{font-size:28px;font-weight:850;color:#4ade80}.alert .msg{font-size:22px;margin-top:7px;color:#e9eefb}
@keyframes zoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(.65)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;transform:translate(-50%,10%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes bounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}65%{transform:translate(-50%,-50%) scale(1.08)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes neon{from{opacity:.2;filter:drop-shadow(0 0 4px #8b5cf6)}to{opacity:1;filter:drop-shadow(0 0 32px #22d3ee)}}
.preview{aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle,#171040 0,transparent 38%),#02050a;position:relative;overflow:hidden}.preview .alert{transform:translate(-50%,-50%) scale(.48);transform-origin:center}
.switch{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.switch input{accent-color:#8b5cf6}
.toast{position:fixed;right:22px;bottom:22px;background:#101a2d;border:1px solid #344664;padding:12px 16px;border-radius:12px;z-index:99;box-shadow:0 15px 40px #0008}
.center{display:grid;place-items:center;min-height:55vh;text-align:center}.big-icon{font-size:46px;margin-bottom:8px}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.two,.three{grid-template-columns:1fr}.sidebar{width:220px}main{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.premium{display:none}.shell{display:block}.nav{grid-template-columns:1fr 1fr}.sidebar .brand{padding-bottom:12px}main{margin-left:0;width:100%;padding:15px}.stats{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.row{grid-template-columns:1fr}.donate-card{padding:22px}.alert{min-width:300px}.alert .nick{font-size:28px}.alert .money{font-size:21px}.alert .msg{font-size:16px}}
