:root{--bg:#030712;--panel:rgba(9,20,39,.78);--panel2:rgba(12,31,57,.9);--text:#f4f8ff;--muted:#94a9c5;--cyan:#08d9ff;--blue:#0878ff;--green:#63ffb5;--red:#ff5c7a;--line:rgba(100,215,255,.18);--shadow:0 26px 90px rgba(0,0,0,.44)}.light{--bg:#eef7ff;--panel:rgba(255,255,255,.76);--panel2:rgba(255,255,255,.92);--text:#061426;--muted:#52677f;--line:rgba(0,92,155,.18);--shadow:0 26px 70px rgba(0,78,145,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(8,217,255,.16),transparent 34%),radial-gradient(circle at 90% 0%,rgba(8,120,255,.22),transparent 36%),linear-gradient(180deg,#030712,#061426 60%,#030712);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(8,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,217,255,.035) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:.9rem}.error{background:rgba(255,92,122,.13);border:1px solid rgba(255,92,122,.28);padding:12px;border-radius:16px}.success,.notice{background:rgba(8,217,255,.10);border:1px solid rgba(8,217,255,.25);padding:14px 16px;border-radius:18px;color:#c8f8ff}.loginbody{min-height:100vh;display:grid;place-items:center;padding:24px}.loginwrap{width:min(1160px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.loginhero,.loginbox,.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.loginhero{padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:470px;overflow:hidden;position:relative}.loginhero:after{content:"";position:absolute;inset:auto -140px -140px auto;width:350px;height:350px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));filter:blur(22px);opacity:.24}.loginLogo{height:82px;width:min(100%,560px);object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px rgba(8,217,255,.22));margin-bottom:16px}.loginBanner{width:100%;border-radius:28px;border:1px solid var(--line);margin-top:18px;opacity:.98;box-shadow:0 24px 80px rgba(0,0,0,.35);transform:perspective(1200px) rotateX(2deg)}.loginbox{padding:34px}.loginbox h1,.loginhero h1{margin:0 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.04;text-transform:uppercase;letter-spacing:-.04em}input,textarea,select{width:100%;background:#071021;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:14px 16px;outline:none;font:inherit}input:focus,textarea:focus,select:focus{border-color:rgba(8,217,255,.65);box-shadow:0 0 0 4px rgba(8,217,255,.08)}textarea{min-height:130px;resize:vertical}label{display:block;margin:14px 0 7px;color:#cbd8ea;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021120;font-weight:950;border:0;border-radius:16px;padding:13px 18px;cursor:pointer;box-shadow:0 14px 35px rgba(8,217,255,.16)}.btn.ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.red{background:rgba(255,92,122,.12);color:#ffd5dc;border:1px solid rgba(255,92,122,.28);box-shadow:none}.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--line);background:rgba(3,7,18,.80);backdrop-filter:blur(20px);z-index:10}.side:before{content:"";display:block;height:138px;border-radius:24px;background:url(../assets/img/banner-sh-interactive.png) center/cover no-repeat;border:1px solid var(--line);margin-bottom:18px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.side .brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.side .brand img{height:70px;width:auto;max-width:245px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(8,217,255,.26))}.side nav{display:grid;gap:8px}.side nav a{padding:13px 14px;border-radius:16px;color:#c8d6eb;font-weight:800}.side nav a:hover,.side nav a.active{background:rgba(8,217,255,.10);color:white}.mobileTop{display:none;position:sticky;top:0;z-index:30;background:rgba(3,7,18,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 16px;align-items:center;justify-content:space-between}.mobileTop img{height:42px;max-width:190px;object-fit:contain}.main{padding:30px;max-width:1320px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.05;text-transform:uppercase;letter-spacing:-.045em}.dashboardHero{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin-bottom:18px}.dashBanner{width:100%;height:300px;object-fit:cover;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);background:#050915}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:22px}.stat{font-size:clamp(34px,5vw,50px);font-weight:950;background:linear-gradient(135deg,var(--cyan),#fff);-webkit-background-clip:text;color:transparent}.statLabel{color:var(--muted);margin:6px 0 0}.tableWrap{overflow:auto;border-radius:20px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(8,217,255,.12);color:#9ef5ff;font-size:12px;font-weight:900}.pill.green{background:rgba(100,255,180,.12);color:#bdffdf}.pill.red{background:rgba(255,92,122,.12);color:#ffd5dc}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.preview{height:120px;border-radius:18px;object-fit:cover;width:190px;background:#050915}.messageGrid{display:grid;grid-template-columns:360px 1fr;gap:18px}.messageList{display:grid;gap:12px}.messageItem{display:block;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.messageItem.active{border-color:rgba(8,217,255,.55);background:rgba(8,217,255,.09)}.bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:inherit}.serverList{display:grid;gap:10px}.serverRow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:1150px){.grid{grid-template-columns:repeat(2,1fr)}.messageGrid,.dashboardHero{grid-template-columns:1fr}.dashBanner{height:auto}}@media(max-width:860px){.layout{display:block}.mobileTop{display:flex}.side{position:fixed;inset:0 auto 0 0;width:min(330px,88vw);height:100vh;transform:translateX(-105%);transition:.25s ease}.side.open{transform:translateX(0)}.main{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.grid,.grid2,.grid3{grid-template-columns:1fr}.loginwrap{grid-template-columns:1fr}.loginhero{min-height:auto}.actions .btn{width:100%}}@media(max-width:520px){.card,.loginbox,.loginhero{border-radius:22px;padding:18px}.main{padding:14px}.btn{width:100%}.table{min-width:650px}.loginLogo{height:54px}.side .brand img{height:38px}}

.themeToggle{width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer}.brandStrip{display:flex;align-items:center;gap:16px}.brandStrip img{height:70px;max-width:330px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(8,217,255,.25))}@media(max-width:860px){.side:before{height:120px}.dashBanner{transform:none}.brandStrip img{height:54px;max-width:240px}}
.side:before{display:none!important}.side{background:linear-gradient(180deg,rgba(3,7,18,.92),rgba(7,20,38,.84))!important}.dashboardHero{display:block!important}.dashIntro{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:28px;overflow:hidden;position:relative}.dashIntro:after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));filter:blur(28px);opacity:.16}.dashLogoBig{width:100%;max-width:330px;filter:drop-shadow(0 0 30px rgba(8,217,255,.22));position:relative;z-index:1}.dashIntro>div{position:relative;z-index:1}.loginBanner,.dashBanner{display:none!important}@media(max-width:900px){.dashIntro{grid-template-columns:1fr}.dashLogoBig{max-width:260px}}

