.console-shell .user-settings-page{min-width:0;color:var(--console-text);background:#fff;padding:24px;font:13px/1.5 Hanken Grotesk,PingFang SC,Microsoft YaHei,sans-serif}.user-settings-breadcrumb{color:var(--console-outline);align-items:center;gap:10px;display:flex}.user-settings-breadcrumb strong{color:var(--console-text);font-weight:500}.user-settings-breadcrumb :is(.console-icon,.user-settings-icon){font-size:16px}.user-settings-heading{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 20px;display:flex}.user-settings-heading h1{margin:0 0 4px;font-weight:600}.user-settings-heading p{color:var(--console-outline);font-size:13px}.user-settings-tabs{border-bottom:1px solid var(--console-border);gap:24px;margin-bottom:20px;display:flex;overflow-x:auto}.user-settings-tabs a{color:var(--console-outline);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 0 8px;font-size:13px;display:inline-flex}.user-settings-tabs a[aria-current=page]{color:var(--console-accent);border-color:var(--console-accent);font-weight:600}.user-settings-tabs a:hover{color:var(--console-text)}.user-settings-tabs :is(.console-icon,.user-settings-icon){font-size:16px}.user-settings-stack{flex-direction:column;gap:20px;min-width:0;display:flex}.user-settings-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-settings-network-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.user-settings-network-grid>.user-settings-stack{gap:16px}.user-settings-notification-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.user-settings-card{border:1px solid var(--console-border);background:#fff;border-radius:10px;min-width:0;padding:16px}.user-settings-card-heading{border-bottom:1px solid #d9e3f699;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.console-shell .user-settings-card-heading h2{align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:22px;display:flex}.user-settings-card-heading h2 :is(.console-icon,.user-settings-icon){color:var(--console-accent)}.user-settings-card-heading p{color:var(--console-outline);margin-top:2px;font-size:11px}.console-shell .user-settings-page .user-settings-help,.console-shell .user-settings-dialog .user-settings-help{color:var(--console-outline);font-size:11px;font-weight:400;line-height:1.6;display:block}.user-settings-help+.user-settings-table-scroll,.user-settings-table-scroll+.user-settings-help,.user-settings-card>.user-settings-help:last-child{margin-top:12px}.user-settings-profile-row{border-bottom:1px solid #d9e3f666;align-items:center;gap:10px;min-height:42px;padding:6px 0;display:flex}.user-settings-profile-row:last-child{border-bottom:0}.user-settings-profile-row>:first-child{color:var(--console-outline);flex:0 0 74px;font-weight:400}.user-settings-profile-value{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.user-settings-profile-value strong{font-weight:500}.user-settings-profile-editor{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.user-settings-profile-editor input{width:100%;min-width:0}.user-settings-profile-form{border-bottom:1px solid #d9e3f666;padding:4px 0}.user-settings-profile-form .user-settings-profile-row{border:0}.user-settings-password-mask{color:var(--console-outline);letter-spacing:2px;flex:1}.console-shell .user-settings-page .user-settings-badge,.console-shell .user-settings-dialog .user-settings-badge,.console-shell .user-settings-page table .user-settings-badge{border:1px solid var(--console-border);background:var(--console-surface);color:var(--console-accent);white-space:nowrap;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.25;display:inline-flex}.console-shell .user-settings-page .user-settings-badge.is-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.console-shell .user-settings-page .user-settings-badge.is-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.console-shell .user-settings-page .user-settings-badge.is-muted{color:var(--console-outline);background:#f5f6ff;border-color:#d9e3f699}.user-settings-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.user-settings-heading>.user-settings-badge{border-radius:999px}.user-settings-text-button{color:var(--console-accent);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.user-settings-text-button:hover{text-decoration:underline}.user-settings-text-button :is(.console-icon,.user-settings-icon){font-size:15px}.user-settings-button{border:1px solid var(--console-border);min-height:30px;color:var(--console-accent);white-space:nowrap;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.user-settings-button :is(.console-icon,.user-settings-icon){font-size:15px}.user-settings-button:hover{background:var(--console-surface)}.user-settings-button.is-primary{color:#fff;background:var(--console-accent);border-color:var(--console-accent)}.user-settings-button.is-primary:hover{background:#3d19d6}.user-settings-button.is-danger,.user-settings-text-button.is-danger{color:#e11d48}.user-settings-button:disabled,.user-settings-text-button:disabled{cursor:wait;opacity:.55}.user-settings-totp{margin-top:10px}.user-settings-totp>div{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.user-settings-totp strong{font-weight:500}.user-settings-totp button{margin-left:auto}.user-settings-verify{margin:4px 0 8px 84px}.user-settings-preferences{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-settings-preferences label{min-width:0;color:var(--console-outline);flex-direction:column;gap:4px;font-size:11px;display:flex}.user-settings-page input:not([type=checkbox]),.user-settings-page select,.user-settings-dialog input{border:1px solid var(--console-border);background:var(--console-surface);min-height:32px;color:var(--console-text);border-radius:4px;padding:5px 10px;font-size:13px}.user-settings-page select{width:100%;min-width:0;height:34px}.user-settings-page :is(input,select,a,button):focus-visible,.user-settings-dialog :is(input,a,button):focus-visible{outline:2px solid var(--console-accent);outline-offset:2px}.user-settings-information-row{border-bottom:1px solid #d9e3f666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.user-settings-information-row:last-child{border-bottom:0}.user-settings-information-row>span:first-child{color:var(--console-outline)}.user-settings-information-row strong{font-weight:500}.user-settings-information-row code{overflow-wrap:anywhere}.user-settings-toggle-row{cursor:pointer;border-bottom:1px solid #d9e3f680;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.user-settings-toggle-row:last-child{border-bottom:0}.user-settings-toggle-row>span{min-width:0}.user-settings-toggle-row strong{margin-bottom:4px;font-size:13px;font-weight:500;display:block}.user-settings-switch{appearance:none;cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;flex:0 0 40px;width:40px;height:20px;margin-top:2px;transition:background-color .15s;position:relative}.user-settings-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.user-settings-switch:checked{background:var(--console-accent)}.user-settings-switch:checked:after{transform:translate(20px)}.user-settings-switch:disabled{cursor:wait;opacity:.5}.user-settings-note{background:var(--console-surface);color:var(--console-accent);border-radius:4px;margin:8px 0;padding:8px;font-size:11px;line-height:1.6}.user-settings-table-scroll{max-width:100%;overflow-x:auto}.user-settings-table-scroll table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}.user-settings-table-scroll tr{border-bottom:1px solid #d9e3f680;height:40px}.user-settings-table-scroll thead{background:var(--console-surface)}.user-settings-table-scroll th{font-weight:600}.user-settings-table-scroll :is(th,td){padding:6px 12px}.user-settings-preview :is(th,td){padding:6px 8px}.user-settings-devices{min-width:640px}.user-settings-devices tbody tr:hover{background:#f8f9ff}.user-settings-device-name{align-items:center;gap:8px;font-weight:500;display:inline-flex}.user-settings-device-name :is(.console-icon,.user-settings-icon){color:var(--console-outline)}.user-settings-align-right{text-align:right}.user-settings-empty{text-align:center;color:var(--console-outline);padding:28px 12px;font-size:13px}.user-settings-preview-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.user-settings-mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.user-settings-email-summary{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 12px;display:flex}.user-settings-notification-grid .user-settings-text-button{margin-top:12px}.console-shell .user-settings-dialog{border:1px solid var(--console-border);max-width:520px;color:var(--console-text);background:#fff;border-radius:10px;padding:20px;font-size:13px}.user-settings-password-form{flex-direction:column;gap:16px;display:flex}.user-settings-password-form label{flex-direction:column;gap:6px;display:flex}.user-settings-dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.user-settings-error{color:var(--console-error);margin-top:6px;font-size:13px}@media (max-width:1100px){.user-settings-network-grid,.user-settings-notification-grid{grid-template-columns:1fr}}@media (max-width:850px){.user-settings-two-columns{grid-template-columns:1fr}}@media (max-width:600px){.console-shell .user-settings-page{padding:16px}.user-settings-heading{flex-direction:column;align-items:flex-start;gap:8px}.user-settings-tabs{gap:18px}.user-settings-profile-editor{flex-wrap:wrap}.user-settings-profile-editor input{flex-basis:100%}.user-settings-preferences{grid-template-columns:1fr}.user-settings-card-heading>.user-settings-help{display:none}}.user-settings-icon{stroke-width:1.5px;vertical-align:middle;flex-shrink:0;width:18px;height:18px;display:inline-block}
.service-console{color:#121c2a;background:#fff;min-height:calc(100dvh - 120px);font-size:13px}.service-console h1{margin:0;font-size:20px;font-weight:700}.service-heading{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;display:flex}.service-heading p{color:#787589;margin:6px 0 0}.service-heading h1{align-items:center;gap:8px;display:flex}.service-heading .console-icon{color:#4c22ff}.service-console button,.service-dialog button{cursor:pointer}.service-console button:disabled,.service-dialog button:disabled{cursor:not-allowed;opacity:.45}.service-console .service-primary,.service-dialog .service-primary{color:#fff;white-space:nowrap;background:#3600d0;border:1px solid #3600d0;border-radius:6px;padding:8px 14px}.service-secondary{color:#4c22ff;white-space:nowrap;background:#eff4ff;border:1px solid #d9e3f6;border-radius:6px;padding:7px 12px}.service-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;display:flex}.service-toolbar>span{color:#787589}.service-toolbar select{background:#fff;border:1px solid #d9e3f6;border-radius:6px;height:36px;padding:0 28px 0 10px;font-size:13px}.service-search{background:#eff4ff;border:1px solid #d9e3f6;border-radius:6px;align-items:center;gap:8px;width:360px;min-width:230px;height:36px;padding:0 10px;display:flex;overflow:visible}.service-search:focus-within{outline-offset:2px;outline:2px solid #4c22ff}.service-search .console-icon{color:#94a3b8;font-size:18px}.service-search input{background:0 0;width:100%;min-width:0;font-size:13px;box-shadow:none!important;border:0!important;outline:none!important}.service-table-frame{background:#fff;border:1px solid #d9e3f6;border-radius:10px;overflow:auto}.service-table{border-collapse:collapse;white-space:nowrap;width:100%;min-width:850px;font-size:13px}.service-table th,.service-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e6edfa;height:40px;padding:0 14px}.service-table th{color:#64748b;background:#eff4ff;font-weight:600}.service-console tbody tr,.service-console tbody tr:nth-child(2n),.admin-page .service-table tbody tr,.admin-page .service-table tbody tr:nth-child(2n){background:#fff}.service-console tbody tr:hover,.admin-page .service-table tbody tr:hover{background:#eff4ff66}.service-table tbody tr:last-child td{border-bottom:0}.service-table .service-editable-row{cursor:pointer}.service-table .service-editable-row:focus-visible{outline-offset:-2px;outline:2px solid #4c22ff}.service-table td:last-child,.service-table th:last-child{text-align:right}.service-table td .service-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.service-actions button{color:#4c22ff;background:0 0;border:0;font-size:13px}.service-actions button.service-danger{color:#dc2626}.service-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.service-clip{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.service-network-tags{align-items:center;gap:5px;max-width:260px;display:flex;overflow:hidden}.service-badge{color:#787589;white-space:nowrap;background:#eff4ff;border-radius:5px;padding:3px 8px;font-size:11px;display:inline-block}.service-badge.is-active{color:#087f68;background:#e6faf3}.service-pagination{color:#787589;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:13px;display:flex}.service-pagination>div{align-items:center;gap:8px;display:flex}.service-pagination select,.service-pagination button{background:#fff;border:1px solid #d9e3f6;border-radius:5px;min-width:30px;height:30px;padding:0 8px;font-size:13px}.service-page-number{color:#fff;background:#3600d0;border-radius:5px;place-items:center;min-width:30px;height:30px;display:grid}.service-empty{color:#94a3b8;text-align:center!important;height:100px!important}.service-note{color:#64748b;background:#eff4ff;border:1px solid #d9e3f6;border-radius:7px;margin:12px 0;padding:10px 12px;font-size:13px;line-height:1.7}.service-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;padding:10px}.service-tabs{border-bottom:1px solid #d9e3f6;gap:20px;margin-bottom:18px;display:flex}.service-tabs button{color:#64748b;border-bottom:2px solid #0000;padding:10px 0}.service-tabs button[aria-selected=true]{color:#4c22ff;border-color:#4c22ff}.service-dialog-backdrop{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.service-dialog{color:#121c2a;background:#fff;border:1px solid #d9e3f6;border-radius:12px;width:min(1080px,96vw);max-height:92dvh;font-size:13px;overflow:auto;box-shadow:0 25px 50px #0000002e}.service-dialog--wide{width:min(1180px,96vw)}.service-dialog>header{border-bottom:1px solid #d9e3f6;justify-content:space-between;align-items:center;height:62px;padding:0 24px;display:flex}.service-dialog>header h2{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.service-dialog>header button{color:#787589}.service-form{padding:22px 24px}.service-form .service-field{flex-direction:column;gap:7px;min-width:0;display:flex}.service-form .service-field>span{font-weight:500}.service-form input:not([type=checkbox]),.service-form select,.service-form textarea{color:#121c2a;background:#fff;border:1px solid #d9e3f6;border-radius:6px;width:100%;min-width:0;height:36px;padding:0 10px;font-size:13px}.service-form textarea{resize:vertical;height:auto;min-height:76px;padding:8px 10px}.service-form input:focus,.service-form select:focus,.service-form textarea:focus{outline-offset:2px;outline:2px solid #4c22ff}.service-form input:disabled,.service-form select:disabled,.service-form textarea:disabled{color:#94a3b8;background:#f8faff}.service-first-row{background:#f8faff;border:1px solid #d9e3f6;border-radius:8px;align-items:end;gap:16px;padding:16px;display:grid}.service-endpoint-input{align-items:center;gap:8px;display:flex}.service-endpoint-input input:last-child:not(:first-child){max-width:92px}.service-form-section{margin-top:20px}.service-form-section h3{margin-bottom:10px;font-size:14px;font-weight:600}.service-network-picker{border:1px solid #d9e3f6;border-radius:7px;max-height:180px;overflow:auto}.service-network-picker label{border-bottom:1px solid #e6edfa;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.service-network-picker label:last-child{border-bottom:0}.service-network-picker label .service-badge{margin-left:auto}.service-form input[type=checkbox]{accent-color:#4c22ff;width:16px;height:16px}.service-toggle-field{flex-direction:column;gap:7px;font-weight:500;display:flex}.service-toggle{align-items:center;width:36px;height:36px;display:flex;position:relative}.service-toggle input{opacity:0;z-index:1;cursor:pointer;position:absolute;inset:8px 0;width:36px!important;height:20px!important}.service-toggle i{background:#cbd5e1;border-radius:99px;width:36px;height:20px;display:block;position:relative}.service-toggle i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.service-toggle input:checked+i{background:#3600d0}.service-toggle input:checked+i:after{transform:translate(16px)}.service-toggle input:focus-visible+i{outline-offset:2px;outline:2px solid #4c22ff}.service-toggle input:disabled+i{opacity:.5}.service-form-actions{border-top:1px solid #d9e3f6;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:16px;display:flex}.service-form-actions .service-note{background:0 0;border:0;margin:0 auto 0 0;padding:0;font-size:11px}.service-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.service-check-row{align-items:center;gap:10px;padding:10px 0;display:flex}.service-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.service-choices fieldset{border:1px solid #d9e3f6;border-radius:7px;padding:12px}.service-choices legend{padding:0 6px;font-weight:600}.service-candidate-list{max-height:220px;overflow:auto}.service-candidate-list label{align-items:center;gap:8px;min-height:36px;display:flex}.service-acl-row{grid-template-columns:25px 85px 1fr 180px 42px;align-items:center;gap:8px;margin:8px 0;display:grid}.service-summary{flex-wrap:wrap;gap:10px;display:flex}.service-summary>span{color:#64748b;background:#eff4ff;border-radius:7px;padding:10px 14px}.service-summary strong{color:#121c2a;margin-left:8px}.service-details{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}@media (max-width:850px){.service-first-row.discovery,.service-first-row.discovery.is-admin,.service-first-row.relay,.service-first-row.relay.is-admin{grid-template-columns:repeat(2,minmax(0,1fr))}.service-policy-grid,.service-choices{grid-template-columns:1fr}.service-dialog-backdrop{padding:12px}.service-form{padding:16px}.service-acl-row{grid-template-columns:22px 70px 1fr}.service-acl-row input:last-of-type{grid-column:2/4}}.service-console .admin-policy-table :is(th,td){white-space:nowrap;height:40px;padding:4px 12px;line-height:16px}.service-console .admin-policy-table .admin-policy-inline{flex-flow:row;align-items:center;gap:8px;display:flex}.service-table.admin-app-routes-table .admin-route-candidates{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:4px 12px;min-width:660px;max-width:none;padding:6px 0;display:grid;overflow:visible}.service-table.admin-app-routes-table :is(th,td){height:40px;padding-top:0;padding-bottom:0}.service-table.admin-app-routes-table .admin-route-candidate{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:20px}.service-table.admin-app-routes-table .admin-route-candidate:before{content:none}.service-console .admin-stats{margin-bottom:18px}.service-first-row.discovery{grid-template-columns:minmax(150px,1fr) minmax(220px,1.5fr) 85px 80px}.service-first-row.discovery.is-admin{grid-template-columns:minmax(150px,1fr) minmax(220px,1.5fr) 85px 80px 80px}.service-first-row.relay{grid-template-columns:minmax(150px,1fr) minmax(220px,1.5fr) 85px 80px}.service-provider-picker{min-width:0;position:relative}.service-provider-picker>input{width:100%}.service-provider-options{z-index:20;background:#fff;border:1px solid #d9e3f6;border-radius:8px;min-width:100%;max-height:280px;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 6px 18px #19213b1a}.service-provider-options>button{text-align:left;white-space:nowrap;background:#fff;width:100%;padding:8px 10px;font-size:13px;display:block}.service-provider-options>button:hover,.service-provider-options>button[aria-selected=true]{background:#eef3ff}.service-provider-options p{padding:8px 10px;font-size:13px}.service-table td>.service-toggle-field{justify-content:center;align-items:center;display:flex}.service-table td>.service-toggle-field>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.service-first-row.discovery,.service-first-row.discovery.is-admin,.service-first-row.relay,.service-first-row.relay.is-admin{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-provider-picker>input[readonly]{cursor:default;background:#f8faff}.service-first-row.relay.is-admin{grid-template-columns:minmax(140px,1fr) minmax(200px,1.5fr) 75px 80px 80px}.service-form input[readonly]{color:#687389;cursor:default;background:#f1f3f8}.service-rotation-plan{background:#f8faff;border:1px solid #d8e2ff;border-radius:10px;gap:8px;padding:12px;display:grid}.service-rotation-plan h3{font-size:13px;font-weight:600}@media (max-width:1100px){.service-first-row.relay.is-admin{grid-template-columns:repeat(2,minmax(0,1fr))}}
