:root{--nexode-primary:#226b48;--nexode-primary-dark:#173f2d;--nexode-soft:#edf7ef;--nexode-line:#dce8df;--nexode-ink:#183023;--nexode-muted:#617466}*{box-sizing:border-box}body{margin:0;background:#f7faf7;color:var(--nexode-ink);font:15px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{padding:28px 18px;background:#153d2b;color:#eaf6ee;display:flex;flex-direction:column}.brand-mark{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:#b9e8ca;color:#173f2d;font-weight:900;font-size:20px}.brand{display:grid;gap:2px;margin:13px 6px 30px}.brand strong{font-size:21px}.brand span{font-size:12px;color:#b9d3c0}nav{display:grid;gap:5px}nav a{padding:11px 12px;border-radius:9px;color:#dcece1;text-decoration:none;font-weight:650}nav a:hover,nav a.active{background:#2b6045;color:white}.sidebar-footer{margin-top:auto;display:grid;gap:8px;padding:15px 6px 0;border-top:1px solid #3f6c55;font-size:12px;color:#bdd7c6}.link-button{padding:0;background:none;border:0;text-align:left;color:white;font:inherit;cursor:pointer}main{max-width:1250px;width:100%;padding:42px 50px;margin:0 auto}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}h1,h2,p{margin-top:0}h1{font-size:31px;letter-spacing:-.7px;margin-bottom:0}h2{font-size:18px;margin-bottom:8px}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:800;color:var(--nexode-primary);margin-bottom:7px}.button-link,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:11px 16px;background:var(--nexode-primary);color:#fff;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.intro{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:23px;border-radius:14px;background:var(--nexode-soft);color:var(--nexode-primary-dark)}.intro p{margin:0}.intro span{font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metrics article,.panel{background:#fff;border:1px solid var(--nexode-line);border-radius:14px;box-shadow:0 6px 24px #173f2b08}.metrics article{padding:20px}.metrics p,.metrics span,.row span,.table-row small,.panel-title span,.auth-copy,.form-divider p{color:var(--nexode-muted)}.metrics p{margin-bottom:8px}.metrics strong{display:block;font-size:30px;margin-bottom:5px}.metrics span{font-size:12px}.panel{padding:21px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--nexode-line);padding-bottom:13px;margin-bottom:3px}.panel-title a,.panel a{color:var(--nexode-primary);font-weight:700;text-decoration:none}.row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--nexode-line)}.row:last-child{border-bottom:0}.row div,.table-row strong{display:grid;gap:3px}.row small{color:var(--nexode-muted)}.badge{justify-self:start;padding:4px 8px;border-radius:99px;background:#fff7df;color:#805e00;font-size:11px;font-weight:800}.badge.active,.badge.delivered,.badge.read{background:#e5f6ea;color:#21623a}.badge.suspended,.badge.failed{background:#fde8e7;color:#a23d37}.badge.queued,.badge.onboarding{background:#eef4fb;color:#35608a}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.2fr .8fr .6fr auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--nexode-line)}.table-head{padding-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--nexode-muted);font-weight:800}.table-row:last-child{border-bottom:0}.table-row small{font-weight:400}.form-panel{max-width:940px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{display:grid;gap:6px;font-size:13px;font-weight:750}.form-grid input,.form-grid select{width:100%;border:1px solid #cbdccf;border-radius:9px;padding:10px 11px;background:#fff;color:var(--nexode-ink);font:inherit}.full,.form-actions{grid-column:1/-1}.form-divider{padding-top:7px;border-top:1px solid var(--nexode-line)}.form-divider p{font-size:12px;margin:4px 0}.secret{display:grid;gap:8px;background:#fff9df;border-color:#e9cf71}.secret code,.code-block{padding:11px;border-radius:8px;background:#f4f7f4;overflow:auto;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.code-block{margin:15px 0 0}.steps{display:grid;gap:9px;padding-left:22px;line-height:1.5}.notice{margin-bottom:20px;padding:13px 16px;border:1px solid #a8d3b4;border-radius:11px;background:#eaf8ed;color:#1e5d37}.auth-body{display:grid;min-height:100vh;place-items:center;background:#eaf3ed}.auth-card{width:min(420px,calc(100% - 32px));padding:38px;background:#fff;border:1px solid var(--nexode-line);border-radius:18px;box-shadow:0 24px 60px #173f2b1c}.auth-card .brand-mark{margin-bottom:20px}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.auth-form input{border:1px solid #cbdccf;border-radius:9px;padding:11px;font:inherit}.form-error{margin:0;color:#a23d37;font-size:13px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:26px 18px}.metrics{grid-template-columns:1fr}.intro,header{display:grid}.table-head{display:none}.table-row{grid-template-columns:1fr auto}.table-row span:nth-child(2),.table-row span:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}}