:root{color-scheme:dark;--bg:var(--color-0c0b0f,#0c0b0f);--surface:var(--color-141218,#141218);--raised:var(--color-1a171f,#1a171f);--line:var(--color-29242f,#29242f);--text:var(--color-f0edf5,#f0edf5);--muted:var(--color-9e96aa,#9e96aa);--purple:var(--color-b594f4,#b594f4);--purple-dark:var(--color-38294e,#38294e);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple)}button{cursor:pointer}button:disabled{cursor:wait}h1,h2,p{margin:0}h1{font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-1.8px;font-weight:650}h1 span,.wordmark span{color:var(--purple)}h2{font-size:20px;letter-spacing:-.5px;font-weight:600}.wordmark{font-size:31px;font-weight:750;letter-spacing:-1.8px;line-height:1}.badge{border:1px solid var(--color-393040,#393040);border-radius:5px;padding:3px 8px;color:var(--color-c3b2da,#c3b2da);font-size:9px;letter-spacing:1.6px;font-weight:650}.overline{display:block;color:var(--purple);font-size:10px;letter-spacing:2px;font-weight:650;margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:650;border:1px solid transparent;line-height:1.4}.primary{background:var(--purple);color:var(--color-170f25,#170f25)}.primary:hover{background:var(--color-c4a8fa,#c4a8fa)}.secondary{border-color:var(--color-39313f,#39313f);background:var(--color-19151f,#19151f);color:var(--color-dbc9f6,#dbc9f6)}.secondary:hover{background:var(--color-251d30,#251d30)}.muted{color:var(--muted)}.workspace{display:grid;grid-template-columns:210px 1fr;min-height:100dvh}.sidebar{padding:34px 22px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--color-100e13,#100e13);position:sticky;top:0;height:100dvh}.sidebar .wordmark{padding-left:12px}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:var(--color-776f82,#776f82);margin:50px 12px 15px}.nav-link{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:6px;color:var(--muted);font-size:12px;margin-bottom:5px}.nav-link span{font-size:19px;line-height:1}.nav-link:hover{color:var(--text);background:var(--color-1b1721,#1b1721)}.selected{color:var(--color-d4bafa,#d4bafa);background:var(--color-251c32,#251c32);box-shadow:inset 2px 0 var(--purple)}.sidebar-bottom{margin-top:auto}.private-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--color-8d829b,#8d829b);margin:20px 10px}.private-indicator i{display:block;width:5px;height:5px;border-radius:50%;background:var(--purple)}.account{display:flex;gap:10px;border-top:1px solid var(--line);padding:20px 8px 12px;align-items:center}.avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-40324f,#40324f);background:var(--color-251b31,#251b31);color:var(--color-d8bdfc,#d8bdfc);border-radius:8px;font-weight:700}.account strong{font-size:12px}.account small{display:block;color:var(--color-847a91,#847a91);font-size:10px}.logout{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:var(--color-8e849b,#8e849b);font-size:11px;padding:8px}.logout:hover{color:var(--text)}.content{padding:29px clamp(26px,5vw,76px);max-width:1460px;width:100%;margin:auto;align-self:start}.topbar{display:flex;justify-content:space-between;align-items:center;color:var(--color-80758e,#80758e);font-size:9px;letter-spacing:1.6px;border-bottom:1px solid var(--line);padding-bottom:22px}.topbar b{font-weight:400;margin:0 12px;color:var(--color-493d55,#493d55)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:58px 0 34px}.page-heading p{color:var(--muted);margin-top:15px;font-size:13px}.page-heading .button{margin-bottom:3px;white-space:nowrap}.services{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px;align-items:start}.service-card{display:flex;flex-direction:column;min-height:257px;max-width:430px;padding:23px 24px 17px;background:linear-gradient(140deg,var(--color-1c1724,#1c1724) 0%,var(--color-151218,#151218) 70%);border:1px solid var(--color-34283f,#34283f);border-radius:12px;transition:border-color .16s,transform .16s}.service-card:hover{border-color:var(--color-7f61a6,#7f61a6);transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.service-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--color-58406f,#58406f);border-radius:11px;background:var(--color-352345,#352345);color:var(--color-d5b3ff,#d5b3ff);font-size:14px;letter-spacing:-.3px;font-weight:650}.card-arrow{align-self:flex-start;color:var(--color-927ca9,#927ca9);font-size:20px}.service-card h2{font-size:21px;margin-bottom:8px}.service-card p{font-size:12px;color:var(--color-a89bb7,#a89bb7);max-width:260px;line-height:1.7}.card-bottom{display:flex;justify-content:space-between;color:var(--color-bfa5da,#bfa5da);font-size:9px;letter-spacing:1.5px;border-top:1px solid var(--color-34293e,#34293e);padding-top:14px;margin-top:27px}.card-bottom>span:last-child{font-size:15px;line-height:1}.page-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:var(--color-746b80,#746b80);font-size:10px}.page-footer>span:last-child{font-size:9px;letter-spacing:1.2px}.entry{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:30px 20px;background:radial-gradient(ellipse at 50% 35%,var(--color-1c1327,#1c1327) 0%,var(--color-0c0b0f,#0c0b0f) 65%)}.entry-card{width:100%;max-width:420px;background:var(--color-141017,#141017);border:1px solid var(--color-33273e,#33273e);border-radius:13px;padding:30px 31px}.identity{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;gap:15px}.entry-copy{padding:30px 0 25px}.entry-copy h1{font-size:40px}.entry-copy p{color:var(--muted);font-size:12px;margin-top:14px}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field label{font-size:11px;color:var(--color-bdb1ca,#bdb1ca)}.field input,.field textarea{border:1px solid var(--color-3b3047,#3b3047);border-radius:6px;background:var(--color-0e0c11,#0e0c11);color:var(--color-eee6f6,#eee6f6);padding:10px 11px;width:100%;min-width:0}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--purple)}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--purple)}.checkbox-field{flex-direction:row;align-items:center;justify-content:space-between}.login-form .button{width:100%;margin-top:13px;padding:12px 15px}.entry-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:var(--color-8c8099,#8c8099)}.footnote{font-size:9px;letter-spacing:2px;color:var(--color-6d607a,#6d607a)}.errorlist{padding-left:17px;color:var(--color-f0b3cc,#f0b3cc);font-size:11px;margin:2px 0}.management{max-width:1080px;margin:auto;padding:32px 30px 70px}.manage-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:40px}.management>h1{margin-bottom:15px}.management>.muted{max-width:600px;font-size:12px}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.panel{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0}.panel h2{font-size:16px;margin-bottom:20px}.text-link,.text-button{color:var(--color-c5a4ee,#c5a4ee);font-size:11px}.text-link:hover,.text-button:hover{text-decoration:underline}.text-button{padding:0;background:none;border:0}.new-link{display:block;margin-top:16px}.service-row{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.service-row:first-child{border-top:0;padding-top:0}.service-row strong{font-size:13px}.service-row small{display:block;color:var(--muted);font-size:10px}.visibility{color:var(--color-8b7c9b,#8b7c9b);font-size:9px}.row-actions{display:flex;gap:20px;align-items:center}.notice{color:var(--color-d9c2f2,#d9c2f2);border:1px solid var(--color-513867,#513867);background:var(--color-24182f,#24182f);padding:10px 14px;border-radius:6px;margin-top:20px;font-size:12px}.empty{grid-column:1/-1;padding:30px;border:1px dashed var(--color-3c3048,#3c3048);border-radius:10px;color:var(--muted)}.empty h2{color:var(--color-c8bdd3,#c8bdd3);font-size:18px}.empty p{font-size:12px;margin-top:8px}@media(min-width:1400px){.services{grid-template-columns:repeat(3,minmax(245px,1fr))}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:21px 22px;display:grid;grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid var(--line);gap:18px;align-items:center}.sidebar .wordmark{padding:0}.sidebar-label,.sidebar-bottom .account,.private-indicator{display:none}.sidebar nav{display:flex;gap:7px;grid-column:1/-1;grid-row:2}.nav-link{margin:0;padding:8px 12px}.sidebar-bottom{grid-column:2;grid-row:1;margin:0}.logout{gap:20px}.content{padding:24px 22px}.page-heading{margin-top:35px;align-items:flex-start;flex-direction:column;gap:23px}.services{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.service-card{max-width:none;min-height:242px}.page-footer{flex-direction:column;gap:8px}.manage-grid{grid-template-columns:1fr}.management{padding:24px 20px 50px}.entry-card{padding:27px 24px}.entry-copy h1{font-size:36px}}@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}

/* Fit the longer LonServices wordmark on narrow screens. */
.wordmark{font-size:26px;letter-spacing:-1.1px;white-space:nowrap}.identity{flex-wrap:wrap;row-gap:12px}

/* Small utility entry; intentionally outside the service card grid. */
.topbar-tools{display:flex;align-items:center;gap:16px}.lonstatus-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-a797b6,#a797b6);font-size:10px;letter-spacing:.2px;white-space:nowrap;padding:4px 0}.lonstatus-link span{color:var(--purple);font-size:12px}.lonstatus-link:hover{color:var(--color-e4cff8,#e4cff8)}.lonstatus-link:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:2px}@media(max-width:400px){.topbar-tools{gap:10px}.topbar b{margin:0 7px}.topbar{letter-spacing:1px}}