:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17212b;background:#edf2f3;line-height:1.5}
*{box-sizing:border-box}body{margin:0}.shell{display:flex;flex-direction:column;max-width:1040px;min-height:100vh;margin:0 auto;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e5e9ec}.brand-wrap{display:flex;align-items:center;gap:10px}.brand{font-weight:800;color:#126b57;text-decoration:none}.environment-badge{padding:3px 7px;border-radius:999px;background:#eef2f5;color:#667085;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.topnav{display:flex;align-items:center;gap:18px}.topnav a,.link-button{border:0;background:transparent;color:#475467;font:inherit;text-decoration:none;cursor:pointer}.topnav form{margin:0}main{flex:1;padding:40px 24px}.app-footer{padding:0 24px 18px;text-align:right;color:#98a2b3;font-size:.75rem}.auth-card,.form-card{max-width:520px;margin:5vh auto;padding:28px;border:1px solid #e0e6e9;border-radius:20px;box-shadow:0 16px 45px #12303d12}.eyebrow{margin:0;color:#126b57;font-weight:750;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}h1{margin:.35rem 0 1rem;font-size:clamp(2rem,6vw,3.2rem);line-height:1.08}h2{margin:.5rem 0;font-size:1.15rem}.stack{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-weight:650}label small,td small{display:block;color:#667085;font-weight:400}input,select{width:100%;padding:12px 13px;border:1px solid #bcc8ce;border-radius:10px;background:#fff;font:inherit}.primary{padding:13px 16px;border:0;border-radius:11px;background:#126b57;color:#fff;font:inherit;font-weight:750;cursor:pointer}.button-link{display:inline-block;text-decoration:none}.alert{padding:12px 14px;border-radius:10px;background:#fff0ee;color:#9d2018}.notice{margin:18px 0;padding:12px 14px;border-radius:10px;background:#e5f6ef;color:#087443}.welcome{max-width:760px;margin-bottom:30px}.welcome p:last-child,.page-heading p{color:#475467}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:20px;border:1px solid #e0e6e9;border-radius:16px}.cards p{color:#56636f}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2f5;color:#475467;font-size:.78rem;font-weight:750}.status-ready{background:#e5f6ef;color:#087443}.status-off{background:#fff0ee;color:#9d2018}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.table-wrap{overflow:auto;border:1px solid #e0e6e9;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #e8ecef}th{font-size:.82rem;color:#667085;background:#f8fafb}tbody tr:last-child td{border-bottom:0}.actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.actions form{margin:0}.actions a,.text-action{border:0;background:none;padding:0;color:#126b57;font:inherit;text-decoration:underline;cursor:pointer}.self-note{color:#667085}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.form-actions a{color:#475467}
.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:#667085;font-size:1.05rem;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:#eef2f5;color:#126b57;outline:none}.select-field{position:relative;display:block}.select-field::after{content:"⌄";position:absolute;top:50%;right:15px;transform:translateY(-57%);color:#475467;pointer-events:none}.select-field select{display:block;width:100%;height:50px;min-height:50px;padding:0 42px 0 13px;-webkit-appearance:none;appearance:none}
textarea{width:100%;padding:12px 13px;border:1px solid #bcc8ce;border-radius:10px;background:#fff;font:inherit;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.empty-state{margin-top:22px;padding:24px;border:1px dashed #bcc8ce;border-radius:14px;color:#475467}.empty-state h2{color:#17212b}
@media(max-width:720px){main{padding:26px 16px}.topbar{display:block;padding:15px 16px}.brand-wrap{justify-content:space-between;gap:8px}.brand{font-size:1rem}.environment-badge{flex:0 0 auto}.topnav{width:100%;margin-top:13px;padding-top:11px;border-top:1px solid #e8ecef;display:flex;justify-content:space-between;gap:6px;flex-wrap:nowrap}.topnav a,.link-button{display:block;padding:6px 4px;font-size:.86rem;text-align:center;white-space:nowrap}.topnav form{flex:0 0 auto}h1{font-size:2.25rem}.cards,.form-grid{grid-template-columns:1fr}.auth-card,.form-card{padding:22px}.page-heading{align-items:flex-start;flex-direction:column}.actions{align-items:flex-start;flex-direction:column;white-space:normal}th:nth-child(2),td:nth-child(2){display:none}}