:root{--bg:#050711;--panel:rgba(14,19,36,.86);--panel-solid:#0e1324;--line:rgba(148,163,214,.16);--line-bright:rgba(139,153,255,.32);--text:#f7f8ff;--muted:#8e99b7;--muted-2:#65708e;--accent:#6d72ff;--accent-2:#8fb7ff;--accent-soft:rgba(109,114,255,.13);--good:#50d6a0;--good-soft:rgba(80,214,160,.12);--danger:#ff6b86;--shadow:0 26px 80px rgba(0,0,0,.34)}
html{min-width:320px;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% -5%,rgba(72,83,202,.20),transparent 30rem),radial-gradient(circle at 94% 8%,rgba(48,114,202,.12),transparent 34rem),linear-gradient(180deg,#070a15 0%,var(--bg) 42%,#060916 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
[hidden]{display:none!important}.topbar{height:auto;padding:0;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(5,7,17,.78);backdrop-filter:blur(22px) saturate(130%)}
.topbar-inner{width:min(1500px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 8px 28px rgba(78,91,255,.28)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:16px;letter-spacing:-.02em}.brand-copy small{color:var(--muted-2);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.account{display:flex;align-items:center;gap:11px}.account-avatar{width:34px;height:34px;border:1px solid var(--line-bright);border-radius:50%;object-fit:cover}.account-name{font-size:13px;font-weight:700}.quiet-button{margin-left:8px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:12px;transition:.18s ease}.quiet-button:hover{color:var(--text);border-color:var(--line-bright);background:var(--accent-soft)}
.site-main{position:relative;width:min(1500px,calc(100% - 48px));min-height:calc(100vh - 150px);margin:0 auto;padding:54px 0 86px}footer{width:min(1500px,calc(100% - 48px));margin:auto;padding:24px 0 34px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px}h1{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.055em}.eyebrow{margin:0 0 11px;color:var(--accent-2);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.page-description{max-width:680px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.login-shell{min-height:min(760px,calc(100vh - 190px));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(14,19,36,.95),rgba(7,10,22,.88));box-shadow:var(--shadow)}.login-panel{padding:clamp(46px,7vw,108px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-badge{margin-bottom:30px;padding:8px 12px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(113,126,255,.28);border-radius:999px;background:rgba(93,101,238,.08);color:#b7c3ff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero-badge span,.live-chip span{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 14px var(--good)}.login-panel h1{max-width:790px}.login-panel h1 em{color:transparent;font-style:normal;background:linear-gradient(100deg,#8ba0ff,#8ad7ff);background-clip:text;-webkit-background-clip:text}.lede{max-width:670px;margin:30px 0;color:var(--muted);font-size:18px;line-height:1.7}.login-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.discord-button,.add-app-button,.open-vault,.save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;color:white;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.discord-button{padding:15px 21px;background:linear-gradient(135deg,#6972ff,#5864dc);box-shadow:0 12px 34px rgba(88,101,242,.28)}.discord-button:hover,.add-app-button:hover,.save-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7b82ff,#6570ed);box-shadow:0 16px 38px rgba(88,101,242,.34)}.discord-glyph{font-size:18px}.login-note{color:var(--muted-2);font-size:12px}.trust-row{width:100%;margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-row div{padding-top:16px;border-top:1px solid var(--line)}.trust-row strong,.trust-row span{display:block}.trust-row strong{margin-bottom:6px;font-size:13px}.trust-row span{color:var(--muted-2);font-size:11px;line-height:1.5}.logo-stage{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(circle,rgba(63,77,190,.18),transparent 58%),linear-gradient(155deg,rgba(36,46,93,.32),rgba(5,8,18,.9))}.logo-stage::before,.logo-stage::after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(119,134,255,.12);border-radius:50%}.logo-stage::after{width:520px;height:520px;border-color:rgba(119,134,255,.07)}.logo-stage img{position:relative;z-index:2;width:min(78%,560px);aspect-ratio:1;object-fit:cover;border-radius:36px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.36))}.logo-aura{position:absolute;width:45%;height:45%;border-radius:50%;background:#5064ff;filter:blur(100px);opacity:.2}.live-chip{position:absolute;z-index:3;right:8%;bottom:9%;padding:10px 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line-bright);border-radius:10px;background:rgba(9,13,27,.84);color:#cdd4ed;font-size:11px;font-weight:700;backdrop-filter:blur(16px)}
.dashboard-hero{margin-bottom:55px;display:flex;align-items:flex-end;justify-content:space-between;gap:42px}.summary-strip{min-width:390px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border:1px solid var(--line);border-radius:17px;background:rgba(12,17,32,.72);box-shadow:0 16px 44px rgba(0,0,0,.18)}.summary-strip>div{padding:8px 13px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.summary-icon{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:11px}.summary-icon.protected{color:var(--good);background:var(--good-soft)}.summary-icon.available{color:var(--accent-2);background:var(--accent-soft)}.summary-icon.total{color:#c8d0e8;background:rgba(255,255,255,.06)}.summary-strip strong{font-size:18px;line-height:1}.summary-strip small{color:var(--muted-2);font-size:10px}.server-toolbar{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:25px}.server-toolbar h2{margin:0 0 4px;font-size:22px}.server-toolbar p{margin:0;color:var(--muted-2);font-size:12px}.server-search{width:min(310px,100%);height:42px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:rgba(9,13,26,.8);color:var(--muted-2)}.server-search:focus-within{border-color:var(--line-bright);box-shadow:0 0 0 3px rgba(109,114,255,.08)}.server-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.guild-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:16px}.guild-card{min-height:290px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(18,24,45,.94),rgba(10,14,28,.92));box-shadow:0 12px 36px rgba(0,0,0,.14);transition:.2s ease}.guild-card:hover{transform:translateY(-3px);border-color:var(--line-bright);box-shadow:0 20px 44px rgba(0,0,0,.22)}.guild-card.is-installed{background:linear-gradient(150deg,rgba(19,29,48,.96),rgba(10,16,29,.94))}.guild-card-top{display:flex;align-items:center;gap:14px}.guild-icon,.guild-monogram{flex:none;width:54px;height:54px;border-radius:15px}.guild-icon{object-fit:cover}.guild-monogram{display:grid;place-items:center;background:linear-gradient(145deg,#343d72,#222a52);color:#dce0ff;font-size:15px;font-weight:850}.guild-identity{min-width:0;flex:1}.guild-title-row{display:flex;align-items:center;gap:8px}.guild-title-row h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.owner-badge,.manager-badge{flex:none;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.owner-badge{color:#b9c4ff;background:rgba(109,114,255,.14)}.manager-badge{color:#b8c0d8;background:rgba(255,255,255,.06)}.guild-identity p{margin:6px 0 0;color:var(--muted-2);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.guild-health{margin-top:24px;padding:13px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(80,214,160,.13);border-radius:10px;background:var(--good-soft);font-size:11px}.guild-health span{display:flex;align-items:center;gap:7px;color:#9bdcbc}.guild-health i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}.guild-health strong{color:#c6d7d0;font-size:10px}.guild-details{margin:14px 2px 0;display:flex;justify-content:space-between;color:var(--muted-2);font-size:11px}.guild-details strong{color:var(--muted)}.guild-empty-copy{margin-top:27px;padding:15px;display:grid;gap:7px;border:1px dashed rgba(143,158,201,.18);border-radius:11px;background:rgba(255,255,255,.018)}.guild-empty-copy strong{font-size:12px}.guild-empty-copy span{color:var(--muted-2);font-size:11px;line-height:1.55}.guild-card-actions{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.added-state,.not-added-state{font-size:11px;font-weight:750}.added-state{color:var(--good)}.not-added-state{color:var(--muted-2)}.open-vault{color:#adb7ff;font-size:11px}.open-vault:hover{color:white}.owner-only{max-width:175px;color:var(--muted-2);font-size:9px;text-align:right}.add-app-button{padding:10px 14px;background:#5963e6;font-size:11px}.no-results{padding:70px 20px;text-align:center;color:var(--muted)}.empty-state{padding:80px 28px;border:1px dashed var(--line-bright);border-radius:20px;background:rgba(13,17,32,.45);text-align:center;color:var(--muted)}.empty-state h2{margin-bottom:9px;color:var(--text)}.empty-state p{margin:0}.empty-icon{width:52px;height:52px;margin:0 auto 20px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent-2);font-size:22px}
.back-link{display:inline-flex;margin-bottom:30px;color:var(--muted);font-size:12px}.back-link:hover{color:var(--text)}.vault-head{margin-bottom:38px;display:flex;justify-content:space-between;align-items:end;gap:30px}.status-line{margin-bottom:22px;display:flex;align-items:center;gap:8px;color:var(--good);font-size:11px;font-weight:750}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}.vault-id{padding:14px 17px;display:grid;gap:5px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.vault-id span{color:var(--muted-2);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.vault-id strong{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.stats-row{margin-bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-row>div{position:relative;padding:17px 18px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.stats-row span,.stats-row strong{display:block}.stats-row span{margin-bottom:7px;color:var(--muted-2);font-size:10px}.stats-row strong{font-size:14px}.stats-row i{position:absolute;top:18px;right:17px;width:7px;height:7px;border-radius:50%}.stats-row i.on{background:var(--good);box-shadow:0 0 10px var(--good)}.stats-row i.off{background:var(--danger)}.stats-row i.neutral{background:var(--accent-2)}.vault-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px}.activity-panel,.settings-panel{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(13,18,34,.88);box-shadow:0 16px 46px rgba(0,0,0,.16)}.section-title{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-title h2{margin:0;font-size:19px}.section-title>span{color:var(--muted-2);font-size:10px}.event-row{border-bottom:1px solid rgba(255,255,255,.055)}.event-row:last-child{border-bottom:0}.event-row summary{padding:16px 20px;display:grid;grid-template-columns:30px minmax(210px,1.2fr) minmax(170px,.9fr) minmax(155px,.7fr) 20px;gap:12px;align-items:center;cursor:pointer;list-style:none;transition:background .15s ease}.event-row summary::-webkit-details-marker{display:none}.event-row summary:hover,.event-row[open] summary{background:rgba(109,114,255,.055)}.event-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:#aeb8ff;font-size:10px}.event-primary,.event-actor{min-width:0;display:grid;gap:4px}.event-primary strong,.event-actor strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.event-primary small,.event-actor small,time{overflow:hidden;color:var(--muted-2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.event-actor strong{color:#b7c0d9;font-weight:650}.event-chevron{color:var(--muted-2);transition:transform .18s ease}.event-row[open] .event-chevron{transform:rotate(180deg)}.event-detail{padding:18px 20px 21px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;background:#080c18}.event-detail h3{margin-bottom:9px;color:var(--muted-2);font-size:9px;letter-spacing:.12em;text-transform:uppercase}pre{min-height:110px;max-height:320px;margin:0;padding:12px;overflow:auto;border:1px solid rgba(142,156,196,.12);border-radius:9px;background:#060913;color:#bac4de;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.event-id{grid-column:1/-1;margin:3px 0 0;color:#515c78;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.embedded{margin:20px;padding:54px 20px}.settings-panel{position:sticky;top:94px}.settings-heading{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.settings-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-2)}.settings-heading h2{margin:0 0 4px;font-size:15px}.settings-heading p{margin:0;color:var(--muted-2);font-size:9px}.saved-notice{margin:15px 18px 0;padding:10px 12px;border:1px solid rgba(80,214,160,.18);border-radius:9px;background:var(--good-soft);color:var(--good);font-size:10px;font-weight:750}.settings-form{width:auto;padding:20px;display:grid;grid-template-columns:1fr;gap:18px;border:0;border-radius:0;background:transparent}.field label{display:block;margin-bottom:8px;color:#c1c8dc;font-size:10px;font-weight:700}.field small{display:block;margin-top:6px;color:var(--muted-2);font-size:9px}.field input{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:#090d1a;color:var(--text)}.input-suffix{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#090d1a}.input-suffix input{border:0}.input-suffix span{padding-right:11px;color:var(--muted-2);font-size:9px}.toggle-list{display:grid;border-top:1px solid var(--line)}.toggle-field{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);cursor:pointer}.toggle-field>span{display:grid;gap:4px}.toggle-field strong{font-size:10px}.toggle-field small{color:var(--muted-2);font-size:8px}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{position:relative;flex:none;width:34px;height:19px;border-radius:999px;background:#242b40;transition:.18s}.toggle-field i::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#7d879f;transition:.18s}.toggle-field input:checked+i{background:#5964e7}.toggle-field input:checked+i::after{left:18px;background:white}.save-button{min-height:42px;background:linear-gradient(135deg,#656ef4,#535fd8)}
@media(max-width:1180px){.guild-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.vault-layout{grid-template-columns:1fr}.settings-panel{position:static;order:-1}.settings-form{grid-template-columns:1fr 1fr}.toggle-list,.save-button{grid-column:1/-1}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.logo-stage{min-height:460px;border-top:1px solid var(--line);border-left:0}.dashboard-hero{align-items:stretch;flex-direction:column}.summary-strip{min-width:0}.stats-row{grid-template-columns:repeat(2,1fr)}.event-row summary{grid-template-columns:30px 1fr auto}.event-actor{display:none}.event-chevron{display:none}.event-detail{grid-template-columns:1fr}}
@media(max-width:680px){.topbar-inner,.site-main,footer{width:min(100% - 28px,1500px)}.topbar-inner{height:68px}.site-main{padding-top:34px}.brand-copy small,.account-name{display:none}.account{gap:5px}.quiet-button{margin-left:3px}.login-shell{border-radius:20px}.login-panel{padding:46px 25px}.logo-stage{min-height:360px}.trust-row{grid-template-columns:1fr}.guild-grid{grid-template-columns:1fr}.server-toolbar{align-items:stretch;flex-direction:column}.server-search{width:100%}.summary-strip{grid-template-columns:repeat(3,1fr);padding:8px}.summary-strip>div{padding:7px;grid-template-columns:1fr;text-align:center}.summary-icon{display:none}.vault-head{align-items:stretch;flex-direction:column}.vault-id{align-self:flex-start}.settings-form{grid-template-columns:1fr}.toggle-list,.save-button{grid-column:auto}.event-row summary{grid-template-columns:28px minmax(0,1fr)}.event-row time{grid-column:2}footer{gap:15px;flex-direction:column}}
.snapshot-strip{margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.snapshot-strip>div{padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(24,31,57,.9),rgba(12,17,32,.9))}.snapshot-strip span,.snapshot-strip strong,.snapshot-strip small{display:block}.snapshot-strip span{margin-bottom:8px;color:var(--accent-2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.snapshot-strip strong{margin-bottom:5px;font-size:14px}.snapshot-strip small{color:var(--muted-2);font-size:9px}.deleted-panel{margin-bottom:18px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(13,18,34,.88)}.deleted-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deleted-card{padding:15px;display:grid;gap:7px;border:1px solid var(--line);border-radius:11px;background:#0a0f1e;transition:.18s}.deleted-card:hover{border-color:var(--line-bright);transform:translateY(-2px)}.deleted-kind{color:var(--danger);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.deleted-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.deleted-card small{color:var(--muted-2);font-size:9px}.deleted-card i{margin-top:5px;color:var(--accent-2);font-size:9px;font-style:normal}.deleted-status{color:var(--danger)}.deleted-status .status-dot{background:var(--danger);box-shadow:0 0 12px var(--danger)}.snapshot-facts{margin-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.snapshot-facts>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.snapshot-facts span,.snapshot-facts strong{display:block}.snapshot-facts span{margin-bottom:7px;color:var(--muted-2);font-size:9px}.snapshot-facts strong{font-size:11px}.snapshot-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.state-card,.history-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.state-card>pre{margin:18px;max-height:680px}.version-list{padding:10px}.version-row{border-bottom:1px solid var(--line)}.version-row:last-child{border-bottom:0}.version-row summary{padding:13px 10px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;cursor:pointer;list-style:none;font-size:10px}.version-row summary::-webkit-details-marker{display:none}.version-row summary strong{color:var(--accent-2)}.version-row summary time{color:var(--muted-2)}.version-row pre{margin:0 10px 13px;max-height:340px}@media(max-width:900px){.deleted-grid{grid-template-columns:1fr 1fr}.snapshot-detail-grid{grid-template-columns:1fr}}@media(max-width:680px){.snapshot-strip,.snapshot-facts,.deleted-grid{grid-template-columns:1fr}.version-row summary{grid-template-columns:1fr 1fr}.version-row summary time{grid-column:1/-1}}