/* Dashboard 2.0 */
.dashPage .main{max-width:1500px}.dashboardMain{padding-bottom:70px}.dashboardHeader{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(9,20,39,.92),rgba(3,7,18,.78));box-shadow:var(--shadow);padding:24px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px}.dashboardHeader:before{content:"";position:absolute;inset:-40% -10% auto auto;width:540px;height:420px;background:radial-gradient(circle,rgba(8,217,255,.28),transparent 65%);filter:blur(8px);pointer-events:none}.dashBrandBlock{display:flex;align-items:center;gap:22px;position:relative;z-index:1}.dashBrandBlock img{width:min(320px,34vw);max-height:120px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(8,217,255,.28))}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;color:#7deeff;background:rgba(8,217,255,.10);border:1px solid var(--line);border-radius:999px;padding:8px 12px}.dashboardHeader h1{font-size:clamp(38px,6vw,72px);margin:10px 0 4px;letter-spacing:-.07em}.headerActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}.liveStrip{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:14px 18px;margin-bottom:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.liveStrip div{font-weight:950}.pulse{display:inline-block;width:10px;height:10px;border-radius:99px;background:var(--green);box-shadow:0 0 0 rgba(99,255,181,.7);animation:pulseLive 1.7s infinite;margin-right:8px}@keyframes pulseLive{0%{box-shadow:0 0 0 0 rgba(99,255,181,.7)}70%{box-shadow:0 0 0 12px rgba(99,255,181,0)}100%{box-shadow:0 0 0 0 rgba(99,255,181,0)}}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.metricCard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(12,31,57,.84),rgba(7,16,33,.72));padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.25);transition:transform .25s ease,border-color .25s ease}.metricCard:hover{transform:translateY(-5px);border-color:rgba(8,217,255,.48)}.metricCard:after{content:"";position:absolute;right:-55px;top:-65px;width:150px;height:150px;border-radius:40px;background:linear-gradient(135deg,var(--cyan),var(--blue));filter:blur(22px);opacity:.18;transform:rotate(25deg)}.metricCard.primary{background:linear-gradient(135deg,rgba(8,217,255,.18),rgba(8,120,255,.10)),linear-gradient(180deg,rgba(12,31,57,.92),rgba(7,16,33,.76))}.metricIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:rgba(8,217,255,.10);border:1px solid var(--line);font-size:22px;margin-bottom:18px}.metricCard p{font-weight:950;margin:2px 0;color:#dbeafe}.metricCard small{color:var(--muted)}.periodGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.periodCard{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:18px;display:grid;gap:8px;transition:.25s ease}.periodCard:hover{background:rgba(8,217,255,.08);transform:translateY(-3px)}.periodCard span{color:var(--muted);font-weight:900}.periodCard strong{font-size:34px;line-height:1;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent}.periodCard small{color:var(--muted)}.periodCard.total{background:linear-gradient(135deg,rgba(8,217,255,.14),rgba(8,120,255,.08));border-color:rgba(8,217,255,.35)}.dashboardGrid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-bottom:18px}.dashboardGrid .card{overflow:hidden}.dashboardGrid .wide{min-height:370px}.sectionTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.sectionTitle h2,.card h2{margin:0 0 4px;font-size:24px;letter-spacing:-.03em}.chartBars{height:250px;display:flex;align-items:end;gap:10px;padding:22px 4px 0;border-bottom:1px solid var(--line)}.dayCol{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:28px}.dayCol span{width:100%;min-height:5px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 22px rgba(8,217,255,.22);animation:barIn .9s ease both}.dayCol small{color:var(--muted);font-size:11px;white-space:nowrap}.dayCol em{font-style:normal;font-weight:950;font-size:12px;color:#dbeafe}@keyframes barIn{from{height:0;opacity:.3}to{opacity:1}}.miniStats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.miniStats div{padding:18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.miniStats strong{display:block;font-size:34px;color:#9ef5ff}.miniStats span{color:var(--muted);font-weight:800}.progressRow{display:grid;gap:9px;margin:15px 0}.progressRow>div:first-child{display:flex;justify-content:space-between;gap:14px;align-items:end}.progressRow strong{font-size:14px}.progressRow span{color:var(--muted);font-size:13px}.progressRow.compact{margin:13px 0}.bar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.bar span{box-shadow:0 0 18px rgba(8,217,255,.25);animation:widthIn .9s ease both}@keyframes widthIn{from{width:0}}.messageCards{display:grid;gap:12px}.msgPreview{display:block;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);padding:15px;transition:.22s ease}.msgPreview:hover{transform:translateX(5px);background:rgba(8,217,255,.07);border-color:rgba(8,217,255,.38)}.msgPreview div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.msgPreview span,.msgPreview p,.msgPreview small{color:var(--muted)}.msgPreview p{margin:10px 0;line-height:1.45}.serverGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.serverTile{position:relative;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);padding:15px;overflow:hidden}.serverTile:before{content:"";position:absolute;right:12px;top:12px;width:9px;height:9px;border-radius:99px;background:var(--green);box-shadow:0 0 16px var(--green)}.serverTile.warn:before{background:#ffd166;box-shadow:0 0 16px #ffd166}.serverTile span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.serverTile strong{font-size:14px;word-break:break-word}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.show{opacity:1;transform:none}.light .dashboardHeader{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(232,245,255,.74))}.light .metricCard{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(237,247,255,.76))}.light .periodCard,.light .liveStrip,.light .miniStats div,.light .msgPreview,.light .serverTile{background:rgba(255,255,255,.62)}
@media(max-width:1220px){.metricGrid{grid-template-columns:repeat(2,1fr)}.periodGrid{grid-template-columns:repeat(3,1fr)}.dashboardGrid{grid-template-columns:1fr}.dashboardHeader{align-items:flex-start;flex-direction:column}.headerActions{justify-content:flex-start}.dashBrandBlock img{width:260px}.chartBars{height:220px}}
@media(max-width:720px){.dashBrandBlock{align-items:flex-start;flex-direction:column}.dashBrandBlock img{width:min(100%,280px)}.metricGrid,.periodGrid{grid-template-columns:1fr}.serverGrid,.miniStats{grid-template-columns:1fr}.chartBars{overflow-x:auto;align-items:end}.dayCol{min-width:42px}.liveStrip{align-items:flex-start;flex-direction:column}.dashboardHeader{border-radius:24px;padding:18px}.metricCard,.periodCard{border-radius:22px}.sectionTitle{flex-direction:column}.headerActions,.headerActions .btn{width:100%}}
/* Customer portal additions */
.customerBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(8,217,255,.1);border:1px solid var(--line);font-weight:900;color:#9ef5ff}.fileDrop{border:1px dashed rgba(8,217,255,.35);border-radius:20px;padding:18px;background:rgba(8,217,255,.04)}

