:root{color:#263348;font-synthesis:none;--ink:#263348;--muted:#5f6e83;--blue:#3368da;--nav:#192232;--canvas:#f6f8fb;--border:#e3e8f0;--sidebar:238px;background:#f6f8fb;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}body,button,input,select,textarea{font-family:Segoe UI,Arial,sans-serif}button,input,select,textarea{font-size:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--blue);text-decoration:none}button,a{touch-action:manipulation}button{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #4a85ef}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;align-items:center;gap:12px;font-size:29px;font-weight:650;line-height:1.25;display:flex}h2{letter-spacing:-.25px;font-size:16px;font-weight:650}h3{font-size:14px;font-weight:650}svg{vertical-align:middle;flex-shrink:0}input,select{min-height:40px;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:7px;max-width:100%;padding:9px 12px}input::placeholder{color:#7a8494}select{padding-right:28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.skip-link{z-index:100;background:#fff;border-radius:6px;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:10px}.demo-app{min-height:100vh;color:var(--ink);background:var(--canvas);font-size:13px;line-height:1.5}.app-sidebar{width:var(--sidebar);z-index:40;background:var(--nav);color:#ced4e1;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-brand{color:#fff;letter-spacing:-.8px;align-items:center;gap:11px;padding:27px 25px 24px;font-size:25px;font-weight:650;display:flex}.app-brand small{color:#a0adbf;letter-spacing:2px;margin-top:-2px;font-size:9px;font-weight:500;display:block}.brand-mark{letter-spacing:-3px;background:#3973ec;border-radius:9px;justify-content:center;align-items:center;width:35px;height:37px;padding-right:4px;font-size:26px;font-weight:750;display:inline-flex}.brand-mark span{color:#fff}.workspace-switch{background:#202a3b;border:1px solid #344052;border-radius:8px;align-items:center;gap:9px;margin:0 16px 16px;padding:11px 10px;display:flex}.workspace-switch>span:nth-child(2){flex:1;min-width:0}.workspace-switch strong{color:#f2f4f9;font-size:12px;font-weight:550}.workspace-switch small{color:#a4afc0;margin-top:1px;font-size:10px;display:block}.workspace-logo{color:#f0f3fa;background:#414d65;border-radius:6px;place-items:center;width:30px;height:30px;font-weight:650;display:grid}.nav-group{margin:13px 12px 0}.nav-group>p{text-transform:uppercase;letter-spacing:1.3px;color:#94a0b5;padding:0 13px 7px;font-size:9px;font-weight:650}.nav-group a{color:#bdc7d8;border-radius:6px;align-items:center;gap:10px;min-height:41px;margin:2px 0;padding:10px 12px;font-size:12px;transition:background-color .15s;display:flex}.nav-group a:hover{color:#fff;background:#273247}.nav-group a.selected{color:#fff;background:#2f64d6;box-shadow:inset 0 1px #ffffff13}.nav-group a.selected svg{color:#fff}.nav-count{color:#e1e7f3;text-align:center;background:#3c475c;border-radius:4px;min-width:19px;margin-left:auto;font-size:10px}.sidebar-footer{margin:auto 20px 0;padding:28px 0 17px;font-size:11px}.sidebar-status{color:#c2cddb;align-items:center;gap:7px;display:flex}.sidebar-status>span{background:#6ec9a6;border-radius:50%;width:6px;height:6px}.sidebar-footer p{color:#98a5b9;margin:4px 0 19px 13px;font-size:10px}.sidebar-version{color:#b1bdd0;border-top:1px solid #303b4e;justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.sidebar-version>span{color:#95a2b8}.app-body{margin-left:var(--sidebar);flex-direction:column;min-height:100vh;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:0 32px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;min-width:0;font-size:12px;display:flex}.breadcrumb strong{color:#354155;font-weight:500}.breadcrumb svg{color:#a4acb9}.topbar-actions{align-items:center;gap:16px;display:flex}.environment{color:#745c21;background:#fbf4e3;border:1px solid #eddfba;border-radius:5px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.environment>span{background:#b68d2e;border-radius:50%;width:5px;height:5px}.topbar-divider{background:var(--border);width:1px;height:23px}.admin-profile{color:#354155;align-items:center;gap:9px;font-size:12px;font-weight:550;display:flex}.admin-profile small{color:var(--muted);font-size:10px;font-weight:400;display:block}.notification-bell{position:relative}.notification-bell i{background:#e47764;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:9px;box-shadow:0 0 0 2px #fff}.demo-ribbon{color:#49648b;background:#eef3fc;border-bottom:1px solid #e0e8f7;justify-content:space-between;align-items:center;gap:16px;min-height:32px;padding:7px 32px;font-size:10px;display:flex}.demo-ribbon>span{align-items:center;gap:7px;display:flex}.demo-ribbon-note{color:#536780}.app-main{outline:none;flex:1;min-width:0;padding:31px 32px 0}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-kicker{color:#5f6e83;letter-spacing:1.6px;margin-bottom:8px;font-size:9px;font-weight:650}.page-heading p{color:var(--muted);margin-top:8px;font-size:12px}.heading-count{color:#52637a;letter-spacing:0;background:#eaf0f9;border:1px solid #dce2eb;border-radius:6px;justify-content:center;align-items:center;min-width:28px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.heading-actions,.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.primary-button,.secondary-button,.danger-button,.danger-outline,.quiet-button,.date-chip{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 13px;font-size:12px;font-weight:550;line-height:1.3;display:inline-flex}.primary-button{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 1px 2px #23314b15}.primary-button:hover{background:#2457c5}.secondary-button,.date-chip{color:#3f4b5f;background:#fff;border-color:#dce1e9;box-shadow:0 1px 2px #23314b04}.secondary-button:hover{background:#f7f9fc;border-color:#c2ccdc}.quiet-button{color:var(--blue);background:0 0;min-height:34px;padding:6px 8px}.quiet-button:hover{background:#eef3fd}.danger-button{color:#fff;background:#b43742}.danger-outline{color:#ac3441;background:#fff;border-color:#e8c7cc}.icon-button{color:#6e7c90;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:34px;padding:0;display:inline-flex}.icon-button:hover{color:#365d9b;background:#eef2f8}.menu-toggle{display:none}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:9px;padding:17px 19px 15px;box-shadow:0 1px 2px #1e293b03}.metric-top{color:#59657a;justify-content:space-between;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.metric-icon{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.metric>strong{letter-spacing:-.8px;margin:4px 0;font-size:28px;font-weight:650;line-height:1.3;display:block}.metric small{color:var(--muted);font-size:10px}.blue{color:#3f69b0;background:#eaf1fe}.teal{color:#26775b;background:#e7f5ef}.violet{color:#6e589e;background:#eeebfc}.rose{color:#984762;background:#fae9ef}.amber{color:#875d24;background:#fcf1df}.slate{color:#52647c;background:#e9edf2}.indigo{color:#515e9e;background:#e8ecfd}.lime{color:#5f6c27;background:#eef3df}.data-panel{border:1px solid var(--border);background:#fff;border-radius:9px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #1e293b03}.panel-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:24px;min-height:54px;padding:0 20px;display:flex;overflow-x:auto}.panel-tabs>button{color:#6b7689;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:16px 0;font-size:12px;display:inline-flex;position:relative}.panel-tabs>button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}.panel-tabs>button>span{color:#596b84;background:#eff2f7;border-radius:5px;padding:1px 6px;font-size:10px}.panel-tabs>button.active>span{color:#3a67c3;background:#eaf0fe}.table-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.search-field{align-items:center;width:min(330px,100%);display:flex;position:relative}.search-field>svg{color:#8893a3;position:absolute;left:12px}.search-field input{background:#fff;width:100%;min-height:37px;padding-left:38px;font-size:11px}.toolbar-end{align-items:center;gap:16px;display:flex}.toolbar-end select{min-height:36px;font-size:11px}.table-total{color:#5f6e83;white-space:nowrap;font-size:10px}.filter-counter{color:#2d5cbd;background:#e4ecfd;border-radius:4px;padding:1px 5px}.expanded-filters{align-items:flex-end;gap:15px;padding:0 20px 16px;display:flex}.expanded-filters label{color:#657086;flex-direction:column;gap:5px;font-size:11px;display:flex}.table-scroll{scrollbar-width:thin;scrollbar-color:#c5cfdf transparent;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#5f6e83;white-space:nowrap;background:#f8f9fc;border-top:1px solid #edf0f5;border-bottom:1px solid #e8edf4;padding:11px 15px;font-size:10px;font-weight:500}td{vertical-align:middle;border-bottom:1px solid #edf0f5;padding:17px 15px}td:first-child,th:first-child{padding-left:20px}td:last-child,th:last-child{padding-right:17px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.users-table{min-width:950px}.person-cell{color:#263348;align-items:center;gap:10px;display:flex}.person-cell>span:nth-child(2){min-width:160px;max-width:230px}.person-cell strong{overflow-wrap:anywhere;font-size:11px;font-weight:600}.person-cell small,.cell-subtitle{color:#5f6e83;margin-top:3px;font-size:10px;display:block}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:11px;font-weight:550;display:inline-grid}.avatar-small{width:31px;height:31px;font-size:10px}.avatar-large{width:65px;height:65px;font-size:22px}.status-badge{color:#617085;white-space:nowrap;background:#f1f3f7;border:1px solid #e8ecf2;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;font-weight:500;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}.status-active,.status-succeeded,.status-delivered,.status-published,.status-Разрешено{color:#2d7b59;background:#edf8f1;border-color:#dceee2}.status-blocked,.status-failed,.status-dead_letter,.status-Запрещено{color:#b24c57;background:#fdf0f0;border-color:#f4e0e2}.status-warning,.status-past_due,.status-canceling,.status-pending,.status-queued{color:#956719;background:#fcf6e9;border-color:#f0e7d1}.status-system,.status-refunded{color:#6a5d9c;background:#f3f0fb;border-color:#e9e3f7}.role-label{color:#657086;white-space:nowrap;font-size:10px}.role-admin{color:#725c98;background:#f1eef9;border-radius:4px;padding:4px 6px}.plan-tag{color:#5f6e83;font-size:10px}.plan-pro,.plan-business{color:#5072ab;font-weight:600}.plan-business{color:#7966a8}.date-cell,.last-seen{color:#5f6e83;white-space:nowrap;font-size:10px}.online-indicator{background:#469e75;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.row-action{width:27px}.table-footer{border-top:1px solid var(--border);color:#5f6e83;justify-content:space-between;align-items:center;min-height:53px;padding:12px 20px;font-size:10px;display:flex}.pagination{align-items:center;gap:6px;display:inline-flex}.pagination>span{color:#3763bc;background:#eef3fd;border:1px solid #dce6fc;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.context-note{color:#5f6e83;align-items:flex-start;gap:8px;margin:17px 0 25px;font-size:10px;display:flex}.context-note svg{color:#97a6bc;margin-top:1px}.app-footer{color:#5f6e83;border-top:1px solid #e5e9f0;justify-content:space-between;gap:15px;margin:33px 0 0;padding:16px 0 19px;font-size:9px;display:flex}.footer-dot{padding:0 7px}.prototype-tools{border-top:1px solid var(--border);color:#5f6e83;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:10px 32px;font-size:10px;display:flex}.prototype-tools>label{white-space:nowrap;align-items:center;gap:8px;display:flex}.prototype-tools select{min-height:31px;padding:5px 23px 5px 8px;font-size:10px}.global-search{align-items:center;gap:7px;display:flex}.global-search input{border:0;width:175px;min-height:30px;padding:5px;font-size:10px}.global-search .quiet-button{min-height:30px;font-size:10px}.feedback{border:1px solid;border-radius:7px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:12px;display:flex}.feedback>span{flex:1}.feedback-success{color:#267249;background:#eef8f1;border-color:#d2e8da}.feedback-warning{color:#86621b;background:#fff8e9;border-color:#eedeb9}.feedback-error{color:#ac3e49;background:#fdf1f1;border-color:#efcbd1}.state-panel{text-align:center;border:1px solid var(--border);background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:420px;padding:70px 20px;display:flex}.state-panel h1{font-size:24px}.state-panel p{max-width:470px;color:var(--muted)}.state-symbol{color:#6684b2;background:#eef3fb;border-radius:18px;place-items:center;width:68px;height:68px;display:grid}.error-symbol{color:#ad5761;background:#fceef0}.inline-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:35px 20px;display:flex}.inline-empty h2{color:#42516a}.loading-view h1{margin-bottom:12px}.loading-view p{color:var(--muted);margin-bottom:20px}.skeleton-line,.skeleton-row{background:#e4e9f2;border-radius:7px;margin-bottom:12px}.skeleton-line{height:55px}.skeleton-row{background:#edf0f6;height:65px}.back-link{color:#6a7d99;align-items:center;gap:7px;margin-bottom:22px;font-size:11px;display:inline-flex}.identity-heading{align-items:center;gap:17px;min-width:0;display:flex}.identity-heading h1{overflow-wrap:anywhere;display:block}.identity-heading p{overflow-wrap:anywhere}.inline-dot{color:#a7b1bf;padding:0 9px}.mono{font-family:Consolas,monospace;font-size:11px}.detail-tabs{border-bottom:1px solid #dde3ed;gap:25px;margin:0 0 26px;display:flex;overflow-x:auto}.detail-tabs a,.detail-tabs button{color:#5f6e83;white-space:nowrap;background:0 0;border:0;padding:12px 0 14px;font-size:12px}.detail-tabs .active{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}.profile-grid{grid-template-columns:minmax(0,1fr) 290px;gap:22px;display:grid}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:21px 22px;display:flex}.panel-heading h2{align-items:center;gap:9px;display:flex}.panel-heading p{color:var(--muted);margin-top:5px;font-size:11px}.muted{color:var(--muted);font-size:11px}.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin:0;padding:8px 23px 22px;display:grid}.profile-facts>div{padding-top:20px}.profile-facts dt{color:#5f6e83;margin-bottom:5px;font-size:10px}.profile-facts dd{color:#384860;overflow-wrap:anywhere;margin:0;font-size:12px}.profile-section{border-top:1px solid var(--border);padding:22px}.profile-section p{color:var(--muted);margin:6px 0 17px;font-size:11px}.summary-panel{padding:24px}.summary-icon{color:#6d7fba;background:#edf1fc;border-radius:10px;place-items:center;width:43px;height:43px;display:inline-grid}.summary-panel h2{margin-top:12px;font-size:23px}.summary-panel>p{color:var(--muted);margin-top:4px;font-size:11px}.summary-divider{border-top:1px solid var(--border);margin:23px 0}.summary-panel dl{font-size:11px}.summary-panel dl>div{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.summary-panel dt{color:var(--muted)}.summary-panel dd{margin:0}.summary-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;font-size:12px;display:flex}.profile-tip{color:#7c8da6;padding:24px 8px}.profile-tip h3{color:#566a88;margin:10px 0 6px;font-size:12px}.profile-tip p{font-size:11px;line-height:1.7}.access-role{align-items:center;gap:13px;padding:23px;display:flex}.access-role>div{flex:1}.access-role p{color:var(--muted);margin-top:3px;font-size:11px}.records-table{min-width:830px}.records-table td{padding-top:19px;padding-bottom:19px}.record-title{text-align:left;color:#364b6a;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.record-title:hover{color:var(--blue);text-decoration:underline}.value-cell{color:#53647f;white-space:nowrap;font-size:11px}.subtle-link{color:#556d92;font-size:11px}.subtle-link:hover{text-decoration:underline}.highlighted-row{background:#eff4ff}.resource-filter{background:#f2f6fd;justify-content:space-between;padding:8px 20px;font-size:11px;display:flex}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;margin-bottom:25px;display:grid}.live-label{color:#5f6e83;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.live-label>span{background:#68a890;border-radius:50%;width:5px;height:5px}.attention-row{border-bottom:1px solid var(--border);color:#37445b;align-items:center;gap:13px;padding:22px;display:flex}.attention-row:hover{background:#fbfcff}.attention-row>span:nth-child(2){flex:1}.attention-row strong{font-size:12px;font-weight:600}.attention-row small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.attention-icon{color:#b88c59;background:#fcf1e8;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.attention-foot{color:var(--muted);align-items:center;gap:7px;padding:16px 22px;font-size:10px;display:flex}.quick-panel>button,.quick-panel>a{text-align:left;color:#475b79;background:#fff;border:0;align-items:center;gap:12px;width:100%;padding:16px 22px;display:flex}.quick-panel>button:hover,.quick-panel>a:hover{background:#f8faff}.quick-panel>button>span:nth-child(2),.quick-panel>a>span:nth-child(2){flex:1;font-size:12px}.quick-panel small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.quick-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.activity-list{padding:0 22px}.activity-item{text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:14px;width:100%;padding:18px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-dot{background:#799dd7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #edf2fa}.activity-item>span:nth-child(2){flex:1}.activity-item strong{font-size:12px;font-weight:500}.activity-item small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.activity-item time{color:var(--muted);font-size:10px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.plan-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:22px}.featured-plan{border-top:3px solid #5481db;padding-top:20px}.plan-card-top{justify-content:space-between;align-items:center;gap:7px;display:flex}.plan-card-top h2{font-size:17px}.plan-card>p{color:var(--muted);margin-top:8px;font-size:11px}.plan-price{color:#2b3b56;margin:20px 0;font-size:26px;font-weight:600}.plan-price small{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.plan-card ul{color:#61728e;min-height:75px;margin-bottom:23px;padding:0;font-size:11px;list-style:none}.plan-card li{align-items:flex-start;gap:7px;padding:5px 0;display:flex}.plan-card .secondary-button{width:100%}.payment-summary{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:40px;margin-bottom:24px;padding:23px;display:flex}.payment-summary>div{min-width:130px}.payment-summary>div>span{color:var(--muted);font-size:11px;display:block}.payment-summary strong{color:#354a69;margin-top:6px;font-size:24px;font-weight:600;display:block}.payment-note{max-width:180px;color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.module-item{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:23px;display:flex}.module-item:nth-child(odd){border-right:1px solid var(--border)}.module-item>div{flex:1}.module-item strong{color:#435775;font-weight:600;display:block}.module-item small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.module-icon{color:#7a91b2;background:#f0f4fa;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.switch{width:36px;padding:5px 0;display:flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;min-height:0;margin:0;position:absolute;top:0;left:0}.switch>span{background:#c1c9d6;border-radius:20px;width:36px;height:21px;display:block;position:relative}.switch>span:before{content:"";background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0002}.switch input:checked+span{background:#3970d9}.switch input:checked+span:before{left:18px}.switch input:focus-visible+span{outline-offset:3px;outline:3px solid #4a85ef}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;display:grid}.integration-row{border-bottom:1px solid var(--border);color:#566b8a;justify-content:space-between;align-items:center;gap:20px;padding:18px 23px;font-size:12px;display:flex}.settings-note{color:var(--muted);padding:18px 23px;font-size:10px}.template-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:23px;display:flex}.template-item small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.template-item p{color:#6c7e97;margin-top:12px;font-size:12px}.demo-dialog{width:min(520px,100vw - 32px);max-height:calc(100dvh - 36px);color:var(--ink);background:#fff;border:1px solid #dfe5ee;border-radius:13px;padding:0;box-shadow:0 24px 90px #101b3c30}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15223966}.demo-dialog form{padding:23px}.demo-dialog header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eyebrow{letter-spacing:1.5px;color:#8a96aa;font-size:9px}.demo-dialog h2{margin-bottom:12px;font-size:23px}.demo-dialog p{color:#718198;margin-bottom:22px;font-size:12px;line-height:1.7}.dialog-fields{flex-direction:column;gap:18px;display:flex}.dialog-field{flex-direction:column;gap:7px;display:flex}.dialog-fields label{color:#596c88;flex-direction:column;gap:7px;font-size:12px;display:flex}.demo-dialog footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.detail-facts{margin:0}.detail-facts>div{border-bottom:1px solid #edf1f7;justify-content:space-between;gap:16px;padding:12px 0;font-size:12px;display:flex}.detail-facts dt{color:var(--muted)}.detail-facts dd{color:#3e567b;text-align:right;overflow-wrap:anywhere;margin:0}.dialog-links{flex-direction:column;gap:4px;margin-top:15px;display:flex}.dialog-links a{justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.nav-overlay{display:none}@media (width>=1600px){.app-main{width:100%;max-width:1500px;margin:0 auto}}@media (width<=1250px){:root{--sidebar:220px}.app-main{padding:25px 22px 0}.app-topbar,.demo-ribbon,.prototype-tools{padding-left:22px;padding-right:22px}.metric{padding:15px}.metric-top{font-size:10px}.metric-icon{width:25px;height:25px}.metric small{font-size:9px}.payment-summary{flex-wrap:wrap;gap:22px}.payment-note{max-width:none}}@media (width<=1000px){:root{--sidebar:200px}.app-brand{padding-left:20px}.workspace-switch{margin-left:12px;margin-right:12px}.workspace-switch small{font-size:9px}.nav-group{margin-left:8px;margin-right:8px}.nav-group a{gap:8px;padding-left:9px;font-size:11px}.page-heading{flex-wrap:wrap}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.overview-grid,.plan-grid{grid-template-columns:1fr}.plan-card ul{min-height:auto}.plan-card{padding:20px}.plan-card .secondary-button{width:auto}.plan-price{margin:10px 0}.settings-grid{grid-template-columns:1fr}.prototype-tools{flex-wrap:wrap}}@media (width<=760px){:root{--sidebar:240px}.app-sidebar{visibility:hidden;transition:transform .18s;transform:translate(-100%)}.app-sidebar.is-open{visibility:visible;transform:translate(0)}.app-body{margin-left:0}.menu-toggle{display:inline-flex}.nav-overlay{z-index:35;background:#15223966;border:0;border-radius:0;display:block;position:fixed;inset:0}.app-topbar{min-height:62px;padding:0 17px}.breadcrumb{gap:8px}.breadcrumb-home,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:11px}.topbar-actions{gap:10px}.admin-profile>span:nth-child(2),.admin-profile>svg,.topbar-divider,.notification-bell{display:none}.demo-ribbon{padding:7px 19px;font-size:9px}.demo-ribbon-note{display:none!important}.app-main{padding:24px 18px 0}h1{font-size:26px}.page-heading{gap:17px;margin-bottom:22px}.page-heading p{font-size:11px;line-height:1.6}.page-kicker{font-size:8px}.heading-actions{gap:8px}.heading-actions .primary-button,.heading-actions .secondary-button{padding:9px 11px;font-size:11px}.metrics-grid{gap:10px;margin-bottom:22px}.metric{padding:13px 12px}.metric-top{gap:6px;font-size:9px}.metric-icon{width:25px;height:25px}.metric>strong{margin:6px 0 5px;font-size:25px}.metric small{font-size:9px;line-height:1.5;display:block}.panel-tabs{gap:20px;min-height:49px;padding:0 15px}.panel-tabs>button{font-size:11px}.table-toolbar{flex-wrap:wrap;gap:12px;padding:15px}.search-field{width:100%}.toolbar-end{justify-content:space-between;width:100%}.table-total{font-size:9px}.context-note{font-size:9px;line-height:1.7}.table-footer{padding:10px 15px}.app-footer{flex-wrap:wrap;gap:5px;margin-top:25px;padding-bottom:16px;font-size:8px}.prototype-tools{gap:8px;padding:10px 18px;font-size:9px}.global-search{width:100%}.global-search input{flex:1;width:auto}.profile-grid,.profile-facts{grid-template-columns:1fr}.identity-heading{align-items:flex-start;gap:12px;width:100%}.avatar-large{width:48px;height:48px;font-size:17px}.identity-heading h1{font-size:22px}.identity-heading p{font-size:10px}.detail-tabs{gap:22px;margin-bottom:20px}.detail-tabs a{font-size:11px}.panel-heading{flex-wrap:wrap;padding:17px}.panel-heading h2{font-size:15px}.access-role{flex-wrap:wrap;padding:17px}.access-role>div{min-width:180px}.attention-row{gap:10px;padding:17px}.attention-row small{line-height:1.6}.attention-foot{align-items:flex-start;padding:15px 17px;line-height:1.7}.activity-list{padding:0 17px}.activity-item{flex-wrap:wrap;gap:10px}.activity-item>span:nth-child(2){min-width:calc(100% - 30px)}.activity-item strong{font-size:11px}.activity-item small{font-size:9px}.activity-item>.status-badge{margin-left:18px}.activity-item time{margin-left:auto}.modules-grid{grid-template-columns:1fr}.module-item:nth-child(odd){border-right:0}.module-item{padding:18px}.template-item{flex-wrap:wrap}.integration-row{flex-wrap:wrap;gap:12px;padding:17px}.payment-summary{gap:20px;padding:18px}.payment-summary strong{font-size:21px}.payment-summary>div{min-width:120px}.payment-note{margin-left:0}.demo-dialog h2{font-size:21px}.demo-dialog footer,.expanded-filters{flex-wrap:wrap}.profile-facts,.profile-section{padding-left:18px;padding-right:18px}.feedback{flex-wrap:wrap;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}