:root{
  --bg:#07120d;--bg2:#0d1f15;--panel:#0f1e16;--panel2:#13261c;--line:rgba(255,255,255,.08);
  --text:#f1fff5;--muted:#a9c8b2;--green:#92f7b0;--green2:#55df87;--yellow:#ecff97;--danger:#ff8ea5;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top, rgba(90,180,120,.2), transparent 30%), linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit} .page{padding:16px;max-width:1100px;margin:0 auto}
.top{position:sticky;top:0;z-index:50;background:rgba(7,18,13,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topin{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:1100px;margin:0 auto}
.brand{font-weight:800;font-size:20px}.sub{font-size:12px;color:var(--muted)}
.btn,.menu-btn{border:none;background:linear-gradient(135deg,var(--green),var(--yellow));color:#08120d;padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer}
.btn.secondary{background:#1b2f24;color:var(--text);border:1px solid var(--line)}
.hero,.grid{display:grid;gap:16px}.hero{grid-template-columns:1.1fr .9fr}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}
.card,.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
h1,h2,h3,p{margin:0 0 10px 0}.muted{color:var(--muted);line-height:1.6}
.tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#1b2f24;border:1px solid var(--line);font-size:12px;margin-right:6px}
.tag.day{background:#243c20}.tag.night{background:#3a1e2e}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.2s;z-index:79}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(88vw,360px);background:#0d1913;border-left:1px solid var(--line);transform:translateX(105%);transition:.22s;z-index:80;padding:16px;overflow:auto}
.drawer.open{transform:translateX(0)}
.drawer a,.drawer form button{display:block;width:100%;text-align:left;padding:13px 14px;border-radius:14px;background:#16271d;border:1px solid var(--line);margin-bottom:10px;color:var(--text);font-weight:700}
.drawer form{margin:0}.drawer form button{cursor:pointer}
.toast,.person-card,.bank-row{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#14251c;margin-bottom:10px}
.list{display:grid;gap:12px}
small.k{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
strong.big{display:block;font-size:30px}
.live-strip{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.notice-single{margin:0 0 16px 0;opacity:0;transform:translateY(-8px);transition:.22s;background:#14251c;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.notice-single.show{opacity:1;transform:translateY(0)}
.notice-single strong{display:block;margin-bottom:4px} .notice-single span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.input, select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#122219;color:var(--text)}
.label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}
@media (max-width:850px){.hero,.grid.two,.grid.three{grid-template-columns:1fr}}