*{box-sizing:border-box}body{margin:0;background:#f4f4f1;color:#111;font-family:Inter,Arial,sans-serif;display:flex;min-height:100vh}aside{width:92px;background:#080808;color:#fff;padding:28px 14px;position:fixed;inset:0 auto 0 0}.brand{display:flex;flex-direction:column;line-height:.82;font-size:24px}.brand b{font-size:30px}.brand small{font-size:9px;letter-spacing:2px;margin-top:9px}.module{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;bottom:30px;left:36px;font-size:10px;letter-spacing:3px;color:#999}main{margin-left:92px;width:calc(100% - 92px);padding:36px 5vw}header{display:flex;justify-content:space-between;align-items:flex-start}h1{margin:0;font-size:20px}header p{margin:4px 0;color:#777}nav a{text-decoration:none;color:#777;text-transform:uppercase;margin-left:8px;border:1px solid #ddd;padding:8px 10px;border-radius:20px;font-size:11px}nav a.active{background:#111;color:#fff;border-color:#111}.hero{margin-top:55px;background:#fff;border-radius:24px;padding:38px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 50px #0000000c}.eyebrow{font-size:10px;letter-spacing:3px;color:#888}.hero h2{font-size:38px;margin:9px 0}.hero p{color:#666}.badge{padding:14px 18px;border-radius:14px;font-weight:700}.good{background:#e6f6e9}.warn{background:#fff0d8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:20px}.grid article{background:#fff;border-radius:17px;padding:20px;display:grid;grid-template-columns:16px 1fr;gap:5px 9px}.grid small{grid-column:2;color:#888}.dot{width:9px;height:9px;border-radius:50%;margin-top:4px;background:#bbb}.dot.on{background:#39a653}.dot.off{background:#c43b3b}.architecture{margin-top:20px;background:#111;color:#fff;border-radius:24px;padding:32px}.architecture h3{margin-top:0}.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.flow span{background:#252525;padding:12px 16px;border-radius:12px}.flow i{color:#777}.architecture p{color:#999}footer{padding:25px 4px;color:#999;font-size:12px}@media(max-width:700px){aside{width:58px}.brand{font-size:15px}.brand b{font-size:20px}.brand small{font-size:6px}.module{left:20px}main{margin-left:58px;width:calc(100% - 58px);padding:22px}.hero{align-items:flex-start;flex-direction:column;padding:25px}.hero h2{font-size:28px}.badge{margin-top:18px}.flow i{display:none}}
.setup-form{margin-top:20px}.form-card{background:#fff;border-radius:24px;padding:30px;margin-top:16px;box-shadow:0 15px 50px #0000000c}.form-card h3{font-size:24px;margin:8px 0 22px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:8px}.fields .wide{grid-column:1/-1}.fields input,.fields select{width:100%;border:1px solid #ddd;border-radius:12px;padding:13px 14px;background:#fafafa;font:inherit;outline:none}.fields input:focus,.fields select:focus{border-color:#111;background:#fff}.actions{margin-top:22px}.button{appearance:none;border:0;background:#111;color:#fff;border-radius:12px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer}.button.light{background:#fff;color:#111}.notice{margin-top:16px;border-radius:14px;padding:14px 18px}.notice.error{background:#ffe4e4;color:#8d1f1f}.notice.success{background:#e6f6e9;color:#216c32}@media(max-width:700px){.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}}
.brand{display:block;width:64px;line-height:1}.brand img{display:block;width:64px;height:auto;max-width:100%}@media(max-width:700px){.brand{width:36px}.brand img{width:36px}}