*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#151515;background:#f7f8fa;font-size:14px}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;cursor:pointer;padding:11px 15px;background:#eee;font-weight:650}button:disabled{opacity:.6;cursor:wait}.primary{background:#151515;color:white}.secondary{background:#f1f2f4;color:#333}.full{width:100%}.brand{font-size:23px;font-weight:850;letter-spacing:-.9px}.brand span{color:#878787}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#fff;border-right:1px solid #e9ebed;padding:28px 17px;display:flex;flex-direction:column;flex-shrink:0}.sidebar .brand{padding:4px 12px 32px}.navtitle{font-size:10px;font-weight:800;color:#9a9ca2;letter-spacing:1.4px;padding:22px 12px 12px}.nav{display:flex;gap:14px;align-items:center;text-align:left;background:transparent;font-weight:550;margin:2px 0;color:#686b72}.nav.current{background:#151515;color:#fff}.navico{font-size:19px;width:20px}.sidefoot{color:#aaa;font-size:11px;margin-top:auto;padding:30px 12px 8px}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9ebed;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 32px}.topbar .muted{font-size:12px;margin-left:8px}.page{max-width:1200px;margin:0 auto;padding:30px 32px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.tile,.panel{background:#fff;border:1px solid #eaecf0;border-radius:15px;padding:23px;box-shadow:0 3px 12px #17171705}.tile small,.muted{color:#83868f}.tile strong{display:block;font-size:30px;margin-top:10px}.panel{margin-bottom:18px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;letter-spacing:-1px}h2{font-size:19px;letter-spacing:-.5px;margin:0 0 16px}h3{font-size:14px;margin-top:23px}.panelhead h2{margin:0}.panelhead{margin-bottom:16px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#92959d}td,th{padding:15px 10px;border-bottom:1px solid #eff0f2;white-space:nowrap}.pill{background:#eee;padding:5px 10px;border-radius:20px;font-size:11px;text-transform:capitalize}.pill.sent{background:#e1f6ea;color:#157544}.pill.draft{background:#f2f2f2}.pill.failed,.pill.unknown{background:#ffebeb;color:#a12a2a}.pill.processing{background:#fff0d3}.composer{max-width:780px}.composer label,.authbox label,.install label,.providergrid label{display:block;margin:18px 0;font-size:12px;font-weight:700;color:#41434a}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:13px;border:1px solid #dcdfe4;border-radius:9px;margin-top:8px;color:#171717;background:#fff;outline:0}input:focus,textarea:focus,select:focus{border-color:#151515}textarea{resize:vertical}.message{padding:15px;border-radius:10px;background:#f6f7f9;white-space:pre-wrap;word-break:break-word}.providergrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex!important;align-items:center;gap:10px}.check input{width:16px;height:16px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.authbox,.install{width:100%;max-width:440px;background:#fff;border:1px solid #eee;border-radius:18px;padding:38px;box-shadow:0 20px 60px #0000000a}.authbox .brand{margin-bottom:30px}.authbox p{color:#888}.notice{padding:13px 16px;border-radius:9px;margin:15px 0}.bad{background:#ffebeb;color:#9b2626}.good{background:#e6f6ed;color:#12683a}.warn{background:#fff3d9;color:#74540a}.install{margin:5vh auto}.install button{background:#111;color:#fff;width:100%}@media(max-width:850px){.sidebar{width:76px;padding:12px 8px}.sidebar .brand{font-size:13px;padding:16px 2px 22px}.sidebar .brand span{display:block}.nav{font-size:0;justify-content:center;padding:12px}.navico{font-size:23px}.navtitle,.sidefoot{display:none}.tiles{grid-template-columns:1fr 1fr}.providergrid{grid-template-columns:1fr}.topbar{padding:14px}.page{padding:15px}.topbar .muted{display:none}}@media(max-width:450px){.tile{padding:15px}.tile strong{font-size:24px}.topbar{font-size:12px}.topbar button{padding:7px}.panel{padding:16px}}

.composer-metrics{display:flex;flex-wrap:wrap;gap:10px 18px;background:#f6f7f9;border:1px solid #e9eaed;border-radius:10px;padding:12px 14px;color:#555b65;font-size:12px;margin:10px 0}.composer-metrics b{color:#161616}.composer-status{font-size:12px;color:#636875;padding:5px 0}.composer-summary{background:#f7f8fa;border:1px solid #ebedf0;border-radius:12px;padding:16px;margin:18px 0}.composer-summary p{margin:10px 0}.composer-summary small{color:#757b86}.composer-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}