*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#2C0E1B;color:#FCDFE6;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{background:#4A1B2C;border-radius:24px;padding:40px 36px;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.5);border:1px solid #6D2841}
.card.wide{max-width:440px}
h1{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#FFA8C7}
h1.sm{font-size:1.4rem;margin-bottom:6px}
.sub{font-size:.85rem;color:#D2C2C5;margin-bottom:28px}
.sub.tight{margin-bottom:24px}

/* landing links */
a.row{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:10px;border-radius:16px;background:#4A1B2C;color:#FCDFE6;text-decoration:none;font-size:.95rem;transition:background .15s,transform .1s}
a.row:hover{background:#6D2841;transform:translateY(-1px)}
.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.label{flex:1}
.arrow{color:#D2C2C5;font-size:1.1rem}

/* status panel */
.status-row{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:#4A1B2C;margin-bottom:16px}
.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:background .3s}
.status-dot.online{background:#81c784}
.status-dot.stopped{background:#e57373}
.status-dot.loading{background:#efbd94;animation:pulse 1s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.status-text{flex:1;font-size:.95rem}
.meta{font-size:.75rem;color:#D2C2C5;margin-top:4px}

/* action buttons */
.actions{display:flex;gap:10px;margin-bottom:20px}
button{flex:1;padding:12px;border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;border:1px solid transparent}
button:active{transform:scale(.97)}
.btn-start{background:#2D352E;border-color:#81c784;color:#81c784}
.btn-start:hover{background:#3A463B}
.btn-stop{background:#3D1A26;border-color:#e57373;color:#e57373}
.btn-stop:hover{background:#50222F}
.btn-restart{background:#3A2820;border-color:#efbd94;color:#efbd94}
.btn-restart:hover{background:#4C352A}
button:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* back link */
.back{display:inline-block;margin-top:8px;font-size:.85rem;color:#D2C2C5;text-decoration:none}
.back:hover{color:#FFA8C7}