*{box-sizing:border-box}body{margin:0;background:#f5f7f7;color:#27343a;font:14px/1.5 Inter,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid #e5ebea;padding:25px 16px;display:flex;flex-direction:column;flex-shrink:0}.logo{padding:0 12px 32px}.logo b{display:block;font-size:18px}.logo small{font-size:10px;letter-spacing:1.5px;color:#39867c}.nav-title{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#9aa6a5;padding:0 12px 9px}.nav{padding:11px 12px;border-radius:8px;margin:2px 0;color:#53625f}.nav.active{background:#e8f4f1;color:#2f8177;font-weight:700}.nav.muted{color:#a0aaa8}.nav em{font-size:10px;float:right;font-style:normal}.sidebar-foot{margin-top:auto;padding:15px 12px;color:#98a3a1;font-size:11px;border-top:1px solid #edf0ef}.main{flex:1;min-width:0}.main header{height:68px;background:#fff;border-bottom:1px solid #e5ebea;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#64716e}.logout,.outline{background:#fff;border:1px solid #d5e3df;color:#367f75;border-radius:8px;padding:9px 13px}.content{max-width:1200px;margin:auto;padding:32px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.heading h1{font-size:26px;margin:0 0 4px}.heading p,.login p,.setup p{color:#7c8986;margin:0}.primary{border:0;background:#347f75;color:#fff;border-radius:8px;padding:11px 16px;font-weight:650}.primary:disabled{opacity:.6}.summary{display:flex;gap:14px;margin-bottom:18px}.card{background:#fff;border:1px solid #e5ebea;border-radius:12px;padding:17px}.summary .card{min-width:175px}.summary small{display:block;color:#7c8986}.summary strong{display:block;font-size:25px;margin-top:6px}.toolbar{display:flex;gap:9px;margin:18px 0}.toolbar input,input,textarea{border:1px solid #dce4e2;border-radius:8px;padding:10px 12px;background:#fff;color:#27343a}.toolbar input{width:min(440px,100%)}.table-card{background:#fff;border:1px solid #e5ebea;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0ef;font-size:13px}th{color:#7b8985;font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#fbfcfc}tr:last-child td{border-bottom:0}.actions{white-space:nowrap}.actions button{border:0;background:transparent;color:#347f75;margin-right:9px}.actions .danger{color:#b64d4d}.empty{text-align:center;color:#8b9693;padding:28px}.privacy,.callout{background:#fff7e8;color:#82672f;padding:12px 14px;border-radius:8px;margin-top:18px;font-size:12px}.success{background:#e8f4f1;color:#2e746b;padding:10px 12px;border-radius:8px;margin-bottom:12px}.error{background:#fbeeee;color:#a23d3d;padding:10px 12px;border-radius:8px;margin:12px 0}.overlay{position:fixed;inset:0;background:#17252277;display:grid;place-items:center;padding:18px;z-index:4}.modal{background:#fff;width:min(620px,100%);border-radius:14px;padding:23px;max-height:94vh;overflow:auto;box-shadow:0 18px 60px #17252233}.modal-head{display:flex;justify-content:space-between;margin-bottom:18px}.modal h2{margin:0 0 4px}.modal p{margin:0;color:#7c8986;font-size:12px}.x{border:0;background:transparent;font-size:26px;color:#7c8986}.modal label,.login label{display:block;font-size:12px;font-weight:650;margin:12px 0;color:#53615e}.modal input,.modal textarea,.login input{display:block;width:100%;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.login-wrap,.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login,.setup{width:min(430px,100%);padding:30px}.login h1,.setup h1{font-size:23px;margin:10px 0 4px}.login label{margin-top:18px}.login .primary{width:100%;margin:15px 0}.login small,.small{font-size:11px;color:#8b9693}.brandmark{width:43px;height:43px;border-radius:13px;background:#e8f4f1;color:#347f75;display:grid;place-items:center;font-weight:800}.setup{width:min(580px,100%)}.setup ol{padding-left:22px;line-height:2}.center{padding:50px;text-align:center}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:12px}.logo{padding:4px 8px 12px}.nav-title{display:none}.sidebar{display:block}.nav{display:inline-block;padding:8px}.sidebar-foot{display:none}.main header{height:55px;padding:0 16px}.content{padding:22px 15px}.heading{display:block}.heading .primary{margin-top:14px}.summary{flex-wrap:wrap}.summary .card{flex:1}.form-grid{grid-template-columns:1fr}}