:root{color:#14213d;font-synthesis:none;background:#f4f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,color .15s}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #789cff}input,select{color:#14213d;background:#fff;border:1px solid #d9e0eb;border-radius:8px;min-width:0;padding:11px 14px}input:focus,select:focus{outline-offset:1px;outline:2px solid #a1b9ff}button{color:#263f66;background:#edf1f8;border:0;border-radius:8px;padding:10px 16px}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:2rem;line-height:1.3}h2{font-size:1.2rem}small{color:#758198;font-size:.8125rem}.primary{color:#fff;white-space:nowrap;background:#2457ed;padding:12px 19px;font-weight:600}.primary:hover{background:#1947d0}.eyebrow{color:#687c9d;letter-spacing:.08em;margin-bottom:9px;font-size:.8125rem;font-weight:600;display:block}.brand-mark{color:#fff;background:#3565f2;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.35rem;font-weight:800;display:inline-grid}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eaf0ff;background:#101e35;flex-direction:column;height:100vh;padding:34px 20px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;margin:0 6px 42px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand small{color:#91a3bf;margin-top:2px;font-size:.75rem;font-weight:400;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#aabbd3;text-align:left;background:0 0;align-items:center;gap:12px;padding:13px 12px;font-size:.875rem;display:flex}.sidebar nav button.active{color:#fff;background:#203958}.sidebar nav b{opacity:.8;margin-left:auto;font-size:.75rem;font-weight:500}.sidebar nav button>span{font-size:1.125rem}.sidebar-bottom{color:#98abc7;border-top:1px solid #2b3a51;margin-top:auto;padding:24px 8px 0;font-size:.8125rem}.sidebar-bottom strong{color:#dae3f4;margin:6px 0;font-weight:500;display:block}.sidebar-bottom small{color:#98abc7;font-size:.75rem}.logout{color:#c0cce0;background:0 0;margin-top:24px;padding:0;font-size:.875rem}.workspace{width:100%;max-width:1560px;margin:0 auto;padding:38px 46px 28px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-header p{color:#758198;margin-top:10px;font-size:.875rem}.stats{background:#fff;border:1px solid #e2e8f1;border-radius:12px;grid-template-columns:repeat(3,1fr) 1.15fr;margin-bottom:25px;padding:24px 4px;display:grid}.stats>div{border-right:1px solid #e9edf4;padding:0 24px}.stats>div:last-child{border:0}.stats>div>span{color:#738198;font-size:.875rem}.stats strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.85rem;font-weight:600;display:block}.stats strong small{margin-left:9px;font-size:.8125rem;font-weight:400}.stats .sync-state{align-items:center;gap:10px;display:flex}.sync-state small{margin-top:5px;font-size:.75rem;display:block}.status-dot{background:#17a278;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.warning{background:#e7a641}.inbox-panel,.panel{background:#fff;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden}.toolbar{border-bottom:1px solid #e9edf4;grid-template-columns:minmax(180px,1fr) 180px 160px;gap:12px;padding:20px;display:grid}.toolbar input,.toolbar select{background:#fafbfd;font-size:.875rem}.list-caption{color:#8a95a7;background:#fafbfd;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;font-size:.8125rem;display:flex}.list-caption>span:first-child{color:#5b6d87}.list-caption b{margin-left:8px;font-weight:500}.message-row{border-bottom:1px solid #edf0f6;justify-content:space-between;gap:24px;padding:24px;display:flex}.message-row:last-child{border:0}.message-main{flex:1;min-width:0}.message-heading{align-items:center;gap:16px;display:flex}.message-heading strong{font-size:1rem}.message-heading time{color:#8a96a8;font-size:.75rem}.message-phone{font-variant-numeric:tabular-nums;color:#445570;margin:7px 0;font-size:.9375rem}.message-phone>span{color:#8a95a7;margin-left:14px;font-size:.75rem;display:inline-block}.message-row summary{color:#79889c;cursor:pointer;width:fit-content;font-size:.8125rem;list-style-position:inside;display:list-item}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#52637f;margin:10px 0 5px;font-size:.875rem;line-height:1.8}.message-row details small{font-size:.75rem}.code-block{flex-shrink:0;align-items:center;display:flex}.code-copy{background:#f0f4ff;flex-direction:column;align-items:center;min-width:156px;padding:14px 19px;display:flex}.code-copy:hover{background:#e3ebff}.code-copy code{letter-spacing:.12em;color:#2554d3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.6rem;font-weight:600}.code-copy span{color:#6380c2;margin-top:4px;font-size:.75rem}.unrecognized{color:#8290a6;font-size:.875rem}.empty-state{text-align:center;color:#405573;padding:64px 25px 72px}.empty-symbol{color:#819ac7;background:#f0f4fc;border-radius:18px;place-items:center;width:66px;height:66px;margin:0 auto 20px;font-size:2rem;display:grid}.empty-state p{color:#8390a3;max-width:430px;margin:12px auto 24px;font-size:.875rem}.inbox-footer{color:#8b97a9;justify-content:space-between;align-items:center;margin-top:18px;font-size:.75rem;display:flex}.text-danger{color:#a25867;background:0 0;padding:6px 0;font-size:.8125rem}.device-note{color:#718199;margin-bottom:22px;font-size:.875rem}.devices-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.device-card{background:#fff;border:1px solid #e2e8f1;border-radius:12px;padding:25px}.device-card.revoked{opacity:.65}.device-card-header{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.device-icon{color:#3867d8;background:#eef3ff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.5rem;display:grid}.device-status{color:#198366;background:#edf8f4;border-radius:5px;padding:4px 9px;font-size:.75rem}.device-status.muted{color:#7d879a;background:#f0f2f6}.device-model{color:#8290a3;margin-top:5px;font-size:.8125rem}.device-lines{border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;min-height:72px;margin:18px 0 12px;padding:12px 0}.device-lines p{gap:12px;font-size:.875rem;line-height:1.9;display:flex}.device-lines span{color:#8995a7}.device-lines strong{font-weight:500}.last-seen{color:#8995a7;font-size:.75rem}.device-actions{justify-content:space-between;margin-top:15px;display:flex}.device-actions button{background:0 0;padding:4px 0;font-size:.8125rem}.banner{background:#fff0ef;border:1px solid #f4d4d2;border-radius:8px;margin-bottom:20px;padding:14px 18px;font-size:.875rem}.banner button{margin-left:12px;padding:3px 9px}.error{color:#b14949;font-size:.875rem}.loading{color:#6c7c94;place-items:center;height:100vh;display:grid}.login-page{background:linear-gradient(135deg,#e9effc,#f7f9fc 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.login-brand{align-items:center;gap:12px;margin-bottom:35px;font-size:1.3rem;display:flex}.login-card{background:#fff;border:1px solid #e0e7f4;border-radius:16px;width:100%;max-width:450px;padding:40px;box-shadow:0 16px 70px #1027570b}.login-card h1{font-size:1.6rem}.login-card>p{color:#7c8ba0;margin:14px 0 28px;font-size:.875rem}.login-card label,.pair-dialog label{margin:22px 0 9px;font-size:.875rem;font-weight:500;display:block}.login-card input,.login-card>.primary{width:100%}.login-card>.primary{margin-top:24px}.login-card>small{text-align:center;margin-top:18px;display:block}.login-card>.error{color:#b14949;margin:12px 0}.pair-dialog{color:#20314e;border:1px solid #d8e1ef;border-radius:16px;width:calc(100% - 36px);max-width:490px;padding:30px;box-shadow:0 30px 100px #00143730}.pair-dialog::backdrop{background:#07142f70}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.close-button{background:#f4f6fa;padding:6px 10px;font-size:1.4rem;line-height:1}.pair-dialog p{color:#74839a;font-size:.875rem;line-height:1.8}.pair-dialog input{width:100%}.pair-dialog .primary{width:100%;margin-top:22px}.copy-field,.pair-code{background:#f2f5fb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.copy-field code{overflow-wrap:anywhere;font-size:.8125rem}.copy-field button,.pair-code button{flex-shrink:0;padding:6px 10px;font-size:.8125rem}.pair-code code{color:#2456dc;letter-spacing:.04em;font-size:1.2rem;line-height:1.7}.pair-dialog .pair-code+p{margin-top:10px;font-size:.75rem}.pair-dialog .error{color:#b14949;margin-top:12px}.toast{color:#fff;z-index:1000;text-align:center;background:#152a4a;border-radius:9px;max-width:90vw;padding:12px 22px;font-size:.875rem;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00133030}@media (width>=1500px){.workspace{padding:46px 60px}}@media (width<=1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.workspace{padding:30px 25px}.sidebar{padding:30px 14px}.toolbar{grid-template-columns:1fr 155px}.toolbar select:last-child{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}.stats .sync-state{border-top:1px solid #edf0f6;grid-column:1/-1;margin-top:18px;padding-top:15px}.stats>div:nth-child(3){border:0}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;padding:17px 20px;position:static}.brand{margin:0;font-size:1.125rem}.brand small,.sidebar-bottom{display:none}.sidebar nav{margin-top:18px;display:flex}.sidebar nav button{flex:1;justify-content:center;padding:10px;font-size:.8125rem}.sidebar nav button b{margin-left:0}.workspace{padding:24px 16px}.page-header{gap:16px;margin-bottom:22px}.page-header h1{font-size:1.7rem}.page-header p{font-size:.8125rem}.page-header .primary{padding:11px 14px;font-size:.8125rem}.eyebrow{font-size:.75rem}.stats>div{padding:0 13px}.stats>div>span{font-size:.75rem}.stats strong{font-size:1.6rem}.toolbar{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.toolbar input{grid-column:1/-1}.toolbar select:last-child{grid-column:auto}.toolbar select{width:100%;padding:10px;font-size:.8125rem}.message-row{gap:12px;padding:18px 16px}.message-phone>span{margin:4px 0;display:block}.code-copy{min-width:114px;padding:12px}.code-copy code{letter-spacing:.07em;font-size:1.3rem}.list-caption{padding:13px 16px;font-size:.75rem}.inbox-footer{gap:12px}.devices-grid{grid-template-columns:1fr}.login-card{padding:30px 25px}.pair-dialog{padding:24px}.pair-code code{font-size:1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.mobile-logout{display:none}@media (width<=760px){.sidebar{position:relative}.mobile-logout{color:#b9c8df;background:0 0;padding:4px 0;font-size:.8125rem;display:block;position:absolute;top:23px;right:22px}}