/* Matches the current Lumura Network graphite / aurora visual language. */
:root{--bg:#222328;--surface:#2c2e34;--line:#42444e;--text:#f4f4f8;--muted:#b0b2c1;--mint:#70ebc7}
body{background:var(--bg)}
.layout>main{background:radial-gradient(ellipse at 90% 0%,#a78bfa0a,transparent 48%),var(--bg)}
aside{background:#27282e;border-color:#41434c}
header{background:#292a30;border-color:#42444e}
.brand{letter-spacing:-1px;gap:12px}
.mark{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a6b5e,#3f3b63);border-color:#92dcc9;box-shadow:0 0 28px #75e8ce24;letter-spacing:-5px;padding-right:5px;font-size:33px}
.mark span{color:#f0fff8}
.brand small,.workspace small,.profile small{color:#acafbd}
.workspace{background:#303139;border-color:#474955}
.nav-label{color:#a0a2b4}
nav button{--nav-accent:#b49aff;color:#c4c5d1}
nav [data-group=network],nav [data-db=lumura_cloud]{--nav-accent:#65e7c5}
nav [data-db=lumura_discord]{--nav-accent:#f19adb}
nav [data-group=hosting],nav [data-db=lumura_hosting]{--nav-accent:#79bfff}
nav [data-group=plugins],nav [data-db=lumura_plugins]{--nav-accent:#c3a1ff}
nav [data-page=resources]{--nav-accent:#ffc17d}
nav [data-page=settings]{--nav-accent:#83dbef}
nav button svg{color:var(--nav-accent);width:18px;height:18px;flex-shrink:0}
nav button:hover{background:#35363f;color:#fff}
nav button.active{background:color-mix(in srgb,var(--nav-accent) 13%,#292a31);color:var(--nav-accent);box-shadow:inset 3px 0 var(--nav-accent)}
.nav-group{border-color:#43454e}.nav-group .nav-database{color:#b8bbca}.nav-group .nav-database.active{color:var(--nav-accent)}
.side-bottom p{border-color:#43454e}
.avatar{background:#42404f;border:1px solid #75638a;color:#e4cdfa}
header b{color:#e0e0eb}header .host{color:#c5c5d0}
.eyebrow{color:#9de9d5}
.primary{background:linear-gradient(120deg,#77efc9,#63d9db);color:#15302c;border-color:#96f7db;box-shadow:0 4px 20px #62dec323}
.primary:hover{background:linear-gradient(120deg,#a3f8de,#8debf0);box-shadow:0 5px 25px #62dec33b}
.secondary{background:#393b44;color:#e4e3ef;border-color:#595b69}
.secondary:hover{background:#484a56;border-color:#9293a6}
.danger{background:#56303c;color:#ffc0cf;border-color:#935264}
.stat{background:linear-gradient(130deg,#33353d,#2b2d34);border-color:#494b57;box-shadow:0 5px 16px #10111516}
.stat:nth-child(1){border-top:2px solid #b99bfa}.stat:nth-child(2){border-top:2px solid #6de3b9}.stat:nth-child(3){border-top:2px solid #7dbfff}.stat:nth-child(4){border-top:2px solid #f2b77a}
.stat>span,.stat strong small{color:#bebfce}
.panel{background:#2c2e35;border-color:#464853;box-shadow:0 4px 15px #10111512}
.panel-head{background:#30323a;border-color:#464853}
.database-group{--group-accent:#65e7c5;border-top:3px solid var(--group-accent)}
.database-group.hosting{--group-accent:#79bfff}.database-group.plugins{--group-accent:#c3a1ff}
.database-group .eyebrow{color:var(--group-accent)}
.project-database{border-color:#464853}.network .project-database+.project-database{border-color:#464853}
.project-title code{color:#b0b7c9}.project-title h3{color:#eef0f7}
.group-count{border-color:#62616f;color:#d3cde3;background:#373841}
.db-symbol{background:#344844;border-color:#527e73;color:#8ce9ce}
.hosting .db-symbol{background:#30445e;border-color:#53799c;color:#96ceff}.plugins .db-symbol{background:#49395f;border-color:#7c639d;color:#d0b4ff}
.collection-chips span{background:#343640;border-color:#545969;color:#c6cedb}
.status{color:#9df4cc;background:#2b4b3e;border-color:#548d70}.status.offline{color:#ffcf95;background:#514332;border-color:#93734c}
.event,.database-row,.collection-tabs,.document,.doc-head,.user-row{border-color:#444650}
.document{background:#25272f}.doc-head{background:#30323a}
pre{color:#b5e9cd}
.collection-tabs button.active{background:#3d3a4f;border-color:#9c83c1;color:#dac3ff}
.note{background:linear-gradient(110deg,#363544,#2d333b);border-color:#5a536c;color:#b9bdcc}.note b{color:#e1d7ef}
.note.error{background:#4c362b;border-color:#947351;color:#f1d2a7}
input,textarea{background:#24262c;border-color:#575967;color:#f0f0f7}
input::placeholder,textarea::placeholder{color:#9b9eae}
input:focus,textarea:focus{border-color:#b6a0ee;box-shadow:0 0 0 3px #b6a0ee20}
label{color:#d2d3e1}
.secret{background:#24262c;border-color:#575967;color:#c7ecdc}
dialog{background:#30323a;border-color:#6b627e}dialog::backdrop{background:#111218bf}
.dialog-actions{border-color:#4c4e5b}
footer{border-color:#444650;color:#c2c2d0}
#toast{background:#324c40;border-color:#6e9d82;color:#d2ffe3}#toast.error{background:#55323f;border-color:#a65d77;color:#ffd5e3}
svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}
.profile>button svg{width:17px;height:17px}

/* Centered Network login: brand, aurora card, measured panel availability. */
.login-page{position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:118px 24px 42px;background:radial-gradient(ellipse at 15% 20%,#915eff25,transparent 42%),radial-gradient(ellipse at 85% 75%,#40dbcf1b,transparent 40%),radial-gradient(ellipse at 75% 12%,#df73cb12,transparent 32%),#222328;margin:0}
.login-page:before{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#c4b4ec08 1px,transparent 1px),linear-gradient(90deg,#c4b4ec08 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#0008,transparent 80%)}
.login-brand{position:absolute;top:32px;left:42px;display:flex;gap:12px;align-items:center}
.login-top-status{position:absolute;top:36px;right:42px}
.panel-health{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #737082;border-radius:999px;background:#393741;color:#d4ccdf;font-size:11px;line-height:1.3;font-weight:500;white-space:nowrap}
.panel-health i{width:7px;height:7px;border-radius:50%;background:currentColor}
.panel-health.online{background:#213f35;border-color:#477c65;color:#9af1c4}.panel-health.online i{box-shadow:0 0 0 4px #82e9b914}
.panel-health.offline{background:#492d37;border-color:#986273;color:#ffb5c8}.panel-health.checking{background:#413a2d;border-color:#806d45;color:#f3d69b}
.login-form-wrap{position:relative;overflow:hidden;width:min(610px,100%);margin:0;padding:34px 46px 25px;background:linear-gradient(145deg,#32313eeb,#2c3037f5 65%);border:1px solid #625c77;border-radius:22px;box-shadow:0 25px 90px #10101670,0 0 80px #9d75f20b,inset 0 1px 0 #ffffff0c}
.login-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9b83ff,#df8cdd 35%,#7eeaca 70%,#6ac9f3);box-shadow:0 0 25px #b191fc45}
.login-card-intro{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.login-emblem{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#6c4d964f,#377b704d);border:1px solid #9c88b18c;color:#dbcaff;box-shadow:inset 0 1px 0 #ffffff19}
.login-emblem svg{width:24px;height:24px}.login-kicker{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#cac1dc}
.login-form-wrap h2{font-size:37px;letter-spacing:-1.3px;line-height:1.2}
.login-form-wrap h2 span{color:#c1adff;background:linear-gradient(100deg,#b6a3ff,#ecabd9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-form-wrap>p{font-size:13px;margin:13px 0 26px;color:#bcbccf;line-height:1.7}
.login-form-wrap label{font-size:12px;margin-bottom:20px;font-weight:500;color:#dbd7e8}
.login-input{display:block;position:relative;margin-top:10px}
.login-input .input-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9da7c9;pointer-events:none}
.input-symbol svg{width:18px;height:18px}
.login-form-wrap .login-input input{margin:0;min-height:54px;padding:15px 16px 15px 47px;font-size:14px;background:#25262f;border:1px solid #57576b;border-radius:9px}
.login-form-wrap .login-input input:focus{background:#292b35;border-color:#8ce5dc;box-shadow:0 0 0 3px #76ded314}
.login-form-wrap label:nth-child(2) .login-input input:focus{border-color:#b8a0ee;box-shadow:0 0 0 3px #a98ce515}.login-input:focus-within .input-symbol{color:#bdadf3}
.login-form-wrap .primary{width:100%;justify-content:space-between;min-height:54px;margin-top:5px;padding:15px 18px;font-size:13px;background:linear-gradient(110deg,#a793f6,#8ebbe9 50%,#76e1ce);border:1px solid #c0b0ff;color:#202433;box-shadow:0 7px 26px #ae8af52b}
.login-form-wrap .primary:hover{background:linear-gradient(110deg,#c1b1ff,#afd8ff 50%,#a0f2dd);box-shadow:0 7px 30px #ae8af546}
.login-service-status{background:#252a308c;border:1px solid #47585a;border-radius:11px;margin-top:25px;padding:15px}
.service-status-main{display:flex;align-items:center;gap:11px}.service-icon{display:grid;place-items:center;width:34px;height:34px;background:#31443f;border:1px solid #52776a;color:#a0e6ce;border-radius:9px}.service-icon svg{width:19px;height:19px}
.service-status-main strong{display:block;font-size:11px;font-weight:600}.service-status-main small{display:block;font-size:9px;color:#b1bac4;margin-top:5px}
.service-status-main .panel-health{margin-left:auto;font-size:10px;padding:6px 9px}
.login-service-status>p{font-size:9px;line-height:1.7;color:#a4b4be;margin-top:12px;border-top:1px solid #424e55;padding-top:10px}
.login-bottom{display:flex;justify-content:space-between;gap:12px;color:#a7a9bd;font-size:9px;margin-top:21px}.login-bottom>span:first-child{display:flex;align-items:center;gap:5px}.login-bottom svg{width:12px;height:12px;color:#bea6eb}
.login-form-wrap .form-error{font-size:12px;margin:0 0 15px;min-height:0}.login-form-wrap .form-error:empty{display:none}
@media(max-width:640px){.login-page{padding:105px 16px 30px}.login-brand{top:25px;left:22px}.login-top-status{top:29px;right:20px}.login-top-status .panel-health{font-size:9px;padding:7px 9px}.login-form-wrap{padding:27px 24px 23px;border-radius:17px}.login-form-wrap h2{font-size:30px}.login-kicker{font-size:8px;letter-spacing:1.1px}.service-status-main{gap:8px}.service-icon{display:none}.login-bottom{font-size:8px;gap:8px;flex-wrap:wrap}.login-brand .brand{font-size:21px}.login-brand .mark{width:32px;height:34px;font-size:28px}}
@media(prefers-reduced-motion:no-preference){.primary,.secondary,nav button{transition:background .18s,border-color .18s,box-shadow .18s}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Access information on the start page, without publishing passwords. */
.access-guide{margin:0 0 26px}.access-guide>.panel-head>svg{color:#c6abed;width:23px;height:23px}.access-guide .eyebrow{font-size:9px;margin-bottom:9px}.access-guide-grid{display:grid;grid-template-columns:1fr 1fr}.access-guide-grid article{padding:22px 24px}.access-guide-grid article+article{border-left:1px solid var(--line)}.access-guide-grid h3{font-size:14px;margin-bottom:18px;color:#e5daef}.access-guide-grid dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:13px 16px;margin:0;font-size:11px;line-height:1.8}.access-guide-grid dt{color:#b0b2c1}.access-guide-grid dd{margin:0;color:#d6dae6;overflow-wrap:anywhere}.access-guide-grid code{font:11px/1.8 Consolas,monospace;color:#b6e7d5;user-select:all}.access-guide-grid article>p{font-size:11px;line-height:1.8;color:#b3b8c9;margin-top:19px;padding-top:16px;border-top:1px solid #454955}.access-guide-grid article>p strong{color:#d6cfeb}.login-access-help{margin-top:19px;border:1px solid #514e66;border-radius:9px;padding:12px 14px;background:#292a3380}.login-access-help summary{cursor:pointer;font-size:11px;color:#cebee9;line-height:1.7}.login-access-help summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.login-access-help p{font-size:11px;color:#b7bdce;line-height:1.8;margin-top:11px}.login-access-help strong{color:#ddd6ec}@media(max-width:850px){.access-guide-grid{grid-template-columns:1fr}.access-guide-grid article+article{border-left:0;border-top:1px solid var(--line)}}@media(max-width:420px){.access-guide-grid article{padding:20px}.access-guide-grid dl{grid-template-columns:1fr;gap:4px}.access-guide-grid dd{margin-bottom:12px}}
.access-steps{margin:0;padding-left:19px;color:#d6dae6;font-size:12px;line-height:1.9}.access-steps li{padding-left:4px;margin-bottom:11px}.access-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.access-guide-actions button{font-size:11px;justify-content:space-between}.access-guide-actions svg{width:15px;height:15px}@media(max-width:420px){.access-guide-actions{grid-template-columns:1fr}}

.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.credential-card{min-width:0;background:rgba(255,255,255,.025);border:1px solid var(--border,#293140);border-radius:14px;padding:20px}.credential-card h3{margin:8px 0 20px}.credential-card dl{margin:0 0 18px}.credential-card dt{color:#98a5b7;font-size:12px;margin:14px 0 6px}.credential-card dd{margin:0}.credential-card code{display:block;white-space:normal;overflow-wrap:anywhere;user-select:all;font-size:13px;line-height:1.65;color:#e1e8f2}.credential-card dl+dl{border-top:1px solid #293140;margin-top:22px;padding-top:8px}@media(max-width:1000px){.credential-grid{grid-template-columns:1fr}}@media(max-width:600px){.credential-grid{padding:12px}.credential-card{padding:15px}}

.session-policy{margin-bottom:18px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.session-row p{font-size:12px;line-height:1.7;margin:7px 0;color:var(--muted)}.session-row small{line-height:1.8}.session-row>div{min-width:0}.session-row button{flex-shrink:0}.monitoring-panel{margin-top:22px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-tile{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px}.metric-tile>span{font-size:11px;color:var(--muted)}.metric-tile>strong{display:block;font-size:24px;margin:12px 0}.metric-chart{display:block;width:100%;height:64px;color:var(--mint)}.metric-note{font-size:11px;line-height:1.8;margin-top:18px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.session-row{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr}}