:root{--ink:#242328;--muted:#8a858c;--pink:#c02e69;--border:#eeeaed;--bg:#faf8f9;--green:#3f7b66}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d575a4;outline-offset:3px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:224px;padding:34px 22px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{font:600 39px Georgia,serif;letter-spacing:-1.6px;text-decoration:none;color:var(--ink);display:flex;gap:9px;align-items:baseline}.brand span{font:9px -apple-system,sans-serif;letter-spacing:2px;color:var(--muted)}.workspace{display:flex;gap:12px;align-items:center;margin:36px 0 32px;padding:15px 9px;background:#faf8f9;border-radius:12px;font-size:13px}.flower{font-size:29px;color:var(--pink)}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}nav{display:grid;gap:9px}nav button{border:0;background:none;text-align:left;border-radius:9px;padding:13px 12px;color:#736d76;font-weight:500}nav button span{font-size:19px;display:inline-block;width:30px}nav button.active{background:#f8eaf0;color:#aa2b60}nav button:hover{background:#faf4f6}.aside-bottom{margin-top:auto;color:#777079;font-size:12px;padding:16px 6px}.mini-dot{width:6px;height:6px;background:#b89ca7;display:inline-block;margin-right:6px;border-radius:50%}.text-button{border:none;background:none;padding:14px 0 0;color:#8b727f}main{margin-left:224px;padding:40px 42px 24px;max-width:1680px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#9c8c94}h1{font-size:29px;letter-spacing:-.8px;margin:10px 0}header p{color:var(--muted);font-size:13px;margin-top:12px}.controls{display:flex;gap:10px;align-items:center}.tag{font-size:11px;padding:6px 9px;background:#f0ecef;color:#81717a;border-radius:6px}.secondary,.primary{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:white;color:#655e66}.primary{background:var(--pink);color:#fff;border:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px;gap:14px}.segmented{display:flex;gap:3px;background:#eeeaed;border-radius:9px;padding:4px}.segmented button{border:0;background:none;padding:8px 16px;border-radius:6px;color:#837980;font-size:12px}.segmented button.active{background:white;color:#8f2c58;box-shadow:0 1px 4px #00000008}.range{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}select{background:white;border:1px solid var(--border);padding:9px 12px;border-radius:8px;color:#514852}.banner{background:#f3eef1;border:1px solid #e9dfe4;color:#78606c;padding:12px 16px;border-radius:9px;font-size:12px;line-height:1.8;margin-bottom:24px}.banner.demo{background:#fff4e4;color:#986724;border-color:#f4dfb9}.error{padding:14px;background:#ffedf0;border-radius:8px;color:#aa2944;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:white;border:1px solid var(--border);border-radius:13px;padding:21px;min-height:148px}.metric .label{font-size:12px;color:#827980}.metric .number{font-size:30px;letter-spacing:-1px;font-weight:600;margin:18px 0 9px;overflow-wrap:anywhere}.metric .note{color:var(--muted);font-size:11px;line-height:1.6}.metric.feature{background:#f7edf2;border-color:#eddae4}.metric.feature .number{color:#a52e63}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin:22px 0}.panel{background:white;border:1px solid var(--border);border-radius:13px;padding:24px;min-width:0}.panel h2{font-size:15px;margin:0;font-weight:600}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.panel-head p,.description{font-size:12px;color:var(--muted);line-height:1.8}.panel-head p{margin:7px 0 0}.link{background:none;border:0;color:var(--pink);font-size:12px;white-space:nowrap}.chart{height:178px;display:flex;gap:5px;align-items:stretch;padding-top:12px;border-bottom:1px solid var(--border)}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.bar{background:#d77b9f;border-radius:3px 3px 0 0;min-height:2px}.bar-col:hover .bar{background:var(--pink)}.axis{display:flex;justify-content:space-between;font-size:10px;color:#a39aa0;margin-top:12px}.row-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f3eff1;font-size:13px}.row-stat:last-child{border:0}.row-stat span:first-child{color:#8b8088}.green{color:var(--green)}.pink{color:var(--pink)}.table-panel{margin-top:22px}.table-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.search{border:1px solid var(--border);border-radius:8px;padding:10px 13px;min-width:230px;background:#fcfafb}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;color:#9a8e96;font-weight:500;padding:13px 10px;background:#fcfafb}td{font-size:12px;padding:16px 10px;border-bottom:1px solid #f3eff1}tbody tr:last-child td{border:0}.table-scroll{overflow:auto}.user-button{border:0;background:none;text-align:left;padding:0;display:flex;align-items:center;gap:10px;color:var(--ink)}.avatar{background:#f5eaf0;color:#ad5c7e;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:600}.user-button small{font-size:10px}.pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;background:#edf5f1;color:#477f68}.pill.failed{background:#fceef0;color:#ad5864}.pill.pending{background:#f8f2e7;color:#a18653}.pill.device{background:#f0eef3;color:#84748e}.empty{text-align:center;padding:48px 20px;color:#9c8e97}.empty b{display:block;color:#6c6069;font-size:16px;margin-bottom:10px}.empty p{font-size:12px;line-height:1.9;max-width:420px;margin:auto}.notice{font-size:12px;color:#95858f;line-height:1.9;margin:15px 0 0}.count{font-size:11px;color:#aaa0a6}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#aaa1a7;margin-top:30px;line-height:1.8}.connection{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--border);gap:20px}.connection h3{font-size:14px;margin:0 0 8px}.connection p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:650px}.connection .pill{align-self:flex-start}dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:650px;max-width:100vw;border:0;padding:32px;background:#faf8f9;box-shadow:-20px 0 80px #25101d20}dialog::backdrop{background:#22151e55}.drawer-head{display:flex;justify-content:space-between;align-items:center}.icon{border:none;background:#eeeaed;border-radius:50%;width:32px;height:32px;font-size:23px;color:#7e6d78}dialog h2{font-size:25px}dialog .metrics{grid-template-columns:repeat(2,1fr)}dialog .metric{min-height:130px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:380px;padding:36px;background:#fff;border:1px solid var(--border);border-radius:18px}.login input{display:block;width:100%;margin:10px 0 20px;padding:12px;border:1px solid var(--border);border-radius:8px}.login .primary{width:100%}.login p{color:var(--muted)}#login-error{color:#a12a52}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:14px;font-size:12px;color:var(--muted)}.pagination button{padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:6px}button:disabled{opacity:.45;cursor:default}@media(min-width:1500px){main{padding:46px 60px}}@media(max-width:1100px){aside{width:190px;padding:28px 15px}main{margin-left:190px;padding:28px 24px}.metrics{gap:10px}.metric{padding:16px}.metric .number{font-size:24px}.grid{grid-template-columns:1.3fr 1fr}}@media(max-width:760px){aside{position:static;width:100%;padding:18px 20px;border-bottom:1px solid var(--border)}.workspace,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:3px;margin-top:14px}nav button{white-space:nowrap;font-size:12px;padding:9px}nav button span{display:none}.brand{font-size:30px}main{margin:0;padding:24px 16px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}header{align-items:flex-start}h1{font-size:25px}.tag{display:none}.controls button{font-size:11px}.panel{padding:18px}.toolbar{gap:6px}.segmented button{padding:8px 10px}.range label{display:none}footer{flex-direction:column}dialog{padding:22px}.search{min-width:160px;max-width:100%}}