:root{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b121d;color:#b5c6da;padding:30px 16px;display:flex;flex-direction:column}.brand{display:block;padding:0 14px 35px;color:var(--panel);font-size:20px;font-weight:900;letter-spacing:.08em}.brand span{font-weight:400;color:#60c5f5}.brand small{display:block;color:#7693a9;font-size:10px;letter-spacing:.2em;margin-top:8px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;color:#a5b9c9;padding:14px 15px;text-align:left;border-radius:9px;font-size:14px}.sidebar nav button:hover,.sidebar nav button.active{color:var(--panel);background:#172e42}.sidebar nav button.active{box-shadow:inset 3px 0 #58c9ff}.sidebar nav button:first-letter{font-size:19px}.side-foot{margin-top:auto;border-top:1px solid #263d50;padding:21px 13px 0;color:#91a9bb;font-size:12px;line-height:1.6}.side-foot a{display:block;margin-top:12px;color:#a7dcf6}.state-dot{display:inline-block;width:7px;height:7px;background:#ffba61;border-radius:50%;margin-right:6px}.content{min-width:0}.topbar{height:72px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.topbar div{display:flex;align-items:center;gap:20px}.topbar b{font-size:11px;letter-spacing:.16em}.topbar span{font-size:12px;color:#7b8e9d}.topbar button{border:1px solid #cddde8;background:var(--panel);border-radius:7px;padding:8px 16px;color:#36546a}main{max-width:1500px;margin:auto;padding:40px}.eyebrow,.panel-title small{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.17em}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.heading h1,.login-panel h1{font-size:clamp(33px,3.4vw,48px);letter-spacing:-.04em;margin:8px 0 10px}.heading p,.login-panel p{margin:0;color:#738899;line-height:1.5}.badge{font-size:11px;color:#6f8798;background:#172637;border-radius:30px;padding:10px 14px;white-space:nowrap}.notice{padding:14px 18px;background:#122b3d;color:#acd9ee;border-left:3px solid #3da4d6;border-radius:7px;font-size:13px;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #17334d08}.metrics article{min-height:142px;padding:21px}.metrics small{font-size:10px;letter-spacing:.1em;font-weight:800;color:#6e8ba0}.metrics strong{display:block;font-size:33px;margin:17px 0 3px;color:var(--text)}.metrics span{color:#8a9fad;font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:24px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.panel-title h2{margin:7px 0 0;font-size:21px}.panel-title>span{color:#8496a6;font-size:11px}.list p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:7px 0 17px;color:var(--muted);font-size:14px}.list p:last-child{border:0;padding-bottom:0}.list strong{color:#d8e8f5}.view{display:none}.view.active{display:block}.empty{min-height:180px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.empty h2{font-size:22px;margin:0 0 8px}.empty p{max-width:650px;color:#768b9c;line-height:1.6;margin:0}.fields-preview{display:grid;grid-template-columns:repeat(6,1fr);margin-top:15px;background:#e4ecf2;border-radius:8px;color:#698195;padding:15px;font-size:12px;font-weight:700}.login-panel{max-width:490px;background:var(--panel);padding:36px;border:1px solid var(--line);border-radius:14px;margin:60px auto}.login-panel form{margin-top:30px;display:grid;gap:14px}.login-panel label,.panel label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#b9cde0}.login-panel input,.panel input,.panel textarea,.panel select{width:100%;border:1px solid #2b4055;background:#0b1420;border-radius:7px;padding:11px 12px;color:var(--text);outline:none}.login-panel input:focus,.panel input:focus,.panel textarea:focus{border-color:#248dc3;box-shadow:0 0 0 3px #288ec329}.login-panel button,.form-actions button,.grant-panel button,.oauth-login{border:0;background:#126da6;color:var(--panel);border-radius:8px;padding:12px 18px;font-weight:800}.oauth-login{display:inline-block;margin-top:25px}.login-panel button:hover,.form-actions button:hover{background:#0b5787}.login-panel #loginMessage{color:#aa4141;margin-top:12px}.panel label+label{margin-top:16px}.message-panel{margin-top:16px}.message-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.panel textarea{resize:vertical;min-height:90px}.form-actions{display:flex;align-items:center;gap:18px;margin-top:20px;color:#70889b;font-size:12px}.form-actions button{margin-left:auto}.form-actions #saveStatus{min-width:165px}.form-actions #saveStatus.error{color:#b93c3c}.form-actions #saveStatus.success{color:#16815e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:13px 10px;border-bottom:1px solid var(--line)}th{font-size:10px;letter-spacing:.1em;color:#72899a}td{color:#b3c6d8}.grant-panel{margin-top:16px}.grant-panel>p{color:#75899a;font-size:13px}.grant-panel form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grant-panel form label+label{margin-top:0}.grant-panel form button{align-self:end}.grant-panel form span{align-self:end}@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{padding:16px}.brand{padding:0 4px 16px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;width:auto}.side-foot{display:none}.topbar{padding:0 22px}main{padding:28px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.split,.message-grid{grid-template-columns:1fr}.fields-preview{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:500px){.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:15px;min-height:118px}.metrics strong{font-size:27px}.topbar span{display:none}.heading{display:block}.badge{display:inline-block;margin-top:16px}.form-actions{flex-wrap:wrap}.form-actions button{margin-left:0}.fields-preview{display:none}.grant-panel form{grid-template-columns:1fr}}
#stripeReadiness{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;list-style:none;padding:0;margin:16px 0}#stripeReadiness li{padding:10px 12px;border-radius:7px;font-size:12px;font-weight:700}#stripeReadiness li.ready{background:#eaf7f0;color:#176e4a}#stripeReadiness li.pending{background:#fff4e5;color:#945b14}#stripeConnectionStatus{max-width:650px;line-height:1.5}#brReadinessStatus{color:#75899a;font-size:12px;margin:18px 0 0}

/* Jotah administration shares the public identity and keeps operational density. */
:root{color-scheme:dark}
.shell{grid-template-columns:238px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 18px;background:linear-gradient(180deg,#0d1928,#080e17)}
.sidebar .brand{display:block;padding:0 12px 38px}
.sidebar .brand svg{display:block;width:125px;height:46px}
.sidebar .brand small{font-size:9px;letter-spacing:.2em;margin-top:15px;color:#829eb8}
.sidebar nav button{min-height:48px;font-size:13px;padding:13px 14px;color:#a7bad0}
.sidebar nav button:hover{background:#ffffff08}
.sidebar nav button.active{background:#163046;color:#8be3ff;box-shadow:inset 3px 0 var(--cyan)}
.sidebar nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.side-foot{font-size:11px;border-color:var(--line)}
.topbar{height:76px;padding:0 36px;background:#0c1420;border-color:var(--line)}
.topbar b{color:#b9cadb;font-size:10px;letter-spacing:.18em}
.topbar span{font-size:12px;color:var(--muted)}
.topbar button{background:#131f2e;border-color:#2b4055;color:#dae8f6;min-height:40px}
main{padding:36px;max-width:1440px}
.heading h1{font-size:clamp(30px,3vw,43px);font-weight:600}
.heading p,.login-panel p,.empty p,.grant-panel>p,.panel>p{color:var(--muted);font-size:13px;line-height:1.8}
.eyebrow,.panel-title small{font-size:10px;color:var(--cyan)}
.badge{background:#13273a;border:1px solid #35546b;color:#add0e6;font-size:11px}
.notice{background:#11283a;border:1px solid #25445e;border-left:3px solid var(--cyan);color:#a5cee4;line-height:1.75}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.metrics article{position:relative;min-height:147px;border-radius:14px;padding:24px;background:linear-gradient(145deg,#142234,#0f1927);box-shadow:none;overflow:hidden}
.metrics article:before{content:'';position:absolute;left:0;top:24px;width:3px;height:24px;background:var(--cyan);border-radius:0 3px 3px 0}
.metrics small{color:#99aec4;font-weight:600;font-size:10px}
.metrics strong{font-weight:550;font-size:34px;letter-spacing:-.04em;margin:20px 0 6px}
.metrics span{color:#849bb2;font-size:12px}
.panel{border-radius:14px;box-shadow:none;background:#101b29;padding:25px;min-width:0}
.view>.panel+.panel,.view>form+.panel{margin-top:20px}
.panel-title{border-color:var(--line)}
.panel-title h2,.panel h2{font-size:20px;font-weight:600;letter-spacing:-.025em}
.list p{color:var(--muted);border-color:var(--line)}
.list strong{color:#d2e8f8;font-weight:600}
.login-panel{background:radial-gradient(ellipse at top right,#23405b60,transparent 65%),#111d2c;border-color:#30475e;box-shadow:0 25px 70px #0003;max-width:540px;padding:42px;border-radius:20px}
.login-panel h1{font-weight:600;font-size:36px}
.login-panel label,.panel label{font-size:12px;color:#afc5d9;font-weight:550}
.login-panel input,.panel input,.panel textarea,.panel select{background:#0b1420;border-color:#2a4056;color:#e2edf8;border-radius:8px;min-height:44px}
input::placeholder,textarea::placeholder{color:#8195ac}
.login-panel button,.form-actions button,.grant-panel button,.oauth-login{background:var(--cyan);color:#071923;min-height:44px;font-weight:700;font-size:12px;border-radius:8px}
.login-panel button:hover,.form-actions button:hover{background:#9ae9ff}
.oauth-login{display:inline-flex;align-items:center;gap:10px}.oauth-login img{width:22px;height:18px;filter:brightness(0)}
.login-panel #loginMessage,.form-actions #saveStatus.error{color:#ffabab}
.form-actions #saveStatus.success{color:#75e0b1}
.table-wrap{max-width:100%;border:1px solid var(--line);border-radius:10px}
th{background:#142233;color:#93b1ca;font-size:10px;letter-spacing:.1em;font-weight:600;padding:15px 14px;white-space:nowrap}
td{color:#b1c5d9;padding:16px 14px;border-color:var(--line);font-size:12px;line-height:1.65}
tbody tr:nth-child(even){background:#ffffff02}
tbody tr:hover{background:#71c8ff06}
td button{background:#193349;border:1px solid #355975;border-radius:6px;color:#a3ddf6;padding:9px 12px;white-space:nowrap}
.table-wrap:focus-visible{outline:2px solid var(--cyan)}
#stripeReadiness li.ready{background:#12362e;color:#7ce2b9}
#stripeReadiness li.pending{background:#352b1c;color:#edc281}
#brReadinessStatus{color:var(--muted);line-height:1.75}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar div{gap:12px}main{padding:28px}.topbar{padding-inline:28px}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0 0 18px;display:flex;align-items:center;justify-content:space-between}.sidebar .brand small{margin:0}.sidebar .brand svg{width:95px;height:35px}.sidebar nav{gap:8px;padding-bottom:4px;scrollbar-width:thin}.sidebar nav button{min-height:43px;padding:11px 14px;background:#101d2c}.topbar{padding:0 20px;height:66px}.topbar div{display:block}.topbar b{display:block;margin-bottom:6px}.topbar span{display:block;font-size:11px}.metrics{gap:12px}main{padding:28px 20px}.split{gap:18px}.heading{margin-bottom:25px}}
@media(max-width:500px){.metrics article{padding:20px 16px;min-height:140px}.metrics strong{font-size:28px;overflow-wrap:anywhere}.metrics small{font-size:9px;line-height:1.6;display:block}.metrics span{font-size:11px}.panel{padding:20px}.panel-title{display:block}.panel-title>span{display:block;margin-top:12px}.login-panel{padding:26px;margin:22px auto}.login-panel h1{font-size:31px}.form-actions{gap:12px}.form-actions #saveStatus{min-width:0}.grant-panel form{grid-template-columns:minmax(0,1fr)}.badge{white-space:normal}.incident-review{min-width:240px}.topbar b{font-size:9px}}
.oauth-login{background:var(--discord);color:#fff;border:1px solid #7a84ff66}.oauth-login img{filter:none}.oauth-login:hover{background:#4752c4}.sidebar nav button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0}.sidebar nav{max-width:100%}.sidebar nav button{flex:none}.topbar,.content,main,.split{min-width:0}}

.bot-secret-saved{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:22px;border:1px solid #32b38355;border-radius:13px;background:#19ae760d}
.bot-secret-saved button{min-height:44px;padding:12px 19px;border:1px solid #1676aa;border-radius:8px;background:#116fa5;color:#fff;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.bot-secret-saved button:hover{background:#0c5b89}.bot-secret-saved button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.bot-secret-saved[hidden]{display:none}.saved-check{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;color:#137b58;background:#4ece992a;font-size:21px;font-weight:700}.bot-secret-saved strong{font-size:16px;color:var(--text)}.bot-secret-saved p{margin:6px 0 0;font-size:12px;line-height:1.6}.bot-secret-saved button{margin-left:auto;white-space:nowrap}.bot-secret-explanation{font-size:12px;line-height:1.7}#botSecretStatus{font-size:12px;line-height:1.6}#botSecretForm[hidden]{display:none}
@media(max-width:600px){.bot-secret-saved{flex-wrap:wrap;padding:18px}.bot-secret-saved>div{flex:1;min-width:160px}.bot-secret-saved button{width:100%;margin-left:0}}

.admin-load-error{margin-bottom:24px}.admin-load-error p{color:var(--muted);line-height:1.6;margin:0 0 16px}.admin-load-error .form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.admin-load-error a{font-size:13px;color:var(--cyan)}
.admin-account-return{display:inline-block;margin-top:12px;color:var(--cyan);font-size:13px}
