@font-face{font-family:system;src:local(-apple-system)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#111b34;background:#f6f8fc;font-size:14px;--blue:#0877ff;--muted:#7a869d;--line:#e8edf5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}.hidden{display:none!important}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;padding:34px 20px 0;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:4}.wordmark{font-size:32px;font-weight:850;letter-spacing:-1.6px;line-height:1;display:block}.wordmark span{color:var(--blue)}.wordmark small{font-size:9px;letter-spacing:2.1px;color:#96a1b5;display:block;margin-top:10px;font-weight:600}.workspace{display:flex;gap:11px;align-items:center;margin:37px 0 30px;border:1px solid var(--line);padding:13px 11px;border-radius:12px;font-size:12px;font-weight:600}.workspace small,.profile small,.deployment small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.workspace-icon{width:31px;height:31px;background:#eaf3ff;color:var(--blue);font-size:17px;border-radius:8px;display:grid;place-items:center;font-weight:800}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24be98;flex-shrink:0}.workspace>.live-dot{margin-left:auto}.nav-label{font-size:10px;letter-spacing:1.5px;color:#9ba7ba;margin:0 14px 12px}nav{display:grid;gap:6px}nav a{padding:13px 14px;border-radius:9px;color:#637088;font-size:13px;display:flex;align-items:center;gap:13px}nav a span{width:18px;font-size:19px;text-align:center;font-weight:400}nav a:hover{background:#f6f8fc}nav a.active{background:#eaf3ff;color:#0877ff;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:40px}.deployment{display:flex;gap:10px;align-items:center;margin:0 10px 26px;font-size:11px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:19px 0}.avatar{width:33px;height:33px;display:grid;place-items:center;color:#3668d8;background:#e9efff;border:1px solid #d9e4ff;border-radius:50%;font-weight:700}.profile strong{font-size:11px}.profile button{margin-left:auto;background:none;color:var(--muted);font-size:20px}main{margin-left:244px;min-width:0;width:calc(100% - 244px)}header{height:78px;border-bottom:1px solid var(--line);background:#ffffffc9;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.breadcrumb{font-size:12px;color:#8a96ac}.breadcrumb span{margin:0 12px;color:#ccd3df}.breadcrumb strong{color:#49566e;font-weight:500}.header-right{display:flex;align-items:center;gap:18px}.env-tag{background:#eaf5ee;color:#328c67;border:1px solid #d8eddf;border-radius:5px;font-size:9px;letter-spacing:1px;padding:5px 7px;font-weight:650}.server-clock{color:#98a3b5;font-size:10px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:20px;color:#718098}.content{padding:37px 42px 0;max-width:1640px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.eyebrow{font-size:9px;color:#8b99b1;letter-spacing:1.8px;font-weight:650}h1{font-size:28px;letter-spacing:-.7px;margin:10px 0 9px;font-weight:700}.blue-dot{color:var(--blue);margin-left:3px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.primary{background:var(--blue);color:white;padding:11px 18px;border-radius:9px;box-shadow:0 4px 10px #0877ff13;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:14px}.primary:hover{background:#0065e7}.secondary{border:1px solid #dfe6f1;background:white;color:#536178;padding:10px 15px;border-radius:8px;font-size:12px}.danger{color:#cf4359;background:#fff0f2;border:1px solid #ffdbe1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:21px 22px}.stat-card .stat-top{display:flex;justify-content:space-between;align-items:center;color:#6b7890;font-size:11px}.stat-icon{width:30px;height:30px;border-radius:9px;background:#edf4ff;display:grid;place-items:center;font-size:16px;color:var(--blue)}.stat-number{font-size:35px;margin:16px 0 12px;line-height:1;font-weight:650;letter-spacing:-1.4px}.stat-foot{font-size:10px;color:#8d9ab0}.stat-foot b{color:#20aa84;font-weight:500}.overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px;margin:0}.panel-head p{color:#8b97ab;font-size:10px;margin:6px 0 0}.panel-head a{font-size:11px;color:var(--blue)}.toolbar{padding:17px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{max-width:300px;flex:1;min-width:180px}.toolbar select{max-width:230px}.search,input,select{background:#fff;border:1px solid #e0e7f1;border-radius:7px;color:#2b3851;padding:10px 12px;min-height:37px}input::placeholder{color:#a6b0c0}label{display:grid;gap:8px;font-size:12px;color:#526179}input:focus,select:focus{border-color:var(--blue);outline:2px solid #0877ff15}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-weight:500;color:#8995aa;background:#fbfcfe;font-size:10px;letter-spacing:.4px;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #f0f3f8;font-size:11px;color:#65728a}tr:last-child td{border-bottom:0}td strong{color:#23304a;font-size:12px;font-weight:550;display:block;line-height:1.6}td small{display:block;font-size:10px;color:#9aa6b8;margin-top:4px}tr:hover td{background:#fcfdff}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px!important;letter-spacing:-.2px}.truncate{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:10px;padding:5px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;background:#f0f3f8;color:#7d899e}.pill.green{color:#189b77;background:#eaf9f3}.pill.blue{color:#2877dd;background:#ebf3ff}.pill.orange{color:#b78035;background:#fff6e9}.pill.red{color:#c75569;background:#fff0f2}.pill::before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.row-actions{display:flex;gap:7px}.row-actions button{font-size:10px;color:#5880b2;background:#f0f5fc;padding:6px 9px;border-radius:5px}.row-actions button.destructive{color:#c25368;background:#fff1f3}.empty{text-align:center;padding:62px 20px;color:#9aa7bb}.empty .empty-symbol{font-size:30px;color:#c5d5eb;margin-bottom:12px}.empty h3{font-size:14px;color:#60718c;font-weight:500}.empty p{font-size:11px;line-height:1.8}.pager{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:15px 22px;border-top:1px solid var(--line);color:#9aa5b6;font-size:10px}.pager button{border:1px solid var(--line);border-radius:5px;padding:5px 9px;background:white;color:#687b99}.signal-list{padding:2px 22px}.signal{padding:19px 0;display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid #f0f3f8}.signal:last-child{border:0}.signal-symbol{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);flex-shrink:0}.signal h3{font-size:12px;margin:0 0 7px;font-weight:550}.signal p{font-size:10px;line-height:1.8;color:#91a0b5;margin:0}.signal .pill{margin-left:auto}.callout{padding:18px 21px;background:linear-gradient(120deg,#f0f6ff,#f8faff);margin-top:22px;border:1px solid #e1ebfc;border-radius:12px;display:flex;gap:14px;align-items:center}.callout b{font-size:12px;color:#3d6297;font-weight:600}.callout p{font-size:10px;color:#8598b2;line-height:1.8;margin:5px 0 0}footer{display:flex;justify-content:space-between;margin-top:35px;padding:22px 0;border-top:1px solid var(--line);color:#aab3c3;font-size:9px;letter-spacing:.2px}.banner{background:#fff0f2;padding:13px 16px;border:1px solid #fcdbe2;border-radius:8px;font-size:12px;margin-bottom:16px}.error{color:#bf4058;line-height:1.7}.muted{color:var(--muted)}.note{font-size:11px;color:#8a98b0;line-height:1.8;margin:15px 2px}dialog{border:1px solid #dfe7f2;border-radius:16px;box-shadow:0 25px 100px #0d285a30;padding:28px;width:min(560px,92vw);max-height:88vh;color:#1e2c46}dialog::backdrop{background:#11264865;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal-heading h2{font-size:21px;margin:9px 0}.modal-heading .icon-button{align-self:flex-start}.modal-form{display:grid;gap:17px}.modal-form .buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:100px 1fr;gap:14px 16px;font-size:12px;line-height:1.8}.detail-grid dt{color:#8a99af}.detail-grid dd{margin:0;overflow-wrap:anywhere}.summary{padding:16px;background:#f6f8fc;border-radius:9px;white-space:pre-wrap;word-break:break-word;font:12px/1.8 ui-monospace,monospace;max-height:320px;overflow:auto}.secret{background:#f0f5ff;padding:16px;border:1px solid #dce6fa;border-radius:8px;white-space:pre-wrap;word-break:break-all;max-height:280px;overflow:auto;user-select:all;font-size:11px}.toast{position:fixed;bottom:28px;left:calc(50% + 80px);transform:translateX(-50%);background:#12233b;color:white;border-radius:10px;padding:14px 23px;font-size:12px;z-index:10;box-shadow:0 6px 30px #0002}.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-art{position:relative;overflow:hidden;background:linear-gradient(140deg,#edf4ff,#f7faff 50%,#dfebff);padding:60px 65px}.login-art .wordmark{font-size:41px}.login-art h1{font-size:42px;line-height:1.6;margin-top:100px;letter-spacing:-1px;position:relative;z-index:1}.login-art p{font-size:13px;color:#8190aa;line-height:2;position:relative;z-index:1}.orb{position:absolute;width:650px;height:650px;border-radius:50%;border:100px solid #478cff16;bottom:-440px;left:-80px;box-shadow:0 0 0 80px #93baff15,0 0 0 150px #cfddfa30;transform:rotate(-20deg)}.art-bottom{position:absolute;bottom:45px;font-size:11px;color:#7f93b5;line-height:1.8}.login-form{align-self:center;padding:70px;max-width:510px;width:100%;margin:auto}.login-form h2{font-size:30px;letter-spacing:-.5px;margin:15px 0}.login-form>p{font-size:12px}.login-form form{display:grid;gap:21px;margin:35px 0 16px}.wide{width:100%;padding:13px 16px}.login-form .secondary{margin:5px 0 10px}.text-button{color:var(--blue);background:none;font-size:11px;padding:12px 0}.footnote{font-size:10px!important;color:#a4aebf;line-height:1.8;margin-top:24px!important}@media(min-width:1600px){.content{padding-top:50px}.stat-card{padding:25px 28px}.cards{gap:23px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 15px 0}main{margin-left:205px;width:calc(100% - 205px)}header{padding:0 25px}.content{padding:28px 25px 0}.overview-grid{grid-template-columns:1fr}.cards{gap:10px}.stat-card{padding:16px}.login-art{padding:45px}.login-art h1{font-size:33px}.login-form{padding:40px}.server-clock{display:none}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:20px;display:block;border-bottom:1px solid var(--line)}.sidebar .wordmark{font-size:25px}.sidebar .wordmark small,.workspace,.sidebar-bottom,.nav-label{display:none}nav{display:flex;overflow:auto;gap:5px;margin-top:18px}nav a{white-space:nowrap;padding:9px;font-size:11px}nav a span{display:none}.shell{display:block}main{margin:0;width:100%}header{height:58px;padding:0 20px}.content{padding:25px 16px}.cards{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:29px}.page-heading{align-items:flex-start}h1{font-size:24px}.page-heading p{font-size:11px;max-width:240px}.panel-head{padding:19px}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:40px 28px}.toast{left:50%}footer span:last-child{max-width:180px;text-align:right}td,th{padding:14px}.toolbar{padding:13px}.header-right{gap:10px}}

.spaced-panel{margin-top:22px}

.mobile-only{display:none}@media(max-width:760px){.mobile-only{display:inline-grid}}

.sidebar .nav-label{margin-top:36px}.content{padding-bottom:35px}.page-heading p:empty,.note:empty{display:none}

.segmented{display:flex;gap:5px;background:#f2f5fa;padding:4px;border-radius:9px}.segmented button{padding:8px 13px;border-radius:6px;color:#7b8aa2;background:none;font-size:12px}.segmented button.selected{background:white;color:#1875eb;box-shadow:0 1px 5px #153b6c12}.segmented span{margin-left:7px;color:#9ba7b9;font-size:10px}.secret-status{font-size:12px;color:#7b8ba3;margin-bottom:12px}.secret-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.panel-head:has(+.toolbar .segmented){border-bottom:0;padding-bottom:0}

.more-details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.more-details>summary{cursor:pointer;color:#8291a8;font-size:12px}.more-details .detail-grid{margin-top:18px}.more-details dd{font-family:ui-monospace,monospace;font-size:11px}.stat-foot:empty{display:none}
.customer-body{padding:24px}.customer-body .modal-form{max-width:600px}.connection-line{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line,#edf0f5);gap:20px}.connection-line small{display:block;margin-top:6px;color:#7b8498}.ticket-message{padding:18px 0;border-bottom:1px solid #edf0f5}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-message small{color:#7b8498}textarea{font:inherit;border:1px solid #dce2ec;border-radius:10px;padding:12px;width:100%;box-sizing:border-box;resize:vertical}

.computer-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.destructive{color:#b42332!important}.primary.destructive{background:#b42332;color:white!important}.connection-help{color:#748096;line-height:1.7}.device-heading{font-size:14px;margin-top:26px}.connection-steps{padding-left:22px;line-height:2.1}

/* Leave room for English labels and links at narrow widths. */
.auth-links{display:flex;flex-wrap:wrap;gap:0 18px}.auth-links .text-button{padding:8px 0}.detail-grid{grid-template-columns:minmax(100px,140px) minmax(0,1fr)}.customer-body details{line-height:1.7}.customer-body code{overflow-wrap:anywhere}.page-heading{flex-wrap:wrap}.connection-line>div,.connection-line>strong{min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.detail-grid{grid-template-columns:112px minmax(0,1fr)}.connection-line{gap:12px}.customer-body{padding:20px}}