/* Finance dashboard */
.financePanel{border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(8,217,255,.08),rgba(8,120,255,.045)),rgba(255,255,255,.035);padding:22px;margin-bottom:18px;box-shadow:0 24px 90px rgba(0,0,0,.22);overflow:hidden;position:relative}.financePanel:before{content:"";position:absolute;right:-160px;top:-170px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(8,217,255,.26),transparent 62%);pointer-events:none}.financePanel>*{position:relative;z-index:1}.periodTabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tabBtn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer}.tabBtn.active,.tabBtn:hover{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021120;border-color:transparent}.financeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.financeCard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(12,31,57,.85),rgba(7,16,33,.72));padding:20px;min-height:150px;transition:.25s ease}.financeCard:hover{transform:translateY(-4px);border-color:rgba(8,217,255,.45)}.financeCard:after{content:"";position:absolute;right:-42px;bottom:-52px;width:150px;height:150px;border-radius:42px;background:linear-gradient(135deg,var(--cyan),var(--blue));opacity:.14;filter:blur(12px);transform:rotate(28deg)}.financeCard span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:rgba(8,217,255,.10);border:1px solid var(--line);font-size:22px;margin-bottom:14px}.financeCard small{display:block;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.financeCard strong{display:block;margin:8px 0 6px;font-size:clamp(28px,3vw,42px);letter-spacing:-.05em;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent}.financeCard em{font-style:normal;color:var(--muted);font-weight:800}.financeCard.income{border-color:rgba(99,255,181,.28)}.financeCard.open{border-color:rgba(255,209,102,.26)}.financeCard.donate{border-color:rgba(8,217,255,.36)}.financeCard.totalFinance{background:linear-gradient(135deg,rgba(8,217,255,.16),rgba(8,120,255,.08)),linear-gradient(180deg,rgba(12,31,57,.88),rgba(7,16,33,.75))}.financeContent{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.financeContent.three{grid-template-columns:repeat(3,minmax(0,1fr))}.financeBars{height:230px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding:20px 4px 0}.financeMonth{flex:1;min-width:34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.financeMonth span{display:block;width:100%;min-height:5px;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 22px rgba(8,217,255,.25);animation:barIn .9s ease both}.financeMonth small,.financeMonth em{font-size:11px;color:var(--muted);font-style:normal;white-space:nowrap}.financeMonth em{font-weight:950;color:#dbeafe}.financeList{display:grid;gap:12px}.financeList>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.financeList strong{font-size:14px}.financeList span{grid-column:1;color:var(--muted);font-size:12px}.financeList b{grid-row:1/3;grid-column:2;font-size:16px;color:#9ef5ff;white-space:nowrap}.quickDonation label{font-size:13px;margin-top:10px}.light .financePanel,.light .financeCard,.light .financeList>div{background:rgba(255,255,255,.64)}@media(max-width:1220px){.financeGrid{grid-template-columns:repeat(2,1fr)}.financeContent,.financeContent.three{grid-template-columns:1fr}.periodTabs{justify-content:flex-start}.financeBars{overflow-x:auto}.financeMonth{min-width:48px}}@media(max-width:720px){.financeGrid{grid-template-columns:1fr}.financePanel{border-radius:24px;padding:16px}.financeList>div{grid-template-columns:1fr}.financeList b{grid-row:auto;grid-column:1}.periodTabs .tabBtn{flex:1}.financeCard{border-radius:22px}}

/* Admin Dashboard Redesign V3 */
.adminV3 .main{max-width:1540px}.adminHeroV3,.financeHeroV3{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,rgba(8,217,255,.12),rgba(8,120,255,.06) 36%,rgba(255,255,255,.035));box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:20px}.adminHeroV3:before,.financeHeroV3:before{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(8,217,255,.32),transparent 66%);filter:blur(6px);pointer-events:none}.adminHeroV3:after,.financeHeroV3:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:shineV3 6s infinite}.heroCopy,.heroPanel3d,.financeHeroV3>*{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(8,217,255,.10);color:#9ef5ff;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:14px}.adminHeroV3 h1,.financeHeroV3 h1{font-size:clamp(34px,5vw,62px);line-height:.95;margin:0 0 14px;letter-spacing:-.06em;text-transform:uppercase}.adminHeroV3 p,.financeHeroV3 p{color:var(--muted);max-width:780px;font-size:clamp(15px,1.8vw,19px);line-height:1.6}.heroActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.heroPanel3d{min-height:260px;border-radius:32px;border:1px solid rgba(8,217,255,.25);background:linear-gradient(180deg,rgba(4,12,28,.72),rgba(5,18,37,.52));display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(8,217,255,.10),0 35px 80px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-8deg) rotateX(3deg)}.heroPanel3d img{width:min(88%,420px);filter:drop-shadow(0 0 30px rgba(8,217,255,.25))}.liveChip{position:absolute;right:18px;bottom:18px;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(3,7,18,.64);backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;color:#dff9ff;font-weight:900}.liveChip span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.kpiGridV3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpiV3{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(12,31,57,.82),rgba(7,16,33,.66));padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.22);transition:.25s ease}.kpiV3:hover{transform:translateY(-5px);border-color:rgba(8,217,255,.45)}.kpiV3:after{content:"";position:absolute;right:-55px;bottom:-70px;width:160px;height:160px;border-radius:44px;background:linear-gradient(135deg,var(--cyan),var(--blue));filter:blur(12px);opacity:.13;transform:rotate(28deg)}.kpiV3.blue{background:linear-gradient(135deg,rgba(8,217,255,.18),rgba(8,120,255,.08)),linear-gradient(180deg,rgba(12,31,57,.88),rgba(7,16,33,.68))}.kpiV3.cyan{border-color:rgba(8,217,255,.35)}.kpiV3 small{display:block;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.kpiV3 strong{display:block;font-size:clamp(36px,4.5vw,56px);letter-spacing:-.06em;margin:8px 0;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent}.kpiV3 span,.kpiV3 a{color:#a8d9ff;font-weight:800}.periodGridV3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.periodGridV3 article{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:18px;transition:.25s ease}.periodGridV3 article:hover{transform:translateY(-3px);background:rgba(8,217,255,.08)}.periodGridV3 span{display:block;color:var(--muted);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.periodGridV3 strong{display:block;font-size:34px;line-height:1;margin:8px 0;color:#dff9ff}.periodGridV3 small{color:var(--muted)}.dashboardGridV3{display:grid;grid-template-columns:1.25fr .85fr;gap:18px;margin-bottom:18px}.panelGlow{box-shadow:0 24px 90px rgba(0,0,0,.24),inset 0 0 80px rgba(8,217,255,.04)}.chartBarsV3{height:270px;display:flex;align-items:end;gap:10px;padding:25px 4px 0;border-bottom:1px solid var(--line)}.dayColV3{flex:1;height:100%;min-width:32px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.dayColV3 span{display:block;width:100%;min-height:5px;border-radius:16px 16px 5px 5px;background:linear-gradient(180deg,#9ef5ff,var(--cyan),var(--blue));box-shadow:0 0 24px rgba(8,217,255,.3);animation:barIn .9s ease both}.dayColV3 small,.dayColV3 em{font-size:11px;color:var(--muted);white-space:nowrap;font-style:normal}.dayColV3 em{color:#e7fbff;font-weight:950}.quickGridV3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quickGridV3 a{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:18px;display:grid;gap:6px;transition:.22s ease}.quickGridV3 a:hover{background:rgba(8,217,255,.09);transform:translateY(-3px)}.quickGridV3 b{font-size:18px}.quickGridV3 span{color:var(--muted);font-size:13px}.splitMini{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compactTable .table{min-width:520px}.financeHeroV3{grid-template-columns:1fr 360px}.financeHeroCard{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(12,31,57,.82),rgba(7,16,33,.62));padding:24px;text-align:right;box-shadow:inset 0 0 60px rgba(8,217,255,.06)}.financeHeroCard strong{display:block;font-size:clamp(34px,4vw,54px);letter-spacing:-.06em;background:linear-gradient(135deg,#fff,var(--green));-webkit-background-clip:text;color:transparent}.financeHeroCard span{color:var(--muted);font-weight:900}.financeToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.04);padding:14px}.financeToolbar .periodTabs{justify-content:flex-start}.light .adminHeroV3,.light .financeHeroV3,.light .kpiV3,.light .heroPanel3d,.light .periodGridV3 article,.light .financeHeroCard,.light .financeToolbar{background:rgba(255,255,255,.68)}@keyframes shineV3{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@media(max-width:1180px){.adminHeroV3,.financeHeroV3,.dashboardGridV3{grid-template-columns:1fr}.kpiGridV3{grid-template-columns:repeat(2,1fr)}.periodGridV3{grid-template-columns:repeat(3,1fr)}.heroPanel3d{transform:none}.financeToolbar{align-items:flex-start;flex-direction:column}.financeToolbar .actions{width:100%}.financeToolbar .actions .btn{flex:1}.chartBarsV3{overflow-x:auto}.dayColV3{min-width:46px}.splitMini{grid-template-columns:1fr}}
@media(max-width:720px){.adminHeroV3,.financeHeroV3{border-radius:24px;padding:18px}.kpiGridV3,.periodGridV3,.quickGridV3{grid-template-columns:1fr}.heroPanel3d{min-height:190px;border-radius:24px}.heroPanel3d img{width:min(92%,300px)}.financeHeroCard{text-align:left}.financeToolbar .actions .btn{width:100%}}

/* Wartungsmodus */
.maintenanceStatus{border:1px solid var(--line);border-radius:24px;padding:20px;margin:16px 0;background:rgba(255,255,255,.045);display:grid;gap:6px}.maintenanceStatus strong{font-size:24px}.maintenanceStatus.on{border-color:rgba(255,92,122,.38);background:rgba(255,92,122,.09)}.maintenanceStatus.off{border-color:rgba(99,255,181,.30);background:rgba(99,255,181,.08)}.maintenanceForm{display:grid;gap:14px}.switchRow{display:flex!important;align-items:center;gap:14px;margin:18px 0!important;cursor:pointer}.switchRow input{display:none}.switchRow span{width:64px;height:36px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);position:relative;transition:.25s}.switchRow span:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.25s;box-shadow:0 8px 22px rgba(0,0,0,.25)}.switchRow input:checked+span{background:linear-gradient(135deg,var(--cyan),var(--blue));}.switchRow input:checked+span:before{transform:translateX(28px)}.kpiV3.red strong{color:#ff8fa2}.kpiV3.green strong{color:#63ffb5}

/* Restored modern scrollable admin sidebar */
.side{padding:0!important;overflow:hidden!important;background:rgba(3,7,18,.88)!important;box-shadow:20px 0 70px rgba(0,0,0,.25)}
.side:before{display:none!important}
.sideInner{height:100vh;display:flex;flex-direction:column;padding:18px;overflow:hidden}
.sideHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:6px 4px 12px;border-bottom:1px solid var(--line)}
.side .brand{margin:0!important;min-width:0}.side .brand img{height:58px!important;max-width:220px!important;width:auto;object-fit:contain}
.sideClose{display:none;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);font-size:26px;line-height:1;cursor:pointer}
.sideNav{display:block!important;overflow-y:auto;overflow-x:hidden;min-height:0;padding:8px 4px 22px;scrollbar-width:thin;scrollbar-color:rgba(8,217,255,.55) rgba(255,255,255,.06)}
.sideNav::-webkit-scrollbar{width:8px}.sideNav::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}.sideNav::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--blue));border-radius:999px}
.navGroup{margin:0 0 18px}.navGroup span{display:block;margin:0 0 8px;padding:0 12px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.side nav a{display:flex!important;align-items:center;gap:12px;margin:6px 0;padding:12px 13px!important;border-radius:16px!important;color:#c8d6eb!important;font-weight:850!important;line-height:1.2;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;white-space:normal}
.side nav a b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:11px;background:rgba(8,217,255,.10);color:#9ef5ff;font-size:14px;box-shadow:inset 0 0 0 1px rgba(8,217,255,.16)}
.side nav a:hover{transform:translateX(4px);background:rgba(8,217,255,.10)!important;border-color:rgba(8,217,255,.22);color:white!important;box-shadow:0 12px 34px rgba(8,217,255,.08)}
.side nav a.active{background:linear-gradient(135deg,rgba(8,217,255,.19),rgba(8,120,255,.12))!important;border-color:rgba(8,217,255,.36);color:#fff!important;box-shadow:0 18px 42px rgba(8,217,255,.10)}
.side nav a.logoutLink{color:#ffd5dc!important}.side nav a.logoutLink b{background:rgba(255,92,122,.12);color:#ffd5dc}
@media(max-width:860px){.side{width:min(340px,90vw)!important}.sideClose{display:grid;place-items:center}.sideInner{padding:14px}.side .brand img{height:48px!important;max-width:210px!important}}

/* Dezentere PayPal-Spendenbox */