:root{--ink:#182535;--muted:#647486;--line:#dfe7ec;--canvas:#f4f7f8;--white:#fff;--blue:#0079c8;--blue-dark:#005e9e;--teal:#0f9d87;--nav:#102b3c;--nav-light:#173c51;--orange:#df7e25;--red:#c65454;--shadow:0 12px 28px rgba(25,54,75,.08);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid #cfdbe2;border-radius:7px;background:#fff;color:var(--ink);padding:9px 10px;outline:0;min-height:38px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,121,200,.13)}textarea{min-height:86px;resize:vertical}.eyebrow{font-size:11px;line-height:1;letter-spacing:1.3px;font-weight:800;color:var(--blue);margin-bottom:10px}.button{border:0;border-radius:7px;padding:10px 15px;font-weight:750;transition:.16s;white-space:nowrap}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#e6f3fa;color:#07669f}.button.secondary:hover{background:#d4ecf8}.toast{position:fixed;right:26px;bottom:25px;z-index:20;background:#123d56;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-weight:650}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-main{max-width:720px;padding:48px clamp(36px,8vw,128px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:14px}.login-brand img{width:106px;height:70px;object-fit:contain}.login-brand b{display:block;font-size:16px}.login-brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.login-copy{margin:55px 0 28px}.login-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.16;letter-spacing:-2.3px;margin:0 0 14px}.login-copy p{color:var(--muted);font-size:16px;line-height:1.7;max-width:470px;margin:0}.role-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:570px}.role-login{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff;transition:.15s}.role-login:hover{border-color:#8bc8e7;box-shadow:0 8px 18px rgba(0,96,157,.1);transform:translateY(-1px)}.role-login>span:nth-child(2){flex:1}.role-login b,.role-login small{display:block}.role-login b{font-size:13px}.role-login small{font-size:11px;color:var(--muted);margin-top:2px}.role-login i{font-style:normal;color:var(--blue);font-size:18px}.role-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;font-weight:800}.role-avatar.blue{background:#dceefa;color:#006cae}.role-avatar.teal{background:#d9f3ed;color:#07826f}.role-avatar.orange{background:#fff0df;color:#bd6718}.role-avatar.cyan{background:#e0f3f8;color:#107991}.role-avatar.slate{background:#e9eef1;color:#445866}.login-aside{min-height:100%;padding:70px;display:flex;align-items:center;color:white;background:linear-gradient(155deg,#082f44,#005f98 58%,#0085c2);position:relative;overflow:hidden}.login-aside:before,.login-aside:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.login-aside:before{width:580px;height:580px;right:-260px;top:-195px}.login-aside:after{width:380px;height:380px;left:-270px;bottom:-170px}.login-aside-content{position:relative;z-index:1;max-width:420px}.aside-chip{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:99px;font-size:12px}.login-aside h2{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:28px 0}.aside-rule{width:42px;height:4px;background:#9ce5dc;border-radius:2px}.aside-stats{margin-top:46px;display:grid;gap:20px}.aside-stats div{display:flex;align-items:baseline;gap:13px}.aside-stats b{font-size:31px}.aside-stats span{font-size:13px;color:#c9e8f5}
.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.side-nav{display:flex;flex-direction:column;min-height:100vh;padding:23px 13px;background:var(--nav);color:#d5e4eb}.side-brand{height:48px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#fff;font-size:15px;font-weight:800;white-space:nowrap}.side-brand img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:7px;padding:2px}.side-nav nav{margin-top:31px}.nav-group{margin-bottom:22px}.nav-group small{display:block;padding:0 12px;margin-bottom:7px;color:#78a0b6;font-size:11px;font-weight:700;letter-spacing:1px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:#c3d6e0;text-align:left;font-weight:650;margin-bottom:2px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.selected{background:#1b5978;color:#fff;box-shadow:inset 3px 0 #2bc1ad}.nav-item i{font-style:normal;width:17px;font-size:16px}.nav-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:16px 11px 5px}.nav-bottom span{display:block;color:#7ca4b9;font-size:11px}.nav-bottom b{display:block;color:#eaf5f8;margin-top:4px;font-size:13px}.main-workspace{min-width:0}.top-bar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.global-search{display:flex;align-items:center;gap:8px;width:min(485px,55vw);height:38px;border:1px solid #d6e1e7;border-radius:7px;padding:0 10px;color:#7f91a0;background:#f9fbfc}.global-search span{font-size:19px;color:#457187}.global-search input{border:0;box-shadow:none;background:transparent;padding:0;min-height:0;width:100%;font-size:13px}.global-search input:focus{box-shadow:none}.global-search kbd{font-size:10px;color:#8b9aa5;border:1px solid #d8e1e5;border-radius:4px;background:#fff;padding:2px 4px}.top-user{display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#dff1f6;color:#12647e;font-weight:800}.top-user-copy b,.top-user-copy small{display:block}.top-user-copy b{font-size:13px}.top-user-copy small{color:var(--muted);font-size:11px}.logout-button{border:0;background:transparent;color:#6f7f8d;font-size:20px;padding:4px}.mobile-brand{display:none}.page-content{max-width:1540px;margin:0 auto;padding:31px 34px 46px}.page-header,.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.page-header h1,.dashboard-head h1{font-size:27px;letter-spacing:-.8px;margin:0}.page-header p,.dashboard-head p{color:var(--muted);margin:7px 0 0;font-size:14px}.header-actions{display:flex;gap:9px;align-items:center}.readonly-note{color:#587082;background:#eaf0f3;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:700}.back-link{border:0;padding:0;background:transparent;color:#4a748b;font-weight:700;margin:0 0 12px}.back-link:hover{text-decoration:underline}
.dashboard-head{align-items:flex-end}.dashboard-head h1{font-size:30px}.new-customer{background:#e5f6f1;color:#197563;padding:10px 13px;border-radius:8px;font-size:13px}.new-customer strong{font-size:19px;margin:0 4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;gap:13px;background:#fff;border:1px solid var(--line);padding:17px;border-radius:10px;box-shadow:0 2px 5px rgba(20,45,62,.02)}.metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;font-size:19px;font-weight:800}.metric-icon.blue{background:#e0f2fb;color:#0079c8}.metric-icon.green{background:#e1f6f0;color:#0c937d}.metric-icon.orange{background:#fff0e0;color:#d97520}.metric-icon.red{background:#fce8e8;color:#bf4b4b}.metric-card small,.metric-card p{display:block;color:var(--muted);font-size:12px;margin:0}.metric-card strong{font-size:25px;line-height:1.22;display:block}.dashboard-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.chart-card,.activity-card,.table-card,.detail-section,.form-section,.search-result-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 7px rgba(15,44,66,.025)}.chart-card{padding:20px;min-height:260px}.chart-card header,.activity-card header{display:flex;justify-content:space-between;gap:10px}.chart-card h2,.activity-card h2,.form-section h2,.detail-section h2{font-size:15px;margin:0}.chart-card header p,.activity-card header p{margin:3px 0 0;font-size:12px;color:var(--muted)}.legend-chip{color:#14719e;background:#edf8fc;padding:5px 8px;border-radius:99px;font-size:11px}.line-chart{margin-top:13px}.line-metrics{display:flex;gap:8px;align-items:baseline}.line-metrics strong{font-size:26px}.line-metrics span{font-size:12px;color:var(--muted)}.line-metrics b{font-size:11px;color:#07856f;background:#e2f6ef;padding:3px 5px;border-radius:4px}.line-chart svg{width:100%;height:142px;margin-top:6px}.chart-axis{display:flex;justify-content:space-between;color:#7c8b97;font-size:11px}.donut-wrap{display:flex;align-items:center;justify-content:space-around;min-height:196px}.donut{position:relative;width:142px;height:142px;border-radius:50%;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:87px;height:87px;background:#fff;border-radius:50%}.donut span{position:relative;z-index:1;text-align:center;font-weight:800;font-size:22px}.donut small{display:block;color:var(--muted);font-weight:600;font-size:11px}.legend{list-style:none;padding:0;margin:0;display:grid;gap:11px}.legend li{display:flex;align-items:center;gap:6px;color:#5d6e7a;font-size:12px}.legend b{margin-left:auto;color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.blue{background:#0079c8}.dot.green{background:#15a38a}.dot.gray{background:#cbd5e1}.bar-chart{height:177px;display:flex;align-items:flex-end;gap:13px;padding:8px 2px 0}.bar-item{height:100%;flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.bar-value{font-weight:700;font-size:12px;margin-bottom:5px}.bar-track{height:124px;display:flex;align-items:flex-end;background:#edf4f6;border-radius:5px 5px 0 0}.bar-track i{display:block;width:100%;background:linear-gradient(#28a89c,#0e847b);border-radius:5px 5px 0 0}.bar-item span{font-size:10px;color:#657887;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card{padding:20px}.activity-items{margin-top:11px}.activity-item{border:0;border-bottom:1px solid #edf1f3;background:#fff;width:100%;display:flex;align-items:center;text-align:left;padding:10px 0;gap:10px}.activity-item:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#e7f4f8;color:#117199;font-weight:800}.activity-item span:nth-child(2){flex:1}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:12px}.activity-item small{font-size:11px;color:var(--muted);margin-top:2px}.activity-item i{font-style:normal;color:#7f95a2;font-size:19px}
.table-card{overflow:hidden}.table-tools{padding:14px 16px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search-box{height:38px;display:flex;gap:7px;align-items:center;border:1px solid #d3dfe5;border-radius:7px;padding:0 10px;min-width:245px}.search-box span{font-size:18px;color:#618496}.search-box input{padding:0;border:0;box-shadow:none;min-height:0;width:100%;font-size:13px}.search-box input:focus{box-shadow:none}.filter-control{display:grid;gap:4px;color:#6a7b87;font-size:11px;font-weight:700}.filter-control select{font-size:12px;padding:6px 8px;min-height:30px;border-radius:6px}.result-count{margin-left:auto;color:#6a7b87;font-size:12px;padding:7px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{background:#f8fafb;color:#607482;font-size:12px;font-weight:750;text-align:left;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid #e9eef1}td{font-size:13px}tr:last-child td{border-bottom:0}.sort-button{border:0;background:transparent;color:inherit;padding:0;font-weight:750}.record-link,.text-action{border:0;background:transparent;padding:0;color:#126e9d;font-weight:750}.record-link:hover,.text-action:hover{text-decoration:underline}.row-actions{white-space:nowrap}.row-actions .text-action+.text-action{margin-left:10px}.danger-text{color:#bd5454}.status{display:inline-block;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:750;white-space:nowrap}.status.success{background:#e2f5ef;color:#087963}.status.warning{background:#fff2df;color:#a56413}.status.danger{background:#fae8e8;color:#b44949}.status.info{background:#e4f2fb;color:#1573a1}.status.neutral{background:#eef2f4;color:#687984}.status.premium{background:#e7f4fa;color:#006aab}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#718290;font-size:12px}.page-button{border:1px solid #d7e1e6;background:#fff;border-radius:6px;padding:6px 9px;margin-left:5px;color:#466679;font-size:12px}.page-button:hover:not(:disabled){border-color:#80b8d5;color:#006fae}.empty-cell,.empty-state{padding:52px 16px;text-align:center;color:#718290}.empty-state{background:#fff;border:1px dashed #c8d6dd;border-radius:9px}
.resource-form{display:grid;gap:14px}.form-section{padding:20px}.form-section h2{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.form-field{display:grid;gap:6px}.form-field.wide,.contacts-field{grid-column:span 2}.form-field>span{font-size:13px;font-weight:750}.form-field em{font-style:normal;color:#cf5353;margin-left:3px}.form-field small{min-height:16px;color:#c14f4f;font-size:11px}.form-footer{display:flex;justify-content:flex-end;gap:9px;padding:5px 0 20px}.contacts-field{border:1px solid #e1e9ed;border-radius:8px;padding:13px;background:#fbfdfe}.contact-help{color:var(--muted)!important}.contact-list{display:grid;gap:8px;margin:3px 0 9px}.contact-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 30px;gap:8px}.contact-row input{min-height:35px;padding:7px 8px}.icon-button{border:0;border-radius:6px;background:#f3f6f7;color:#8b9ba5;font-size:18px}.icon-button:hover{background:#f9e8e8;color:#bd5454}.add-contact{width:max-content;border:0;background:transparent;color:#0874aa;font-size:12px;font-weight:750;padding:2px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-section{padding:20px}.detail-section h2{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:2px}.detail-section dl{margin:0}.detail-section dl>div{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #eef2f3}.detail-section dl>div:last-child{border-bottom:0}.detail-section dt{color:var(--muted);font-size:12px}.detail-section dd{margin:0;font-size:13px;white-space:pre-wrap}.search-result-card{overflow:hidden}.search-result{width:100%;display:grid;grid-template-columns:82px 1fr 180px 25px;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:15px 18px}.search-result:last-child{border-bottom:0}.search-result:hover{background:#f7fbfd}.search-result span{font-size:11px;color:#237297;background:#e5f4f9;border-radius:99px;padding:4px 7px;width:max-content}.search-result b{font-size:13px}.search-result small{color:var(--muted)}.search-result i{font-style:normal;color:#82a0b0;font-size:20px}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.login-aside{padding:45px}.login-main{padding:40px}.app-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}.login-main{padding:35px 23px}.login-copy{margin:38px 0 24px}.role-login-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.side-nav{display:none}.top-bar{height:62px;padding:0 17px}.mobile-brand{display:block;color:#145473;font-size:13px;font-weight:800}.global-search{width:45vw}.top-user-copy{display:none}.page-content{padding:22px 17px}.page-header,.dashboard-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-head h1{font-size:27px}.header-actions{width:100%}.table-tools{align-items:stretch}.search-box{min-width:100%}.filter-control{flex:1}.detail-section dl>div{grid-template-columns:1fr;gap:4px}.search-result{grid-template-columns:68px 1fr 22px}.search-result small{display:none}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.wide,.contacts-field{grid-column:span 1}.contact-row{grid-template-columns:1fr 1fr 30px}.contact-row input[data-contact="phone"]{grid-column:span 2}.donut-wrap{gap:15px}.donut{width:120px;height:120px}.donut:after{width:75px;height:75px}.global-search kbd{display:none}.global-search{width:52vw}.new-customer{font-size:12px}}
.mobile-menu,.mobile-close{display:none}.clear-filter{border:1px solid #d7e1e6;background:#fff;border-radius:6px;min-height:30px;padding:5px 9px;color:#4d6c7e;font-size:12px;font-weight:700}.clear-filter:hover{border-color:#88bbd4;color:#006fae}.approval-section ul{list-style:none;margin:0;padding:0}.approval-section li{display:grid;grid-template-columns:90px 1fr;gap:5px 12px;padding:12px 0;border-bottom:1px solid #eef2f3}.approval-section li:last-child{border-bottom:0}.approval-section li b{color:#087963;font-size:13px}.approval-section li span{color:var(--muted);font-size:12px}.approval-section li small{grid-column:2;color:#526775}.muted-copy{margin:0;padding:12px 0;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,121,200,.28);outline-offset:2px}.text-action,.record-link,.sort-button,.logout-button,.add-contact{min-height:32px}.nav-scrim{display:none}
.validation-summary{padding:16px 20px;border:1px solid #e8b8b8;border-radius:8px;background:#fff5f5;color:#a53333}.validation-summary ul{margin:8px 0 0;padding-left:22px}.validation-summary li{margin:4px 0}.resource-form [aria-invalid="true"]{border-color:#c14f4f;background:#fffafa}.resource-form [data-error]:not(:empty){font-size:13px;font-weight:600}
.account-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.account-tabs button{border:0;background:transparent;padding:12px 2px;font-size:15px;color:var(--muted);border-bottom:3px solid transparent}.account-tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:750}.account-overview{display:flex;gap:12px;margin:0 0 20px;align-items:center}.account-overview>div{min-width:120px;padding:13px 20px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;gap:16px;align-items:center}.account-overview span{color:var(--muted)}.account-overview b{font-size:23px}.account-overview .button{margin-left:auto}.cell-meta{display:block;margin-top:4px;color:var(--muted);font-size:12px}.account-actions{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:230px}.account-toolbar{justify-content:flex-end;margin-bottom:16px}.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-cards .form-section h2{border:0;margin:0;padding:0}.role-cards p{color:var(--muted)}.role-cards .button{margin-top:16px}.role-policy-lines>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.role-policy-lines span{color:var(--muted);white-space:nowrap}.role-policy-lines b{font-weight:600;font-size:13px}.role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-picker>label{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.role-picker input,.permission-checks input,.permission-matrix input{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--blue);flex-shrink:0}.role-picker label:has(input:checked){border-color:#82bedf;background:#f0f9fd}.role-picker b,.role-picker small{display:block}.role-picker small{font-size:12px;color:var(--muted);margin-top:5px}.scope-row{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.scope-row [hidden]{display:none}.scope-row select[multiple]{min-height:120px}.permission-summary,.permission-checks{display:flex;flex-wrap:wrap;gap:16px;padding:10px 0 20px}.permission-checks>label{display:flex;align-items:center;gap:8px}.permission-matrix{margin-top:8px}.permission-matrix th,.permission-matrix td{text-align:center}.permission-matrix td:first-child,.permission-matrix th:first-child{text-align:left}.field-error{color:#a53333;display:block;margin-top:8px}.account-dialog-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(12,35,51,.5)}.account-dialog{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:28px;width:min(620px,100%);max-height:90vh;overflow:auto}.account-dialog h2{margin:0 0 16px;font-size:21px}.account-dialog p{line-height:1.65}.demo-note{background:#edf6fb;border-radius:8px;padding:12px 14px;color:#315f7b}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:22px}.button.danger{background:#b44747;color:white}a.button{text-decoration:none;display:inline-flex;align-items:center}.activation-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.activation-shell>section{width:min(600px,100%);padding:32px}.activation-shell img{width:48px;height:48px;object-fit:contain}.activation-shell button{margin:8px 10px 0 0}.role-login:disabled{opacity:.55}.account-form .form-field>span{font-size:14px}.account-form input,.account-form select{font-size:14px}
@media(max-width:900px){.role-picker{grid-template-columns:repeat(2,1fr)}.role-cards{grid-template-columns:1fr}.account-overview{flex-wrap:wrap}.account-overview>div{min-width:105px;flex:1}.account-overview .button{margin-left:0}.scope-row{grid-template-columns:1fr}.role-policy-lines>div{flex-wrap:wrap}.account-dialog{padding:22px}.permission-summary{display:grid;gap:8px}}
@media(max-width:520px){.role-picker{grid-template-columns:1fr}.account-overview>div{padding:10px}.account-overview .button{width:100%}.dialog-actions .button{flex:1;justify-content:center}}
@media(max-width:780px){.side-nav{display:flex;position:fixed;inset:0 auto 0 0;width:min(286px,86vw);z-index:30;box-shadow:12px 0 36px rgba(11,34,48,.28);transform:translateX(-105%);transition:transform .2s ease}.side-nav.mobile-open{transform:translateX(0)}.mobile-menu{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:7px;background:#edf5f8;color:#155574;font-size:20px}.mobile-close{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border:0;border-radius:7px;background:rgba(255,255,255,.1);color:#fff;font-size:24px;line-height:1}.nav-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(14,39,54,.42)}.top-bar{justify-content:flex-start;gap:10px}.global-search{margin-left:auto}.top-user{margin-left:0}.clear-filter{min-height:38px}.filter-control select{min-height:38px}.pagination button{min-height:36px}.button{min-height:40px}.icon-button{min-height:35px}}
:root .login-form{display:grid;gap:16px;max-width:440px}.login-form .button{min-height:44px}.login-form [role="alert"]:empty{display:none}