*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef5ee;color:#061d3a}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:292px;background:linear-gradient(180deg,#061d3a,#061d3a);color:#e8f7df;position:fixed;inset:0 auto 0 0;overflow:auto;padding:18px;z-index:50;border-right:1px solid rgba(253, 181, 21, .22)}.brand{display:flex;gap:12px;align-items:center}.brand.large{margin-bottom:24px}.brand-mark{width:44px;height:44px;border-radius:12px;background:#fdb515;color:#061d3a;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 22px rgba(253, 181, 21, .22)}.brand strong{display:block;font-size:15px}.brand span{font-size:12px;color:#b8d6ef}.nav{margin-top:20px;display:flex;flex-direction:column;gap:4px}.nav a{padding:10px 12px;border-radius:10px;color:#e8f7df;display:flex;align-items:center;gap:10px;font-size:14px;border:1px solid transparent}.nav a:hover,.nav a.active{background:rgba(253, 181, 21, .13);border-color:rgba(253, 181, 21, .22);color:#fff}.nav-title{font-size:11px;text-transform:uppercase;color:#b8d6ef;margin:16px 8px 6px;letter-spacing:.08em}.main{margin-left:292px;flex:1;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.topbar h1{font-size:24px;margin:0;display:flex;gap:10px;align-items:center}.topbar small{color:#0057a8}.menu-btn{display:none}.userbox{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d7e7d6;border-radius:14px;padding:10px 12px;box-shadow:0 8px 24px rgba(6, 29, 58, .04)}.userbox span{font-weight:800}.userbox em{font-size:12px;color:#0057a8}.logout-link{font-size:13px;color:#8b1d12;display:inline-flex;align-items:center;gap:5px}.card,.stat-card{background:#fff;border:1px solid #d8e9d6;border-radius:16px;box-shadow:0 10px 30px rgba(6, 29, 58, .06)}.card{padding:18px;margin-bottom:18px}.narrow{max-width:820px}.module-head{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#fff,#f5fbef)}.card h2,.module-head h2{margin:0 0 8px;font-size:18px;display:flex;gap:8px;align-items:center}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.muted{color:#0057a8;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{padding:16px;display:flex;align-items:center;gap:14px}.stat-card>span{font-size:28px}.stat-card small{display:block;color:#0057a8}.stat-card strong{font-size:22px;color:#061d3a}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{flex:1}.btn,button{border:0;border-radius:10px;background:#eaf3e5;color:#061d3a;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;border:1px solid transparent}.btn:hover,button:hover{filter:brightness(.99);transform:translateY(-1px)}.btn.primary{background:#07356d;color:#fff;border-color:#07356d}.btn.ghost{background:#f5fbef;border:1px solid #ffe69a}.btn.danger,.danger{background:#b42318!important;color:#fff!important}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%}.ico{display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease;line-height:1}.btn:hover .ico,.nav a:hover .ico,.card h2:hover .ico,.topbar h1:hover .ico,.modal-head h3:hover .ico,.brand:hover .brand-mark{transform:scale(1.16) rotate(-7deg)}.table-wrap{overflow:auto;border:1px solid #dbe9d6;border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 12px;border-bottom:1px solid #edf5e9;text-align:left;font-size:14px;white-space:nowrap}th{background:#f4faef;color:#07356d;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#fbfff8}.right{text-align:right}.actions{display:flex;justify-content:flex-end;gap:6px}.empty{text-align:center;color:#4a91d0;padding:30px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#edf5e9;color:#07356d}.badge.good{background:#fff1bd;color:#07356d}.badge.warn{background:#fff8dc;color:#8a6200}.badge.bad{background:#ffe8e5;color:#b42318}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;background:#eef8e8;border:1px solid #ffe69a}.alert.good{background:#fff1bd;border-color:#b8d6ef}.alert.bad{background:#ffe8e5;border-color:#ffc9c0}.alert.warn{background:#fff8dc;border-color:#ffe99f}.form-stack{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;color:#07356d}.field-title{display:flex;align-items:center;gap:6px}input,select,textarea{border:1px solid #cbdcc7;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;color:#061d3a;outline:none}input:focus,select:focus,textarea:focus{border-color:#e59f00;box-shadow:0 0 0 4px rgba(253, 181, 21, .18)}textarea{resize:vertical}.req{color:#b42318}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.modal{position:fixed;inset:0;background:rgba(6, 29, 58, .66);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-card{background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.25);width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid #d7e7d6}.modal-card.wide{width:min(1050px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf5e9;background:#f7fbf2}.modal-head h3{margin:0;display:flex;align-items:center;gap:8px}.modal-head button{font-size:22px;background:transparent;padding:0 8px}.modal-body{padding:18px}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid div{border:1px solid #edf5e9;border-radius:12px;padding:12px;background:#fbfff8}.detail-grid small{display:block;color:#0057a8;margin-bottom:4px}.detail-grid strong{white-space:pre-wrap;word-break:break-word}.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;color:#0057a8;background:#fbfff8;border:1px solid #dbe9d6;border-radius:12px;padding:10px 12px}.pagination{display:flex;gap:6px;flex-wrap:wrap}.pagination a{border:1px solid #ffe69a;border-radius:9px;padding:8px 10px;background:#fff;display:inline-flex;align-items:center;gap:4px}.pagination a.active{background:#07356d;color:#fff}.pagination a.disabled{opacity:.45;pointer-events:none}.page-summary b{color:#061d3a}.mini-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:130px 1fr 80px;align-items:center;gap:10px}.bar-row label{font-size:13px;color:#07356d}.bar-row div{height:12px;background:#edf5e9;border-radius:999px;overflow:hidden}.bar-row span{display:block;height:100%;background:#07356d;border-radius:999px}.ai-tile,.portal-card{padding:22px;border:1px dashed #ffe69a;border-radius:14px;background:#fbfff8;font-weight:900}.ai-output pre{white-space:pre-wrap;font-family:inherit;line-height:1.55}.announce-list{display:grid;gap:12px}.announce-list article{border:1px solid #edf5e9;border-radius:12px;padding:12px}.announce-list small{display:block;color:#0057a8;margin:4px 0}.portal-actions{display:flex;gap:10px;flex-wrap:wrap}.pill-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill-grid span{background:#eaf7df;border-radius:999px;padding:8px 10px;font-size:13px;border:1px solid #ffe69a}.auth-page{background:radial-gradient(circle at top left,rgba(253, 181, 21, .25),transparent 35%),linear-gradient(135deg,#061d3a,#eef5ee 38%,#f7fbf2);min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(1060px,100%);display:grid;grid-template-columns:1fr .9fr;background:#fff;border:1px solid #d7e7d6;border-radius:22px;box-shadow:0 22px 70px rgba(6, 29, 58, .18);overflow:hidden}.login-panel{padding:34px}.login-panel h2{font-size:28px;margin:0 0 8px}.login-hero{background:linear-gradient(160deg,#061d3a,#07356d);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:center}.login-hero h3{font-size:28px}.demo-box{margin-top:14px;background:#f7fbf2;border:1px solid #d7e7d6;border-radius:12px;padding:12px;color:#07356d}.id-card-print{display:grid;place-items:center;gap:12px}.id-card{width:330px;background:#fff;border:1px solid #d7e7d6;border-radius:18px;box-shadow:0 12px 30px rgba(6, 29, 58, .08);padding:18px;text-align:center}.id-top{display:flex;gap:10px;align-items:center;text-align:left;border-bottom:1px solid #edf5e9;padding-bottom:12px}.id-top small{display:block;color:#0057a8}.photo-box{width:110px;height:110px;margin:18px auto 10px;border:1px dashed #ffe69a;border-radius:14px;display:grid;place-items:center;color:#4a91d0}.qr{width:130px;height:130px}.menu-btn{background:#fff;border:1px solid #d7e7d6}.installer-card{max-width:780px}.print-only{display:none}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn{display:inline-flex}.form-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-hero{display:none}.pagination-wrap{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.btn,.toolbar,.pagination-wrap{display:none!important}.main{margin:0;padding:0}.card{box-shadow:none;border:0}.id-card{box-shadow:none}.print-only{display:block}}


html,body{max-width:100%;overflow-x:hidden}.brand span{color:#fff1bd}.module-head p{max-width:720px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#ffffff,#f1faec)}.dashboard-hero h2{font-size:22px}.period-filter{display:flex;align-items:flex-end;gap:10px;min-width:280px}.period-filter label{min-width:180px}.dss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card em{display:block;margin-top:3px;font-size:12px;font-style:normal;color:#0057a8}.chart-card canvas{width:100%;height:280px;display:block}.mini-label{font-size:12px;font-weight:900;border:1px solid #d7e7d6;background:#f1faec;color:#07356d;border-radius:999px;padding:7px 10px}.login-panel .muted{color:#07356d}.login-hero p{font-size:16px;line-height:1.55;color:#ecfff2}.login-hero .pill-grid span{background:#eaf7df;color:#061d3a;border-color:#ffe69a;font-weight:900}.login-panel input{background:#fff;color:#061d3a}.login-panel label{color:#07356d}.demo-box{color:#061d3a}.modal-card{scrollbar-gutter:stable}.modal-body{padding-bottom:24px}.modal-actions{padding:0 18px 18px;margin-top:12px}.form-grid .modal-actions{padding:10px 0 4px}.detail-grid+.modal-actions{border-top:1px solid #edf5e9;padding-top:14px}.id-layout{align-items:start}.id-search-form input{min-width:0}.id-results{max-height:560px}.selected-row td{background:#f1faec!important}.photo-box{background:#fbfff8}.nav a{gap:12px}.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,rgba(242,249,239,.96),rgba(247,251,242,.96));backdrop-filter:blur(8px);padding:0 0 10px}.table-wrap table td,.table-wrap table th{vertical-align:middle}.card-head h2{margin-bottom:0}@media(max-width:1250px){.dss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.dashboard-hero{flex-direction:column;align-items:stretch}.period-filter{min-width:0}.dss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dss-grid{grid-template-columns:1fr}.period-filter{flex-direction:column;align-items:stretch}.toolbar{flex-direction:column}.id-card{width:100%}}
.sidebar .brand span{color:#b8d6ef}.login-panel .brand span,.installer-card .brand span{color:#0057a8}



:root{--sms-green:#07356d;--sms-green-dark:#061d3a;--sms-green-deep:#061d3a;--sms-lime:#fdb515;--sms-soft:#f4fbef;--sms-line:#ffe69a;}
html,body{max-width:100%;overflow-x:hidden;}
body{background:#f0f7ef;color:#061d3a;}
.sidebar{background:linear-gradient(180deg,var(--sms-green-dark),var(--sms-green-deep));scrollbar-gutter:stable;border-right-color:rgba(253, 181, 21, .26);}
.login-hero{background:linear-gradient(160deg,var(--sms-green-dark),var(--sms-green));}
.auth-page{background:radial-gradient(circle at top left,rgba(253, 181, 21, .22),transparent 35%),linear-gradient(135deg,var(--sms-green-dark),#eef6ec 38%,#f8fcf3);}
.btn.primary,.pagination a.active{background:var(--sms-green);border-color:var(--sms-green);color:#fff;}
.stat-card strong,.page-summary b{color:var(--sms-green-deep);}
.nav a:hover,.nav a.active{background:rgba(253, 181, 21, .17);border-color:rgba(253, 181, 21, .28);}
.card,.stat-card,.userbox,.login-card,.id-card{border-color:var(--sms-line);}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#eef7ea;border-radius:999px;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fdb515,#4a91d0);border-radius:999px;border:2px solid #eef7ea;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fdb515,#07356d);}
*{scrollbar-width:thin;scrollbar-color:#4a91d0 #eef7ea;}
.sidebar::-webkit-scrollbar{width:8px;}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);}
.sidebar::-webkit-scrollbar-thumb{background:rgba(253, 181, 21, .65);border-color:rgba(6, 29, 58, .55);}
.modal-card::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.id-results::-webkit-scrollbar{width:9px;height:9px;}
.main{min-width:0;}
.card,.module-head,.topbar,.dashboard-hero{max-width:100%;}
.table-wrap{max-width:100%;}
th,td{max-width:280px;text-overflow:ellipsis;overflow:hidden;}
.actions{flex-wrap:wrap;}
.actions .btn{white-space:nowrap;}
.responsive-note{display:none;}
.id-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);}
.id-results{display:grid;gap:10px;max-height:590px;overflow:auto;padding:4px;}
.id-result-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(170px,1fr) auto;gap:12px;align-items:center;border:1px solid #dbe9d6;background:#fff;border-radius:14px;padding:12px;transition:.18s ease;}
.id-result-row:hover,.id-result-row.selected{background:#f4fbef;border-color:#fdb515;box-shadow:0 8px 22px rgba(6, 29, 58, .08);}
.id-result-main b,.id-result-meta b{display:block;color:#061d3a;}
.id-result-main small,.id-result-meta small{display:block;color:#0057a8;margin-top:3px;line-height:1.35;}
.id-result-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;}
.dashboard-ai{background:linear-gradient(135deg,#ffffff,#f4fbef);}
.dashboard-ai textarea{min-height:110px;}
.dashboard-ai .ai-output{margin-top:14px;background:#fff;border:1px solid #dbe9d6;border-radius:14px;padding:14px;}
.dashboard-ai pre{white-space:pre-wrap;font-family:inherit;line-height:1.55;margin:0;}
.portal-card{display:block;min-height:92px;}
.login-panel label,.login-panel .field-title,.login-panel input,.login-panel .muted{color:#061d3a;}
.login-panel input::placeholder{color:#0057a8;opacity:1;}
.login-hero .pill-grid span{color:#061d3a;background:#edfbe5;border-color:#ffe69a;}
@media(max-width:1100px){
  .topbar{gap:10px;align-items:flex-start;}
  .userbox{margin-left:auto;}
  .id-layout{grid-template-columns:1fr;}
  .id-card-print{position:static;}
}
@media(max-width:900px){
  .main{padding:16px;}
  .module-head{flex-direction:column;align-items:stretch;}
  .module-head .btn{width:100%;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .table-wrap table th:nth-child(n+5):not(:last-child),
  .table-wrap table td:nth-child(n+5):not(:last-child),
  .priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none;}
}
@media(max-width:760px){
  .main{padding:12px;}
  .topbar{position:sticky;top:0;padding:10px 0;align-items:center;}
  .topbar h1{font-size:20px;line-height:1.2;}
  .topbar small{font-size:12px;}
  .userbox{padding:8px 10px;gap:7px;}
  .userbox span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stats-grid,.dss-grid,.grid-2,.grid-3{grid-template-columns:1fr!important;}
  .card{padding:14px;border-radius:14px;}
  .toolbar{flex-direction:column;align-items:stretch;}
  .toolbar input,.toolbar select,.toolbar button{width:100%;}
  .table-wrap{overflow:hidden;border-radius:12px;}
  .table-wrap table{table-layout:fixed;}
  .table-wrap table th:nth-child(n+4):not(:last-child),
  .table-wrap table td:nth-child(n+4):not(:last-child),
  .priority-3,.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important;}
  .table-wrap table th,.table-wrap table td{white-space:normal;font-size:12px;padding:10px 8px;max-width:none;word-break:break-word;}
  .actions{justify-content:flex-end;}
  .actions .btn:not(:first-child){display:none;}
  .actions .btn{padding:8px 9px;font-size:12px;}
  .pagination-wrap{padding:10px;}
  .pagination{width:100%;}
  .pagination a{flex:1;justify-content:center;min-width:44px;}
  .modal{padding:10px;align-items:flex-start;overflow:auto;}
  .modal-card,.modal-card.wide{width:100%;max-height:none;border-radius:14px;margin:12px 0;}
  .modal-head{position:sticky;top:0;z-index:2;}
  .modal-body{padding:14px;}
  .modal-actions{position:sticky;bottom:0;background:#fff;padding:12px 14px!important;border-top:1px solid #edf5e9;flex-direction:column-reverse;}
  .modal-actions .btn,.modal-actions button{width:100%;}
  .detail-grid,.detail-grid.compact{grid-template-columns:1fr!important;}
  .login-card{border-radius:18px;}
  .login-panel{padding:24px;}
  .id-result-row{grid-template-columns:1fr;gap:8px;}
  .id-result-actions{justify-content:stretch;}
  .id-result-actions .btn{flex:1;}
  .id-card{width:min(330px,100%);}
  .responsive-note{display:block;color:#0057a8;font-size:12px;margin:8px 0 0;}
}
@media(max-width:480px){
  .brand strong{font-size:14px;}
  .brand-mark{width:40px;height:40px;}
  .topbar{flex-wrap:wrap;}
  .userbox{width:100%;justify-content:space-between;}
  .stat-card{padding:13px;}
  .stat-card>span{font-size:24px;}
  .stat-card strong{font-size:18px;}
  .card h2,.module-head h2{font-size:17px;}
}


.btn,button{border-radius:999px;padding:8px 11px;font-size:13px;min-height:34px;line-height:1.1}.btn.small{padding:5px 8px;font-size:11px;min-height:29px}.btn.full{min-height:38px}.actions{gap:5px;min-width:0}.actions .btn{border-radius:999px;max-width:100%;white-space:normal}.table-wrap{overflow:hidden;width:100%}.table-wrap table{table-layout:fixed;width:100%;min-width:0}.table-wrap th,.table-wrap td{white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.priority-action{width:210px}.col-id{width:58px}.portal-card{display:flex;flex-direction:column;gap:8px;color:#061d3a}.portal-card .ico{font-size:24px}.portal-card strong{font-size:18px}.portal-card small{color:#0057a8;line-height:1.45}
@media(max-width:1500px){.priority-9,.priority-10{display:none!important}.priority-action{width:190px}}
@media(max-width:1350px){.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:170px}}
@media(max-width:1180px){.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:150px}.actions .btn{font-size:0;gap:0}.actions .btn .ico{font-size:14px}}
@media(max-width:900px){.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:86px}.actions .btn:not(:first-child){display:none!important}}
@media(max-width:640px){.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.col-id{width:46px}.priority-action{width:68px}.table-wrap th,.table-wrap td{font-size:12px;padding:9px 7px}.btn,button{padding:7px 10px;font-size:12px}}

.portal-auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 0 0,rgba(253, 181, 21, .24),transparent 34%),linear-gradient(135deg,#061d3a,#eef7ec 44%,#f8fcf3)}.portal-login-card{width:min(1080px,100%);display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid #ffe69a;border-radius:26px;overflow:hidden;box-shadow:0 28px 80px rgba(6, 29, 58, .18)}.portal-login-panel{padding:36px}.portal-login-panel h1{font-size:30px;margin:0 0 10px;color:#061d3a;display:flex;gap:10px;align-items:center}.portal-form{margin-top:18px}.portal-login-hero{background:linear-gradient(145deg,#061d3a,#07356d);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:center}.portal-login-hero h2{font-size:34px;margin:0 0 14px;display:flex;gap:10px;align-items:center}.portal-login-hero p{font-size:17px;line-height:1.6;color:#eefcea;max-width:520px}.portal-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.portal-chip-row span{background:#fff1bd;color:#061d3a;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}.portal-login-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.portal-login-links a{border:1px solid #ffe69a;background:#f7fcf3;border-radius:999px;padding:8px 11px;color:#061d3a;font-weight:900;font-size:12px}.admin-links a{background:#fff}.portal-page{background:#eef7ec;min-height:100vh;color:#061d3a}.portal-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 24px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #ffe69a}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand strong{display:block;font-size:15px}.portal-brand span{font-size:12px;color:#0057a8}.portal-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.portal-nav a{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffe69a;background:#f8fcf3;border-radius:999px;padding:8px 11px;font-weight:900;font-size:13px;color:#061d3a}.portal-user{display:flex;align-items:center;gap:12px}.portal-user b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-user a{color:#8b1d12;font-weight:900;display:inline-flex;gap:6px;align-items:center}.portal-main{width:min(1440px,100%);margin:0 auto;padding:22px}.portal-hero{background:linear-gradient(135deg,#061d3a,#07356d);color:#fff;border-radius:22px;padding:26px;box-shadow:0 22px 60px rgba(6, 29, 58, .15);margin-bottom:18px}.portal-hero h1{font-size:30px;margin:4px 0}.portal-hero span{color:#daeaf8}.eyebrow{margin:0;color:#ffe69a;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.portal-grid{display:grid;gap:14px;margin-bottom:18px}.portal-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stat,.portal-card-panel{background:#fff;border:1px solid #ffe69a;border-radius:18px;box-shadow:0 12px 34px rgba(6, 29, 58, .06)}.portal-stat{display:flex;align-items:center;gap:14px;padding:16px}.portal-stat>.ico{font-size:28px}.portal-stat small{display:block;color:#0057a8}.portal-stat strong{display:block;font-size:20px;color:#061d3a}.portal-stat em{display:block;font-size:12px;color:#0057a8;font-style:normal;margin-top:3px}.portal-card-panel{padding:18px;margin-bottom:18px}.portal-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-detail-list div,.portal-payment-summary div{border:1px solid #e5f0e0;background:#fbfff8;border-radius:14px;padding:12px;min-width:0}.portal-detail-list small,.portal-payment-summary small{display:block;color:#0057a8;margin-bottom:5px}.portal-detail-list b,.portal-payment-summary b{display:block;color:#061d3a;word-break:break-word}.portal-fee-box{border:1px solid #ffe69a;background:#fbfff8;border-radius:16px;padding:16px;display:grid;gap:5px}.portal-fee-box small{color:#0057a8}.portal-fee-box strong{font-size:16px}.portal-fee-box span{font-size:28px;font-weight:950;color:#061d3a}.portal-fee-box em{font-style:normal;color:#0057a8}.portal-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portal-table{width:100%;overflow:hidden;border:1px solid #dbe9d6;border-radius:14px}.portal-table table{width:100%;table-layout:fixed;border-collapse:collapse}.portal-table th,.portal-table td{white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.portal-announcements{display:grid;gap:12px}.portal-announcements article{border:1px solid #e5f0e0;background:#fbfff8;border-radius:14px;padding:14px}.portal-announcements small{display:block;color:#0057a8;margin:4px 0}.portal-empty{display:flex;align-items:center;gap:8px;color:#0057a8;font-weight:800}.portal-request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-request-form .wide-field{grid-column:1/-1}.portal-request-form button{justify-self:end;grid-column:1/-1}.portal-auth-page .brand span{color:#0057a8}.portal-auth-page input,.portal-auth-page select,.portal-auth-page textarea{background:#fff;color:#061d3a}.portal-auth-page input::placeholder{color:#4a91d0;opacity:1}
@media(max-width:1050px){.portal-login-card{grid-template-columns:1fr}.portal-login-hero{display:none}.portal-topbar{grid-template-columns:1fr;gap:12px}.portal-nav{justify-content:flex-start}.portal-user{justify-content:space-between}.portal-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid-2{grid-template-columns:1fr}}
@media(max-width:700px){.portal-auth-page{padding:14px}.portal-login-panel{padding:24px}.portal-login-panel h1{font-size:24px}.portal-main{padding:14px}.portal-hero{padding:20px;border-radius:18px}.portal-hero h1{font-size:24px}.portal-grid-4,.portal-grid-2{grid-template-columns:1fr}.portal-detail-list,.portal-payment-summary,.portal-request-form{grid-template-columns:1fr}.portal-topbar{padding:12px 14px}.portal-nav{overflow:hidden}.portal-nav a{font-size:12px;padding:7px 9px}.portal-table th:nth-child(n+5),.portal-table td:nth-child(n+5){display:none}.portal-card-panel{padding:14px}.portal-stat{padding:14px}.portal-request-form button{width:100%}.portal-login-links a{flex:1;text-align:center}.portal-user b{max-width:140px}}
@media(max-width:460px){.portal-table th:nth-child(n+4),.portal-table td:nth-child(n+4){display:none}.portal-nav a{flex:1;justify-content:center}.portal-user{font-size:13px}.portal-brand .brand-mark{width:38px;height:38px}.portal-stat strong{font-size:18px}}


html,body{max-width:100%!important;overflow-x:hidden!important;}
.main,.card,.module-head,.table-wrap,.portal-main,.portal-card-panel{min-width:0!important;max-width:100%!important;}
.btn,button{border-radius:999px!important;padding:7px 10px!important;font-size:12.5px!important;min-height:32px!important;line-height:1.1!important;}
.btn.small{padding:5px 7px!important;font-size:10.5px!important;min-height:27px!important;}
.actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important;}
.actions .btn{white-space:normal!important;max-width:100%!important;}
.table-wrap{overflow-x:hidden!important;overflow-y:visible!important;width:100%!important;}
.table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important;}
.table-wrap th,.table-wrap td{white-space:normal!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.priority-action{width:150px!important;}
.col-id{width:52px!important;}
.modal-head [data-close-modal]{width:34px!important;height:34px!important;min-height:34px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.modal-head [data-close-modal] .ico{pointer-events:none!important;font-size:18px!important;}
body.modal-active{overflow:hidden;}
.portal-table{overflow:hidden!important;max-width:100%!important;}
.portal-table table{width:100%!important;min-width:0!important;table-layout:fixed!important;}
.portal-table th,.portal-table td{white-space:normal!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:1700px){.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:140px!important}.actions .btn{font-size:0!important;gap:0!important}.actions .btn .ico{font-size:13px!important}}
@media(max-width:1450px){.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:120px!important}}
@media(max-width:1180px){.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:86px!important}.actions .btn:not(:first-child){display:none!important}}
@media(max-width:760px){.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.col-id{width:42px!important}.priority-action{width:64px!important}.table-wrap th,.table-wrap td{font-size:12px!important;padding:8px 6px!important}.portal-table th:nth-child(n+4),.portal-table td:nth-child(n+4){display:none!important}}
@media(max-width:520px){.priority-3,.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.table-wrap th,.table-wrap td{font-size:11.5px!important;padding:8px 5px!important}.portal-login-card{border-radius:18px}.portal-login-panel{padding:22px}.portal-login-links{display:grid;grid-template-columns:1fr;}.portal-table th:nth-child(n+3),.portal-table td:nth-child(n+3){display:none!important}}


:root{--sms-green:#07356d;--sms-green-dark:#07356d;--sms-lime:#fdb515;}
html,body{overflow-x:hidden!important;max-width:100%!important;}
input,select,textarea{color:#061d3a!important;font-weight:700!important;-webkit-text-fill-color:#061d3a!important;}
input::placeholder,textarea::placeholder{color:#0057a8!important;opacity:1!important;-webkit-text-fill-color:#0057a8!important;}
.portal-auth-page input,.portal-auth-page select,.portal-auth-page textarea{color:#061d3a!important;background:#fff!important;font-weight:800!important;-webkit-text-fill-color:#061d3a!important;}
.portal-demo-box{font-size:13px;line-height:1.55;background:#fbfff8!important;border-color:#ffe69a!important;color:#061d3a!important;}
.portal-demo-box strong{color:#061d3a!important;letter-spacing:.02em;}
.portal-topbar{position:sticky!important;top:0!important;z-index:120!important;box-shadow:0 8px 24px rgba(6, 29, 58, .07)!important;background:rgba(255,255,255,.96)!important;}
.portal-main{scroll-margin-top:90px;}
.portal-nav a,.portal-login-links a,.portal-chip-row span{white-space:nowrap;}
.portal-profile-summary{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:12px;border:1px solid #e5f0e0;background:#fbfff8;border-radius:16px;}
.portal-profile-summary b{display:block;font-size:18px;color:#061d3a;}
.portal-profile-summary small{display:block;color:#0057a8;margin-top:4px;}
.portal-user-photo-view,.portal-user-photo-thumb,.portal-portal-user-photo,.id-photo{display:block;object-fit:cover;background:#fbfff8;border:1px solid #ffe69a;box-shadow:0 8px 22px rgba(6, 29, 58, .08);}
.portal-user-photo-view{width:160px;height:160px;border-radius:18px;}
.portal-user-photo-thumb{width:82px;height:82px;border-radius:14px;}
.portal-portal-user-photo{width:96px;height:96px;border-radius:18px;flex:0 0 auto;}
.id-photo{width:112px;height:112px;margin:18px auto 10px;border-radius:16px;}
.portal-user-photo-placeholder{width:110px;height:110px;border:1px dashed #ffe69a;border-radius:16px;background:#fbfff8;color:#0057a8;display:grid;place-items:center;text-align:center;font-weight:900;gap:4px;}
.portal-user-photo-placeholder .ico{font-size:30px;}
.portal-user-photo-placeholder span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.portal-user-photo-preview{display:flex;align-items:center;gap:12px;border:1px solid #e5f0e0;background:#fbfff8;border-radius:14px;padding:10px;margin-bottom:6px;}
.portal-user-photo-preview span{color:#0057a8;font-size:12px;}
.photo-detail-cell{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:8px;}
.field-help{font-size:11px;color:#0057a8;font-weight:700;}
.card{container-type:inline-size;}
.table-wrap{overflow-x:hidden!important;overflow-y:visible!important;max-width:100%!important;}
.table-wrap table{table-layout:fixed!important;width:100%!important;max-width:100%!important;min-width:0!important;}
.table-wrap th,.table-wrap td{min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.table-wrap::-webkit-scrollbar:horizontal{height:0!important;display:none!important;}
.actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;min-width:0!important;}
.actions .btn{padding:5px 7px!important;min-height:26px!important;font-size:11px!important;line-height:1!important;border-radius:999px!important;}
.priority-action{width:118px!important;max-width:118px!important;}
.btn,button{border-radius:999px!important;padding:7px 10px!important;min-height:30px!important;font-size:12px!important;}
.btn.small{padding:5px 7px!important;min-height:25px!important;font-size:10.5px!important;}

@container (max-width: 1280px){.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:100px!important}.actions .btn{font-size:0!important;gap:0!important}.actions .btn .ico{font-size:13px!important}}
@container (max-width: 1100px){.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.priority-action{width:78px!important}.actions .btn:not(:first-child){display:none!important}}
@container (max-width: 840px){.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.table-wrap th,.table-wrap td{font-size:12px!important;padding:8px 6px!important}.col-id{width:40px!important}.priority-action{width:58px!important}}
@container (max-width: 560px){.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.table-wrap th,.table-wrap td{font-size:11px!important;padding:7px 5px!important}.priority-action{width:50px!important}.page-summary{font-size:12px}.pagination-wrap{padding:8px!important}}
@media(max-width:1050px){.portal-topbar{position:sticky!important}.portal-nav{overflow:visible!important}.portal-user{width:100%;}.portal-profile-summary{align-items:flex-start}.portal-portal-user-photo{width:78px;height:78px}.portal-main{padding-top:14px}}
@media(max-width:700px){.portal-topbar{gap:10px!important}.portal-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}.portal-nav a{justify-content:center;white-space:normal;}.portal-profile-summary{flex-direction:column}.portal-user-photo-view{width:130px;height:130px}.id-photo{width:96px;height:96px}.portal-user-photo-placeholder{width:96px;height:96px}.portal-user{display:flex!important;justify-content:space-between!important}.portal-brand span{display:none}}


:root{--erp-green:#07356d;--erp-green-dark:#07356d;--erp-lime:#fdb515;--erp-bg:#f3f8f2;--erp-line:#dfeade;--erp-text:#061d3a;--erp-muted:#0057a8;}
body{overflow-x:hidden;background:var(--erp-bg);} 
body.auth-page.install-page{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;padding:28px!important;background:radial-gradient(circle at top left,rgba(253, 181, 21, .23),transparent 30%),linear-gradient(135deg,#4a91d0 0%,#eef7ed 48%,#f8fbf5 100%)!important;}
.installer-shell{width:min(880px,calc(100vw - 32px));margin:auto;display:block;}
.installer-card-pro{width:100%;background:#fff;border:1px solid #d9e8d5;border-radius:22px;box-shadow:0 26px 80px rgba(6, 29, 58, .16);padding:34px;display:flex;flex-direction:column;gap:18px;}
.installer-brand-row{display:flex;align-items:center;gap:14px;}
.installer-brand-row strong{display:block;font-size:18px;color:#061d3a;}
.installer-brand-row span{display:block;color:var(--erp-muted);font-size:13px;margin-top:2px;}
.installer-card-pro h1{margin:0;font-size:34px;line-height:1.1;color:#061d3a;letter-spacing:-.04em;}
.installer-status{display:inline-flex;align-self:flex-start;align-items:center;border-radius:999px;padding:8px 12px;background:#eef8e6;border:1px solid #ffe69a;color:#07356d;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.installer-status.good-state{background:#fff1bd;color:#07356d;}
.installer-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.installer-account-grid>div{border:1px solid #e2ecdf;background:#fbfff8;border-radius:16px;padding:14px;}
.installer-account-grid small{display:block;color:var(--erp-muted);margin-bottom:4px;}
.installer-account-grid b{color:#061d3a;word-break:break-word;}
.installer-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.autofill-decoy{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.employee-login-card input:-webkit-autofill,.portal-login-card input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#061d3a!important;}
.portal-login-links{gap:8px!important;}
.portal-login-links a{display:inline-flex;align-items:center;gap:6px;}
.btn,button{font-size:12px!important;line-height:1!important;border-radius:999px!important;padding:7px 10px!important;min-height:30px!important;}
.btn.small{font-size:10.5px!important;min-height:25px!important;padding:5px 7px!important;}
.actions .btn{font-size:11px!important;padding:5px 7px!important;min-height:25px!important;}
.dss-command{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;background:linear-gradient(135deg,#fff,#f7fbf4);border:1px solid #dcebd7;}
.dss-command h2{font-size:28px;margin:0 0 6px;letter-spacing:-.04em;color:#061d3a;}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#07356d;margin:0 0 8px;}
.dss-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.date-pill,.mini-label{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dcebd7;border-radius:999px;padding:8px 11px;color:#07356d;font-weight:800;font-size:12px;box-shadow:0 6px 18px rgba(6, 29, 58, .04);}
.dss-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;}
.dss-metric-card{background:#fff;border:1px solid #dcebd7;border-radius:17px;padding:18px 18px;box-shadow:0 10px 34px rgba(6, 29, 58, .07);display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:122px;}
.dss-metric-content small{display:block;color:#0057a8;margin-bottom:7px;font-size:13px;}
.dss-metric-content strong{display:block;color:#061d3a;font-size:26px;line-height:1.05;letter-spacing:-.04em;margin-bottom:8px;}
.dss-metric-content em{display:block;color:#0057a8;font-size:12px;font-style:normal;margin-top:5px;}
.dss-metric-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle,#fff1bd,#f4faef);color:#07356d;font-size:25px;box-shadow:inset 0 0 0 1px rgba(7, 53, 109, .08);}
.dss-metric-card:nth-child(2n) .dss-metric-icon{background:radial-gradient(circle,#eaf4ff,#f6fbf2);}
.dss-metric-card:nth-child(3n) .dss-metric-icon{background:radial-gradient(circle,#fff2c8,#fbfff8);}
.trend{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:900;border-radius:999px;padding:4px 8px;background:#edf5e9;color:#0057a8;}
.trend.up{background:#e8f8e1;color:#07356d;}.trend.down{background:#ffe8e5;color:#b42318;}.trend.neutral{background:#f2f6f0;color:#0057a8;}
.analytics-grid{display:grid;gap:16px;margin-bottom:16px;}
.main-analytics{grid-template-columns:1.35fr 1fr;}.secondary-analytics{grid-template-columns:.9fr .9fr 1.1fr;}.table-analytics{grid-template-columns:repeat(3,minmax(0,1fr));}
.analytics-card{background:#fff;border:1px solid #dcebd7;border-radius:18px;box-shadow:0 10px 34px rgba(6, 29, 58, .07);padding:18px;min-width:0;}
.analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.analytics-head h2{margin:0;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;color:#061d3a;}
.analytics-head p{margin:5px 0 0;color:#0057a8;font-size:12px;}
.chart-shell{width:100%;min-height:320px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fbfef8);border:1px solid #edf5e9;border-radius:15px;overflow:hidden;}
.donut-shell{min-height:300px;}
.chart-shell canvas{max-width:100%;}
.data-list,.clean-list{display:grid;gap:10px;}
.data-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,1.1fr) 48px;align-items:center;gap:10px;border-bottom:1px solid #eef4eb;padding:9px 0;}
.data-row b,.clean-list b{color:#061d3a;}.data-row small{display:block;color:#0057a8;margin-top:3px;}
.progress{height:9px;background:#edf5e9;border-radius:999px;overflow:hidden;}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#07356d,#fdb515);border-radius:999px;}
.clean-list>div{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(140px,1.2fr) minmax(80px,.8fr) auto;align-items:center;gap:10px;border-bottom:1px solid #eef4eb;padding:11px 0;}
.clean-list span,.clean-list small{color:#0057a8;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clean-list strong{color:#061d3a;text-align:right;}
.clean-list .badge{justify-self:end;}
.audit-mini>div{grid-template-columns:minmax(140px,1fr) minmax(150px,1fr);}
.audit-mini small{grid-column:1/-1;white-space:normal;}
.view-link{font-size:12px;font-weight:900;color:#07356d;white-space:nowrap;}
.dashboard-ai{margin-top:8px;}
.table-wrap{overflow-x:hidden!important;max-width:100%!important;}
.table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important;}
.table-wrap th,.table-wrap td{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:break-word!important;}
.table-wrap::-webkit-scrollbar:horizontal{height:0!important;display:none!important;}
.col-id{width:48px!important}.priority-action{width:104px!important;}
@media(max-width:1280px){.dss-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.main-analytics,.secondary-analytics,.table-analytics{grid-template-columns:1fr 1fr;}.table-analytics .analytics-card:last-child{grid-column:1/-1}.priority-8,.priority-9,.priority-10{display:none!important;}}
@media(max-width:1020px){.dss-command{align-items:flex-start;flex-direction:column}.dss-filter{justify-content:flex-start}.main-analytics,.secondary-analytics,.table-analytics{grid-template-columns:1fr}.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important;}.priority-action{width:74px!important}.actions .btn:not(:first-child){display:none!important}.actions .btn{font-size:0!important;gap:0!important}.actions .btn .ico{font-size:13px!important}}
@media(max-width:760px){body.auth-page.install-page{padding:16px!important;align-items:flex-start!important}.installer-card-pro{padding:22px;border-radius:18px}.installer-card-pro h1{font-size:26px}.installer-account-grid{grid-template-columns:1fr}.dss-metric-grid{grid-template-columns:1fr}.dss-metric-card{min-height:auto}.dss-metric-content strong{font-size:22px}.dss-metric-icon{width:52px;height:52px}.clean-list>div{grid-template-columns:1fr auto}.clean-list span{grid-column:1/-1}.clean-list strong{text-align:left}.chart-shell{min-height:260px}.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.table-wrap th,.table-wrap td{font-size:11px!important;padding:7px 5px!important}.col-id{width:36px!important}.priority-action{width:45px!important}.module-head{align-items:flex-start;flex-direction:column}.toolbar{display:grid!important;grid-template-columns:1fr auto;}.toolbar input{grid-column:1/-1}.toolbar button{width:100%;}.portal-login-card{grid-template-columns:1fr!important}.portal-login-hero{display:none!important}.portal-auth-page{padding:16px!important}.portal-login-panel{padding:24px!important}.portal-topbar{position:sticky!important;top:0!important;z-index:60!important}.portal-main{padding:16px!important}}
@media(max-width:480px){.priority-3,.priority-4,.priority-5,.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{display:none!important}.pagination a{padding:6px 8px}.page-summary{font-size:12px}.topbar{align-items:flex-start;flex-direction:column}.userbox{width:100%;justify-content:space-between}.installer-actions .btn{width:100%;}}


body.auth-page.install-page{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100vh!important;
  width:100%!important;
  padding:28px!important;
  overflow-x:hidden!important;
}
.installer-shell{
  width:880px!important;
  max-width:calc(100vw - 32px)!important;
  min-width:320px!important;
  margin:0 auto!important;
  display:block!important;
  flex:0 1 880px!important;
}
.installer-card-pro{
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
.installer-card-pro *{white-space:normal!important;}
.installer-actions .btn,.installer-actions button{min-width:150px!important;}
.portal-login-panel input{color:#061d3a!important;background:#fff!important;caret-color:#07356d!important;}
.portal-login-panel input::placeholder{color:#0057a8!important;opacity:.82!important;}
.portal-demo-box strong{color:#061d3a!important;}
@media(max-width:760px){
  .installer-shell{width:100%!important;min-width:0!important;max-width:100%!important;flex-basis:auto!important;}
  .installer-actions .btn,.installer-actions button{width:100%!important;min-width:0!important;}
}


html,body{max-width:100%;overflow-x:hidden!important;}
body.auth-page.install-page{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  min-width:0!important;
  min-height:100vh!important;
  padding:28px!important;
}
main.installer-shell{
  display:block!important;
  width:min(920px, calc(100vw - 48px))!important;
  max-width:min(920px, calc(100vw - 48px))!important;
  min-width:0!important;
  flex:none!important;
  margin:0 auto!important;
}
.installer-card-pro{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:34px!important;
  overflow:visible!important;
}
.installer-brand-row,.installer-actions{width:100%!important;min-width:0!important;}
.installer-card-pro h1,.installer-card-pro p,.installer-card-pro div{max-width:100%!important;}
.installer-card-pro .muted{font-size:14px!important;line-height:1.55!important;}
.installer-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
.installer-actions form{display:contents!important;}
.installer-actions a,.installer-actions button{white-space:normal!important;}
.employee-login-card .alert{font-size:14px!important;line-height:1.45!important;}
@media(max-width:760px){
  body.auth-page.install-page{padding:14px!important;align-items:flex-start!important;}
  main.installer-shell{width:100%!important;max-width:100%!important;}
  .installer-card-pro{padding:22px!important;border-radius:18px!important;}
  .installer-card-pro h1{font-size:25px!important;}
}


html{scroll-behavior:smooth;scroll-padding-top:96px;}
.portal-page{padding-top:86px!important;}
.portal-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999!important;min-height:74px!important;box-shadow:0 10px 28px rgba(6, 29, 58, .10)!important;}
.portal-brand,.portal-nav,.portal-user{user-select:none;}
.portal-nav a{transition:transform .18s ease, background .18s ease, box-shadow .18s ease;}
.portal-nav a:hover,.portal-nav a.active{background:#fff1bd!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(6, 29, 58, .08);}
.portal-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.portal-grid-1{grid-template-columns:1fr;}
.portal-card-panel,.portal-stat,.portal-hero{scroll-margin-top:104px;}
.fb-feed{display:grid;gap:14px;}
.fb-post{background:#fff;border:1px solid #ffe69a;border-radius:18px;padding:14px 14px 12px;box-shadow:0 12px 30px rgba(6, 29, 58, .06);}
.fb-post-head{display:flex;align-items:center;gap:11px;margin-bottom:10px;}
.fb-avatar,.fb-mini-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:linear-gradient(135deg,#07356d,#fdb515);color:#fff;font-weight:950;box-shadow:0 8px 18px rgba(6, 29, 58, .12);}
.fb-avatar{width:42px;height:42px;font-size:13px;}.fb-mini-avatar{width:32px;height:32px;font-size:12px;}
.fb-post-head b{display:block;font-size:15px;color:#061d3a;}.fb-post-head small{display:block;color:#0057a8;margin-top:2px;}
.fb-post-body{font-size:14px;line-height:1.55;color:#07356d;padding:6px 0 10px;border-bottom:1px solid #edf4ea;}
.fb-reaction-summary{display:flex;align-items:center;gap:10px;justify-content:space-between;color:#0057a8;font-size:12px;padding:9px 2px;}
.fb-react-icons{letter-spacing:-3px;font-size:16px;margin-right:auto;}
.fb-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #edf4ea;border-bottom:1px solid #edf4ea;padding:6px 0;}
.fb-actions button,.fb-comment-form button,.fb-reply-form button{border:0;background:#f2f8ee;color:#061d3a;border-radius:999px;padding:8px 10px;font-weight:950;font-size:12px;cursor:pointer;transition:transform .16s ease, background .16s ease;}
.fb-actions button:hover,.fb-comment-form button:hover,.fb-reply-form button:hover{transform:scale(1.03);background:#fff1bd;}
.fb-actions button.active{background:#fff1bd;color:#07356d;}
.fb-react-picker{display:flex;gap:7px;padding:9px;background:#fff;border:1px solid #ffe69a;border-radius:999px;width:max-content;box-shadow:0 10px 24px rgba(6, 29, 58, .12);margin:8px 0;}
.fb-react-picker button{border:0;background:#fff;border-radius:999px;font-size:21px;width:34px;height:34px;cursor:pointer;transition:transform .16s ease;}.fb-react-picker button:hover{transform:scale(1.22) rotate(-5deg);}
.fb-comments{display:grid;gap:8px;margin-top:10px;}
.fb-comment{display:grid;grid-template-columns:32px 1fr;gap:8px;}
.fb-comment-bubble{background:#f3f8ef;border:1px solid #e1efda;border-radius:16px;padding:9px 11px;}
.fb-comment-bubble b{display:block;font-size:12px;color:#061d3a;}.fb-comment-bubble p{margin:3px 0 4px;font-size:13px;line-height:1.45;}.fb-comment-tools{display:flex;gap:10px;font-size:11px;color:#0057a8;}.fb-comment-tools button{border:0;background:transparent;padding:0;font-size:11px;color:#07356d;font-weight:900;cursor:pointer;}
.fb-replies{grid-column:2;display:grid;gap:6px;margin-left:12px;}
.fb-comment-form,.fb-reply-form{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;}
.fb-comment-form input,.fb-reply-form input{width:100%;border:1px solid #ffe69a;background:#f8fcf3;border-radius:999px;padding:10px 14px;color:#061d3a;outline:none;}.fb-comment-form input:focus,.fb-reply-form input:focus{border-color:#fdb515;box-shadow:0 0 0 3px rgba(253, 181, 21, .18);}
@media(max-width:1050px){.portal-page{padding-top:150px!important}.portal-topbar{grid-template-columns:1fr!important}.portal-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}html{scroll-padding-top:168px}.portal-card-panel,.portal-stat,.portal-hero{scroll-margin-top:168px}}
@media(max-width:700px){.portal-page{padding-top:210px!important}.portal-topbar{min-height:170px!important}.portal-grid-3{grid-template-columns:1fr}.portal-nav{max-height:none!important}.portal-nav a{font-size:12px!important}.fb-actions{grid-template-columns:1fr 1fr 1fr}.fb-comment-form,.fb-reply-form{grid-template-columns:auto 1fr}.fb-comment-form button,.fb-reply-form button{grid-column:2}.fb-reaction-summary{flex-wrap:wrap;justify-content:flex-start}html{scroll-padding-top:222px}.portal-card-panel,.portal-stat,.portal-hero{scroll-margin-top:222px}}


html{scroll-behavior:smooth;}
body.portal-page{padding-top:96px!important;overflow-x:hidden!important;background:#f3faef!important;}
body.portal-page .portal-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:5000!important;display:grid!important;grid-template-columns:minmax(240px,340px) 1fr auto!important;align-items:center!important;gap:18px!important;min-height:78px!important;padding:12px 28px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dcebd6!important;box-shadow:0 10px 28px rgba(6, 29, 58, .10)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
body.portal-page .portal-main{max-width:1780px!important;margin:0 auto!important;padding:28px 42px 60px!important;}
body.portal-page .portal-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:4px!important;}
body.portal-page .portal-nav a{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:9px 15px!important;background:#f5fbef!important;border:1px solid #ffe69a!important;color:#061d3a!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(6, 29, 58, .04)!important;}
body.portal-page .portal-nav a:hover,body.portal-page .portal-nav a.active{background:#fff1bd!important;border-color:#fdb515!important;transform:translateY(-1px) scale(1.01)!important;box-shadow:0 10px 26px rgba(6, 29, 58, .10)!important;}
body.portal-page .portal-user{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;white-space:nowrap!important;}
body.portal-page .portal-user a{font-weight:950!important;color:#9a241b!important;text-decoration:none!important;}
body.portal-page .portal-card-panel,body.portal-page .portal-stat,body.portal-page .portal-hero{scroll-margin-top:112px!important;}
.portal-split{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:18px;align-items:start;}.mini-history{max-height:360px;overflow:auto;border-radius:18px;border:1px solid #e1efda;}
.fb-feed{display:grid!important;gap:18px!important;max-width:760px!important;margin:0 auto!important;}
.fb-post{position:relative!important;background:#fff!important;border:1px solid #dfe8e0!important;border-radius:18px!important;padding:16px!important;box-shadow:0 8px 22px rgba(6, 29, 58, .08)!important;color:#061d3a!important;}
.fb-post-head{display:grid!important;grid-template-columns:46px 1fr auto!important;gap:12px!important;align-items:center!important;margin-bottom:12px!important;}
.fb-avatar,.fb-mini-avatar{display:grid!important;place-items:center!important;border-radius:999px!important;background:linear-gradient(135deg,#07356d,#fdb515)!important;color:#fff!important;font-weight:950!important;box-shadow:0 8px 18px rgba(6, 29, 58, .15)!important;}
.fb-avatar{width:46px!important;height:46px!important;font-size:14px!important;}.fb-mini-avatar{width:34px!important;height:34px!important;font-size:12px!important;}
.fb-post-meta b{display:block!important;font-size:15.5px!important;color:#061d3a!important;line-height:1.2!important;}.fb-post-meta small{display:block!important;color:#0057a8!important;margin-top:3px!important;font-size:12px!important;}.fb-more{width:34px!important;height:34px!important;border:0!important;background:#f0f4ef!important;border-radius:999px!important;color:#0057a8!important;font-weight:950!important;padding:0!important;}
.fb-post-body{font-size:15px!important;line-height:1.55!important;color:#061d3a!important;padding:8px 2px 14px!important;border-bottom:1px solid #edf2ed!important;white-space:normal!important;}
.fb-reaction-summary{display:flex!important;align-items:center!important;gap:10px!important;color:#0057a8!important;font-size:12.5px!important;padding:10px 2px!important;border-bottom:1px solid #edf2ed!important;}
.fb-react-icons{letter-spacing:-4px!important;font-size:19px!important;margin-right:auto!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));}
.fb-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:6px 0!important;border-bottom:1px solid #edf2ed!important;position:relative!important;}
.fb-action-wrap{position:relative!important;display:block!important;}
.fb-actions button{width:100%!important;border:0!important;background:transparent!important;color:#0057a8!important;border-radius:10px!important;padding:9px 10px!important;font-weight:950!important;cursor:pointer!important;transition:background .16s ease, transform .16s ease!important;}
.fb-actions button:hover,.fb-actions button.active{background:#eef5ec!important;transform:translateY(-1px)!important;}
.fb-react-picker{position:absolute!important;left:50%!important;bottom:calc(100% + 9px)!important;z-index:40!important;display:flex!important;gap:4px!important;width:max-content!important;padding:7px!important;background:#fff!important;border:1px solid #d8dfd8!important;border-radius:999px!important;box-shadow:0 12px 35px rgba(0,0,0,.22)!important;opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(8px) scale(.96)!important;pointer-events:none!important;transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;}
.fb-action-wrap:hover .fb-react-picker,.fb-react-picker:hover{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0) scale(1)!important;pointer-events:auto!important;}
.fb-react-picker button{width:40px!important;height:40px!important;padding:0!important;background:#fff!important;border-radius:999px!important;font-size:25px!important;line-height:1!important;box-shadow:none!important;}.fb-react-picker button:hover{background:#f3f7f2!important;transform:scale(1.28) rotate(-6deg)!important;}
.fb-comments{display:grid!important;gap:8px!important;margin-top:12px!important;}.fb-comment{display:grid!important;grid-template-columns:34px 1fr!important;gap:8px!important;align-items:start!important;}.fb-comment-main{min-width:0!important;}.fb-comment-bubble{display:inline-block!important;max-width:100%!important;background:#f0f2f5!important;border:0!important;border-radius:18px!important;padding:9px 12px!important;}.fb-comment-bubble b{display:block!important;font-size:12.5px!important;color:#061d3a!important;}.fb-comment-bubble p{margin:3px 0 0!important;font-size:14px!important;line-height:1.45!important;color:#061d3a!important;white-space:pre-wrap!important;word-break:break-word!important;}.fb-comment-tools{display:flex!important;gap:10px!important;align-items:center!important;margin:3px 0 6px 8px!important;font-size:11.5px!important;color:#0057a8!important;}.fb-comment-tools button{border:0!important;background:transparent!important;color:#0057a8!important;font-weight:900!important;cursor:pointer!important;padding:0!important;font-size:11.5px!important;}.fb-comment-tools button:hover{text-decoration:underline!important;color:#07356d!important;}.fb-replies{display:grid!important;gap:7px!important;margin-top:7px!important;margin-left:0!important;}.fb-reply{grid-template-columns:30px 1fr!important;}.fb-reply .fb-mini-avatar{width:30px!important;height:30px!important;font-size:11px!important;}.fb-comment-form,.fb-reply-form{display:grid!important;grid-template-columns:34px 1fr auto!important;gap:8px!important;align-items:center!important;margin-top:12px!important;}.fb-comment-form input,.fb-reply-form input{width:100%!important;border:0!important;background:#f0f2f5!important;border-radius:999px!important;padding:11px 14px!important;color:#061d3a!important;outline:none!important;}.fb-comment-form input:focus,.fb-reply-form input:focus{box-shadow:0 0 0 3px rgba(253, 181, 21, .18)!important;background:#fff!important;}.fb-comment-form button,.fb-reply-form button{border:0!important;background:#e7f6df!important;color:#07356d!important;border-radius:999px!important;padding:9px 14px!important;font-weight:950!important;cursor:pointer!important;}
@media(max-width:1120px){body.portal-page{padding-top:150px!important;}body.portal-page .portal-topbar{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important;}body.portal-page .portal-nav{justify-content:flex-start!important;width:100%!important;}body.portal-page .portal-user{width:100%!important;justify-content:space-between!important;}body.portal-page .portal-card-panel,body.portal-page .portal-stat,body.portal-page .portal-hero{scroll-margin-top:174px!important;}.portal-split{grid-template-columns:1fr!important;}}
@media(max-width:680px){body.portal-page{padding-top:226px!important;}body.portal-page .portal-topbar{padding:10px 14px!important;min-height:198px!important;}body.portal-page .portal-main{padding:16px 14px 44px!important;}body.portal-page .portal-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;}body.portal-page .portal-nav a{justify-content:center!important;padding:8px 9px!important;font-size:11.5px!important;}body.portal-page .portal-brand .brand-mark{width:42px!important;height:42px!important;}body.portal-page .portal-user b{max-width:62vw;overflow:hidden;text-overflow:ellipsis;}.fb-feed{max-width:100%!important}.fb-post{padding:12px!important;border-radius:16px!important}.fb-post-head{grid-template-columns:42px 1fr auto!important}.fb-avatar{width:42px!important;height:42px!important}.fb-actions button{font-size:12px!important;padding:8px 4px!important}.fb-comment-form,.fb-reply-form{grid-template-columns:34px 1fr!important}.fb-comment-form button,.fb-reply-form button{grid-column:2!important;width:max-content!important}.fb-reaction-summary{flex-wrap:wrap!important}.fb-react-picker{left:0!important;transform:translateX(0) translateY(8px) scale(.96)!important}.fb-action-wrap:hover .fb-react-picker,.fb-react-picker:hover{transform:translateX(0) translateY(0) scale(1)!important}}


.brand-mark{font-size:13px;letter-spacing:-.04em;min-width:44px;}
body.portal-page .portal-brand .brand-mark{min-width:48px;width:48px!important;height:48px!important;font-size:13px!important;}
.fb-avatar{letter-spacing:-.04em;}
.fb-action-wrap::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px;display:block;z-index:39;}
.fb-react-picker{bottom:100%!important;margin-bottom:0!important;transition-delay:.05s!important;}
.fb-action-wrap.open .fb-react-picker,.fb-action-wrap:focus-within .fb-react-picker{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0) scale(1)!important;pointer-events:auto!important;}
.fb-react-picker button{touch-action:manipulation!important;}
.table-analytics .analytics-card{overflow:hidden!important;}
.table-analytics .clean-list{gap:0!important;min-width:0!important;}
.table-analytics .clean-list>div{grid-template-columns:minmax(100px,.86fr) minmax(120px,1.05fr) minmax(86px,.72fr) minmax(58px,auto)!important;gap:8px!important;min-width:0!important;padding:12px 0!important;}
.table-analytics .clean-list b,.table-analytics .clean-list span,.table-analytics .clean-list strong,.table-analytics .clean-list em{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.table-analytics .clean-list b{font-size:13.5px!important;line-height:1.25!important;}
.table-analytics .clean-list span{font-size:13px!important;}
.table-analytics .clean-list strong{font-size:13.5px!important;text-align:right!important;line-height:1.25!important;}
.table-analytics .clean-list em.badge{justify-self:end!important;font-size:10.5px!important;padding:4px 7px!important;max-width:74px!important;}
.table-analytics .audit-mini>div{grid-template-columns:1fr!important;gap:3px!important;}
.table-analytics .audit-mini b{white-space:normal!important;word-break:break-word!important;font-size:13px!important;line-height:1.25!important;}
.table-analytics .audit-mini span{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;}
.table-analytics .audit-mini small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
@media(max-width:1500px){.table-analytics .clean-list>div{grid-template-columns:minmax(92px,.8fr) minmax(100px,1fr) minmax(78px,.7fr) minmax(54px,auto)!important}.table-analytics .clean-list b,.table-analytics .clean-list span,.table-analytics .clean-list strong{font-size:12.5px!important}}
@media(max-width:1280px){.table-analytics .clean-list>div{grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) minmax(90px,.8fr) auto!important}.table-analytics .audit-mini>div{grid-template-columns:1fr!important}}
@media(max-width:760px){.table-analytics .clean-list>div{grid-template-columns:1fr auto!important}.table-analytics .clean-list span,.table-analytics .clean-list strong{grid-column:1/-1!important;text-align:left!important}.table-analytics .clean-list em.badge{justify-self:start!important}.fb-action-wrap.open .fb-react-picker,.fb-action-wrap:focus-within .fb-react-picker{transform:translateX(0) translateY(0) scale(1)!important}}


button[data-fb-action="react"]{font-size:18px!important;min-width:44px!important;max-width:64px!important;padding:8px 10px!important;}
button[data-fb-action="react"] .only-emoji{font-size:18px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.fb-actions{grid-template-columns:1fr 1fr 72px!important;}
.fb-react-picker{padding:8px!important;gap:3px!important;}
.fb-react-picker button{font-size:26px!important;}
.fb-comment-tools button[title="React"]{min-width:26px!important;font-size:13px!important;text-decoration:none!important;}
.fb-comment-tools button[title="React"]:hover{transform:scale(1.1)!important;text-decoration:none!important;}
.file-upload-field{grid-column:1/-1!important;border:1px solid #dbead5!important;background:linear-gradient(135deg,#fbfff7,#f2faed)!important;border-radius:16px!important;padding:14px!important;display:grid!important;gap:10px!important;}
.file-upload-field input[type="file"]{background:#fff!important;border:1px dashed #fdb515!important;border-radius:14px!important;padding:14px!important;cursor:pointer!important;}
.file-upload-field .field-help{color:#0057a8!important;font-weight:700!important;}
.portal-user-photo-preview{display:flex!important;align-items:center!important;gap:12px!important;margin:4px 0 8px!important;color:#07356d!important;font-weight:900!important;}
.portal-user-photo-thumb{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:14px!important;border:1px solid #ffe69a!important;background:#f6fbf2!important;}
.portal-user-photo-view{width:132px!important;height:132px!important;object-fit:cover!important;border-radius:18px!important;border:1px solid #ffe69a!important;background:#f6fbf2!important;}
.photo-detail-cell{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:14px!important;}
.pagination-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:16px!important;background:linear-gradient(135deg,#ffffff,#f7fcf2)!important;border:1px solid #ffe69a!important;border-radius:18px!important;padding:12px 14px!important;box-shadow:0 12px 30px rgba(6, 29, 58, .05)!important;}
.page-summary{font-size:13px!important;color:#0057a8!important;display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;}
.page-summary b{background:#edf9e2!important;color:#07356d!important;border:1px solid #ffe69a!important;border-radius:999px!important;padding:3px 8px!important;min-width:24px!important;text-align:center!important;}
.pagination{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;}
.pagination a{min-width:35px!important;height:35px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid #ffe69a!important;background:#fff!important;color:#07356d!important;font-weight:950!important;box-shadow:0 6px 16px rgba(6, 29, 58, .04)!important;transition:transform .16s ease, background .16s ease, box-shadow .16s ease!important;}
.pagination a:hover{transform:translateY(-1px)!important;background:#f0f9e8!important;box-shadow:0 10px 22px rgba(6, 29, 58, .08)!important;}
.pagination a.active{background:#07356d!important;color:#fff!important;border-color:#07356d!important;box-shadow:0 10px 24px rgba(7, 53, 109, .22)!important;}
.pagination a.disabled{background:#f8fbf6!important;color:#a1ad9f!important;box-shadow:none!important;}
.table-wrap td.col-id,.table-wrap th.col-id{width:68px!important;min-width:68px!important;text-align:center!important;word-break:normal!important;white-space:normal!important;}
@media(max-width:900px){.pagination-wrap{align-items:flex-start!important;flex-direction:column!important}.pagination{justify-content:flex-start!important}.fb-actions{grid-template-columns:1fr 1fr 56px!important}.photo-detail-cell{display:block!important}.portal-user-photo-view{margin-top:8px!important}}
@media(max-width:640px){.pagination a{min-width:31px!important;height:31px!important;padding:0 9px!important;font-size:12px!important}.pagination a:not(.active):not(:first-child):not(:last-child){display:none!important}.page-summary{font-size:12px!important}.file-upload-field{padding:12px!important}.portal-user-photo-thumb{width:62px!important;height:62px!important}}


.fb-actions{grid-template-columns:1fr 1fr!important;}
.fb-actions [data-fb-action="react"],button[data-fb-action="react"]{display:none!important;}
.fb-actions button{min-height:36px!important;}
.fb-react-picker{position:absolute!important;left:50%!important;bottom:calc(100% + 8px)!important;z-index:80!important;display:flex!important;gap:6px!important;align-items:center!important;background:#fff!important;border:1px solid #dde6dd!important;border-radius:999px!important;box-shadow:0 14px 40px rgba(0,0,0,.16)!important;padding:8px 10px!important;opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(8px) scale(.94)!important;pointer-events:none!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;}
.fb-action-wrap:hover .fb-react-picker,.fb-action-wrap.open .fb-react-picker,.fb-react-picker:hover{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0) scale(1)!important;pointer-events:auto!important;}
.fb-action-wrap::before{height:26px!important;}
.fb-reaction-summary button{border:0!important;background:transparent!important;color:#0057a8!important;padding:0!important;font:inherit!important;cursor:pointer!important;}
.fb-reaction-summary button:hover{text-decoration:underline!important;}
.fb-react-icons{border:0!important;background:transparent!important;font-size:18px!important;letter-spacing:-4px!important;margin-right:auto!important;cursor:pointer!important;}
.fb-comments,.fb-comment-form{display:none!important;}
body.modal-active{overflow:hidden!important;}
.fb-modal{position:fixed!important;inset:0!important;z-index:12000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;}
.fb-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(6, 29, 58, .62)!important;backdrop-filter:blur(2px)!important;}
.fb-modal-card{position:relative!important;background:#fff!important;border-radius:18px!important;border:1px solid #dfe6df!important;box-shadow:0 28px 90px rgba(0,0,0,.34)!important;overflow:hidden!important;color:#061d3a!important;}
.fb-comments-card{width:min(680px,96vw)!important;height:min(790px,92vh)!important;display:grid!important;grid-template-rows:auto 1fr auto!important;}
.fb-reactors-card{width:min(460px,94vw)!important;max-height:min(620px,90vh)!important;display:grid!important;grid-template-rows:auto 1fr!important;}
.fb-modal-card>header{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-height:54px!important;border-bottom:1px solid #e8eee8!important;padding:12px 56px!important;background:#fff!important;}
.fb-modal-card>header h3{margin:0!important;font-size:18px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fb-modal-card>header button{position:absolute!important;right:12px!important;top:9px!important;width:36px!important;height:36px!important;border:0!important;border-radius:999px!important;background:#eef3ef!important;color:#07356d!important;font-size:26px!important;line-height:1!important;padding:0!important;}
.fb-modal-scroll{overflow:auto!important;padding:14px 16px 0!important;scrollbar-width:thin!important;}
.fb-modal-post-head{display:grid!important;grid-template-columns:46px 1fr!important;gap:12px!important;align-items:center!important;}
.fb-modal-post-body{font-size:15px!important;line-height:1.55!important;margin-top:14px!important;padding-bottom:14px!important;border-bottom:1px solid #edf2ed!important;}
.fb-modal-summary{display:flex!important;align-items:center!important;gap:10px!important;justify-content:space-between!important;color:#0057a8!important;font-size:13px!important;padding:10px 0!important;border-bottom:1px solid #edf2ed!important;}
.fb-modal-summary button{border:0!important;background:transparent!important;color:#0057a8!important;font:inherit!important;cursor:pointer!important;padding:0!important;}
.fb-modal-summary button:hover{text-decoration:underline!important;}
.fb-modal-comments{height:410px!important;overflow:auto!important;padding:12px 0 20px!important;display:grid!important;gap:10px!important;scrollbar-width:thin!important;}
.fb-modal-comments .fb-comment{display:grid!important;grid-template-columns:38px 1fr!important;gap:9px!important;align-items:start!important;}
.fb-modal-comments .fb-reply{margin-left:42px!important;grid-template-columns:30px 1fr!important;}
.fb-modal-comments .fb-comment-bubble{width:max-content!important;max-width:min(480px,100%)!important;background:#f0f2f5!important;border:0!important;border-radius:18px!important;padding:9px 12px!important;}
.fb-modal-comments .fb-comment-bubble b{font-size:13px!important;line-height:1.2!important;}
.fb-modal-comments .fb-comment-bubble p{font-size:14px!important;margin:4px 0 0!important;color:#061d3a!important;}
.fb-modal-comments .fb-comment-tools{display:flex!important;align-items:center!important;gap:12px!important;margin:4px 0 0 10px!important;color:#0057a8!important;font-size:12px!important;}
.fb-modal-comments .fb-comment-tools button{border:0!important;background:transparent!important;color:#0057a8!important;font-size:12px!important;font-weight:800!important;padding:0!important;cursor:pointer!important;}
.fb-modal-comments .fb-comment-tools button:hover{text-decoration:underline!important;}
.fb-modal-comments .fb-replies{display:grid!important;gap:8px!important;margin-top:8px!important;}
.fb-loading-more,.fb-empty-modal{text-align:center!important;color:#0057a8!important;padding:18px!important;font-weight:700!important;}
.fb-modal-comment-form{display:grid!important;grid-template-columns:38px 1fr 42px!important;gap:10px!important;align-items:center!important;padding:12px 16px!important;border-top:1px solid #e8eee8!important;background:#fff!important;}
.fb-modal-comment-form input,.fb-reply-form input{width:100%!important;border:0!important;background:#f0f2f5!important;border-radius:999px!important;padding:12px 15px!important;outline:none!important;}
.fb-modal-comment-form input:focus,.fb-reply-form input:focus{box-shadow:0 0 0 3px rgba(253, 181, 21, .18)!important;}
.fb-modal-comment-form button{width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:#e8f4df!important;color:#07356d!important;font-weight:950!important;}
.fb-reply-form{display:grid!important;grid-template-columns:30px 1fr auto!important;gap:8px!important;align-items:center!important;margin-top:8px!important;}
.fb-reply-form button{border:0!important;border-radius:999px!important;background:#e8f4df!important;color:#07356d!important;font-weight:950!important;padding:9px 13px!important;}
.fb-reactor-list{overflow:auto!important;padding:8px 14px 14px!important;display:grid!important;gap:6px!important;}
.fb-reactor-row{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:center!important;gap:10px!important;padding:9px!important;border-radius:12px!important;}
.fb-reactor-row:hover{background:#f3f7f1!important;}
.fb-reactor-row b{display:block!important;font-size:14px!important;}.fb-reactor-row small{display:block!important;color:#0057a8!important;font-size:12px!important;}.fb-reactor-row span{font-size:22px!important;text-align:center!important;}
.table-analytics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;align-items:start!important;}
.table-analytics .analytics-card{min-width:0!important;overflow:hidden!important;}
.table-analytics .clean-list>div{display:grid!important;grid-template-columns:minmax(86px,.85fr) minmax(120px,1.2fr) minmax(84px,.8fr) auto!important;gap:8px!important;align-items:center!important;}
.table-analytics .clean-list b,.table-analytics .clean-list span,.table-analytics .clean-list strong,.table-analytics .clean-list small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.table-analytics .audit-mini>div{grid-template-columns:1fr!important;}
@media(max-width:900px){.fb-modal{padding:0!important;align-items:stretch!important}.fb-comments-card{width:100%!important;height:100%!important;border-radius:0!important}.fb-modal-comments{height:auto!important;min-height:0!important}.fb-react-picker{left:0!important;transform:translateX(0) translateY(8px) scale(.94)!important}.fb-action-wrap:hover .fb-react-picker,.fb-action-wrap.open .fb-react-picker,.fb-react-picker:hover{transform:translateX(0) translateY(0) scale(1)!important}.table-analytics{grid-template-columns:1fr!important}.table-analytics .clean-list>div{grid-template-columns:1fr auto!important}.table-analytics .clean-list span,.table-analytics .clean-list strong{grid-column:1/-1!important;text-align:left!important}.table-analytics .clean-list em{justify-self:start!important}}


.fb-comment-react-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;line-height:1!important;}
.fb-comment-react-wrap [data-comment-like]{min-width:22px!important;text-align:center!important;text-decoration:none!important;font-size:14px!important;line-height:1!important;}
.fb-comment-react-picker{position:absolute!important;left:50%!important;bottom:calc(100% + 8px)!important;z-index:15000!important;display:flex!important;align-items:center!important;gap:4px!important;background:#fff!important;border:1px solid #dde6dd!important;border-radius:999px!important;box-shadow:0 14px 38px rgba(0,0,0,.18)!important;padding:7px 9px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-50%) translateY(8px) scale(.94)!important;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;}
.fb-comment-react-wrap:hover .fb-comment-react-picker,.fb-comment-react-wrap:focus-within .fb-comment-react-picker,.fb-comment-react-picker:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0) scale(1)!important;}
.fb-comment-react-picker::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-12px!important;height:14px!important;}
.fb-comment-react-picker button{border:0!important;background:transparent!important;padding:2px 3px!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;transition:transform .14s ease!important;}
.fb-comment-react-picker button:hover{transform:translateY(-5px) scale(1.25)!important;}
.fb-modal-comment-form input,.fb-reply-form input{font-weight:700!important;}
.fb-modal-comment-form button,.fb-reply-form button{cursor:pointer!important;}
.fb-modal-comments .fb-comment-tools{overflow:visible!important;}
.fb-modal-comments .fb-comment-main{overflow:visible!important;}



.brand-mark.logo-mark{background:#ffffff!important;border-radius:50%!important;padding:2px!important;overflow:hidden!important;border:1px solid rgba(253, 181, 21, .55)!important;box-shadow:0 10px 24px rgba(6, 29, 58, .16)!important;}
.brand-mark.logo-mark img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;}
.sidebar .brand .brand-mark.logo-mark{width:54px!important;height:54px!important;min-width:54px!important;}
.portal-brand .brand-mark.logo-mark{width:52px!important;height:52px!important;min-width:52px!important;}
.brand.large .brand-mark.logo-mark{width:52px!important;height:52px!important;min-width:52px!important;}
.id-top .brand-mark.logo-mark{width:44px!important;height:44px!important;min-width:44px!important;}
.installer-brand-row .brand-mark.logo-mark{width:58px!important;height:58px!important;min-width:58px!important;}
@media(max-width:680px){.sidebar .brand .brand-mark.logo-mark,.portal-brand .brand-mark.logo-mark{width:44px!important;height:44px!important;min-width:44px!important;}}


.fb-more,.fb-react-icons,[data-modal-react-icons]{display:none!important;}
.fb-comment-tools{display:flex!important;align-items:center!important;gap:10px!important;margin-top:5px!important;color:#0057a8!important;font-size:12.5px!important;font-weight:800!important;}
.fb-comment-tools button{border:0!important;background:transparent!important;padding:0!important;color:#0057a8!important;font:inherit!important;cursor:pointer!important;line-height:1.2!important;}
.fb-comment-tools button:hover{text-decoration:underline!important;}
.fb-comment-tools [data-comment-like].active{color:#07356d!important;}
.fb-comment-react-wrap [data-comment-like]{min-width:auto!important;font-size:12.5px!important;color:#0057a8!important;font-weight:800!important;}
.fb-comment-react-picker{bottom:calc(100% + 9px)!important;}
.fb-comment-react-badge{position:absolute!important;right:-8px!important;bottom:-11px!important;border:0!important;background:#fff!important;border-radius:999px!important;padding:2px 7px!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important;font-size:12px!important;line-height:1!important;color:#07356d!important;cursor:pointer!important;z-index:2!important;}
.fb-comment-bubble{position:relative!important;}
.mention-chip{display:inline-flex!important;align-items:center!important;background:#fff1bd!important;color:#07356d!important;border-radius:999px!important;padding:1px 6px!important;font-weight:900!important;}
.mention-popover{position:absolute!important;z-index:30000!important;width:min(260px,calc(100vw - 24px))!important;background:#fff!important;border:1px solid #daeaf8!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(6, 29, 58, .18)!important;padding:6px!important;display:grid!important;gap:4px!important;}
.mention-popover button{display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;border:0!important;background:transparent!important;border-radius:10px!important;padding:7px!important;cursor:pointer!important;text-align:left!important;color:#061d3a!important;font-weight:800!important;}
.mention-popover button:hover{background:#eef8e9!important;}
.mention-popover span{width:30px!important;height:30px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#07356d,#fdb515)!important;color:#fff!important;font-weight:900!important;}
.fb-modal-summary{grid-template-columns:1fr auto!important;}
.fb-modal-summary [data-reactors-open]{justify-self:start!important;}
.fb-reaction-summary{grid-template-columns:1fr auto!important;justify-content:space-between!important;}
.fb-comment-form input,.fb-modal-comment-form input,.fb-reply-form input{font-weight:700!important;}


.form-section-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:13px 15px;border:1px solid #ffe69a;border-radius:14px;background:linear-gradient(135deg,#f8fff2,#edf8e8);color:#061d3a;font-weight:950;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.form-section-title .ico{font-size:18px}.form-section-title span{font-size:15px}.auto-number-field input[disabled],.auto-number-field input[readonly]{background:#f3f8ef!important;color:#07356d!important;font-weight:900;border-style:dashed!important}.file-upload-field{position:relative;overflow:hidden}.file-upload-field input[type="file"]{width:100%;min-height:52px}.portal-user-photo-live-preview img,.portal-user-photo-preview img{display:block!important}.photo-detail-cell{grid-column:1/-1}.photo-detail-cell .portal-user-photo-view,.photo-detail-cell .portal-user-photo-placeholder{margin-top:8px}.employee-profile-summary{margin-bottom:14px;padding:12px;border:1px solid #e3f0dc;border-radius:16px;background:#fbfff8}.employee-profile-summary h3{margin:0 0 4px;color:#061d3a}.employee-profile-summary p{margin:0;color:#0057a8;font-weight:800}.modal-card.wide .modal-body.form-grid{align-items:start}.modal-card.wide .file-upload-field{margin-bottom:6px}.field-help{line-height:1.35}.portal-user-photo-placeholder{overflow:hidden}.portal-user-photo-placeholder .ico{line-height:1}
@media(max-width:760px){.form-section-title{padding:11px 12px}.form-section-title span{font-size:14px}.modal-body.form-grid{grid-template-columns:1fr!important}.employee-profile-summary{align-items:flex-start}}


.portal-user-workflow-actions{min-width:340px!important; width:340px!important;}
.portal-user-workflow-actions .btn{font-size:11px!important; gap:5px!important; white-space:nowrap!important;}
.portal-user-workflow-actions .btn .ico{font-size:13px!important;}
@media(max-width:1280px){.portal-user-workflow-actions{min-width:112px!important;width:112px!important}.portal-user-workflow-actions .btn{font-size:0!important;gap:0!important}.portal-user-workflow-actions .btn .ico{font-size:13px!important}}


.fb-post-image{display:block!important;width:100%!important;border:0!important;background:#f6faf5!important;border-radius:14px!important;overflow:hidden!important;padding:0!important;margin:10px 0 0!important;cursor:pointer!important;box-shadow:inset 0 0 0 1px #e1eadf!important;}
.fb-post-image img{display:block!important;width:100%!important;max-height:420px!important;object-fit:cover!important;background:#eef5ec!important;}
.fb-modal-image{margin:12px 0 0!important;border-radius:14px!important;overflow:hidden!important;background:#f4f7f3!important;box-shadow:inset 0 0 0 1px #e1e8df!important;}
.fb-modal-image img{display:block!important;width:100%!important;max-height:480px!important;object-fit:contain!important;background:#f4f7f3!important;}
.fb-post .fb-post-body:empty{display:none!important;}
.fb-reaction-summary{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;}
.fb-reaction-summary [data-reaction-count]:empty{visibility:hidden!important;}
.fb-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;}
.fb-action-wrap{position:relative!important;}
.fb-action-wrap .fb-react-picker{left:100%!important;bottom:calc(100% + 7px)!important;transform:translateX(-10%) translateY(8px) scale(.94)!important;}
.fb-action-wrap:hover .fb-react-picker,.fb-action-wrap.open .fb-react-picker,.fb-action-wrap .fb-react-picker:hover{transform:translateX(-10%) translateY(0) scale(1)!important;}
.fb-action-wrap.picked .fb-react-picker,.fb-comment-react-wrap.picked .fb-comment-react-picker{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-10%) translateY(8px) scale(.94)!important;}
.fb-comment-react-wrap.picked .fb-comment-react-picker{transform:translateX(-50%) translateY(8px) scale(.94)!important;}
.fb-actions [data-fb-action="like"],.fb-actions [data-fb-action="comment"]{font-size:13px!important;}
.fb-modal-summary [data-modal-reaction-count]:empty{visibility:hidden!important;}
.file-upload-field .portal-user-photo-live-preview span::after{content:"";}
@media(max-width:760px){.fb-action-wrap .fb-react-picker{left:0!important;bottom:calc(100% + 8px)!important;transform:translateX(0) translateY(8px) scale(.94)!important}.fb-action-wrap:hover .fb-react-picker,.fb-action-wrap.open .fb-react-picker,.fb-action-wrap .fb-react-picker:hover{transform:translateX(0) translateY(0) scale(1)!important}.fb-post-image img{max-height:320px!important}}


.bpw-dash{display:flex;flex-direction:column;gap:18px;max-width:100%;overflow:hidden;}
.bpw-dash *{box-sizing:border-box;}
.bpw-dash-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#f4fbef 100%);border:1px solid #dce7e0;border-radius:18px;padding:22px 24px;box-shadow:0 12px 34px rgba(6, 29, 58, .06);}
.bpw-eyebrow{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#07356d;}
.bpw-dash-hero h2{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.04em;color:#061d3a;}
.bpw-dash-hero p{margin:9px 0 0;color:#0057a8;font-size:14px;max-width:760px;}
.bpw-range-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;background:#fff;border:1px solid #dce7e0;border-radius:16px;padding:12px 14px;box-shadow:0 10px 25px rgba(6, 29, 58, .05);min-width:300px;}
.bpw-range-card label{display:flex;align-items:center;gap:10px;margin:0;}
.bpw-range-card span{font-weight:900;color:#07356d;font-size:12px;}
.bpw-range-card select{width:auto;min-width:130px;padding:8px 36px 8px 12px;border-radius:12px;background:#fff;border:1px solid #d7e4da;font-weight:800;color:#061d3a;}
.bpw-range-card b{font-size:13px;color:#0057a8;white-space:nowrap;}
.bpw-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.bpw-kpi-card{background:#fff;border:1px solid #dfe9e1;border-radius:17px;box-shadow:0 12px 34px rgba(6, 29, 58, .07);padding:18px 20px;min-height:134px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;position:relative;}
.bpw-kpi-card:before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#0057a8,#fdb515);opacity:.75;}
.bpw-kpi-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.bpw-kpi-copy>span{font-size:13px;color:#0057a8;}
.bpw-kpi-copy strong{font-size:27px;line-height:1;letter-spacing:-.04em;color:#061d3a;white-space:nowrap;}
.bpw-kpi-copy small{font-size:12px;color:#0057a8;line-height:1.35;}
.bpw-kpi-icon{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;font-size:25px;background:#eef8e8;color:#07356d;box-shadow:inset 0 0 0 1px rgba(7, 53, 109, .07);flex:0 0 auto;}
.bpw-kpi-card.tone-blue .bpw-kpi-icon{background:#eaf2ff;color:#2664e8}.bpw-kpi-card.tone-blue:before{background:linear-gradient(90deg,#2876ff,#70b8ff)}
.bpw-kpi-card.tone-purple .bpw-kpi-icon{background:#f1eaff;color:#7645e8}.bpw-kpi-card.tone-purple:before{background:linear-gradient(90deg,#7645e8,#c9a9ff)}
.bpw-kpi-card.tone-amber .bpw-kpi-icon{background:#fff3d8;color:#d58a00}.bpw-kpi-card.tone-amber:before{background:linear-gradient(90deg,#f59e0b,#fbd55d)}
.bpw-trend{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font-weight:900;font-size:11px;background:#eef3f0;color:#0057a8;white-space:nowrap;}
.bpw-trend.up{background:#e7f9ed;color:#07356d}.bpw-trend.down{background:#fff0ed;color:#c73622}.bpw-trend.flat{background:#f2f6f2;color:#0057a8}
.bpw-chart-grid{display:grid;gap:16px;align-items:stretch;}.bpw-chart-grid-main{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);}.bpw-chart-grid-main.second-row{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);}
.bpw-panel{background:#fff;border:1px solid #dfe9e1;border-radius:18px;box-shadow:0 12px 34px rgba(6, 29, 58, .07);padding:18px;min-width:0;overflow:hidden;}
.bpw-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0;}
.bpw-panel-head h3{margin:0;color:#061d3a;font-size:18px;letter-spacing:-.025em;line-height:1.2;}
.bpw-panel-head p{margin:5px 0 0;color:#0057a8;font-size:12px;}
.bpw-panel-head a{color:#07356d;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;}
.bpw-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce9d5;background:#f3faef;color:#07356d;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;white-space:nowrap;}
.bpw-legend{display:flex;gap:18px;align-items:center;margin:4px 0 6px;color:#0057a8;font-size:12px;font-weight:700;}
.bpw-legend span{display:inline-flex;gap:8px;align-items:center}.bpw-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.blue-dot{background:#1f7bff}.gray-dot{background:#cdd5dd}
.bpw-chart-box{width:100%;height:342px;border:1px solid #eef3ee;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdf8);position:relative;overflow:hidden;padding:6px;}
.bpw-chart-box.donut{height:342px;}
.bpw-chart-box canvas{display:block;width:100%;height:100%;}
.chart-tooltip{position:fixed;z-index:99999;pointer-events:none;background:#fff;border:1px solid #dce5dd;border-radius:11px;padding:9px 11px;box-shadow:0 18px 48px rgba(6, 29, 58, .14);font-size:12px;color:#061d3a;min-width:150px;transform:translate(-50%,-112%);display:none;}
.chart-tooltip b{display:block;margin-bottom:6px;color:#061d3a}.chart-tooltip span{display:flex;justify-content:space-between;gap:18px;margin:3px 0;color:#0057a8}.chart-tooltip strong{color:#061d3a}.chart-tooltip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.chart-tooltip .blue{background:#1f7bff}.chart-tooltip .gray{background:#ccd5df}.chart-tooltip .green{background:#07356d}
.bpw-lower-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;}.bpw-lower-grid.two-col{grid-template-columns:1fr 1fr;}
.capacity-list{display:flex;flex-direction:column;gap:14px;padding-top:4px;}.capacity-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,190px) 44px;gap:12px;align-items:center;border-bottom:1px solid #edf3ed;padding-bottom:13px;}.capacity-item:last-child{border-bottom:0}.capacity-item b{display:block;color:#061d3a;font-size:14px;line-height:1.2}.capacity-item small{display:block;color:#0057a8;margin-top:3px;line-height:1.3}.capacity-item strong{text-align:right;color:#061d3a}.capacity-bar{height:8px;background:#ecf4ea;border-radius:999px;overflow:hidden}.capacity-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#07356d,#fdb515)}
.bpw-clean-list{display:flex;flex-direction:column;gap:0;}.bpw-clean-list>div{display:grid;grid-template-columns:minmax(105px,.65fr) minmax(0,1fr) minmax(86px,.6fr) auto;align-items:center;gap:12px;border-bottom:1px solid #edf3ed;padding:12px 0;min-width:0;}.bpw-clean-list>div:last-child{border-bottom:0}.bpw-clean-list b,.bpw-clean-list strong,.bpw-clean-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpw-clean-list b{font-size:13px;color:#061d3a}.bpw-clean-list span{color:#0057a8;font-size:13px}.bpw-clean-list strong{font-size:13px;color:#061d3a}.bpw-clean-list em{justify-self:end;font-style:normal;border-radius:999px;white-space:nowrap}.bpw-clean-list.audit>div{grid-template-columns:minmax(160px,.8fr) minmax(0,1fr);align-items:start}.bpw-clean-list.audit small{grid-column:1/-1;color:#0057a8;line-height:1.35;display:block;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.summary-grid div{border:1px solid #edf3ed;background:#fbfdf8;border-radius:14px;padding:14px;}.summary-grid span{display:block;color:#0057a8;font-size:12px;margin-bottom:6px}.summary-grid b{font-size:20px;color:#061d3a;letter-spacing:-.03em}.dashboard-ai textarea{min-height:90px;}
.file-upload-field .portal-user-photo-live-preview img{display:block!important;object-fit:cover!important;}
.file-upload-field .portal-user-photo-live-preview{border-color:#ffe69a;background:#fff;}
@media(max-width:1360px){.bpw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.bpw-chart-grid-main,.bpw-chart-grid-main.second-row,.bpw-lower-grid,.bpw-lower-grid.two-col{grid-template-columns:1fr;}.bpw-chart-box{height:330px;}.bpw-dash-hero{align-items:flex-start;flex-direction:column}.bpw-range-card{width:100%;justify-content:space-between;}}
@media(max-width:760px){.bpw-kpi-grid{grid-template-columns:1fr}.bpw-kpi-copy strong{font-size:23px}.bpw-dash-hero h2{font-size:24px}.bpw-chart-box{height:300px}.bpw-range-card{min-width:0}.bpw-panel{padding:14px}.capacity-item{grid-template-columns:1fr;gap:6px}.capacity-item strong{text-align:left}.bpw-clean-list>div{grid-template-columns:1fr auto}.bpw-clean-list span,.bpw-clean-list strong{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.summary-grid{grid-template-columns:1fr}.bpw-chart-box{height:280px}.bpw-range-card label{width:100%;justify-content:space-between}.bpw-range-card b{white-space:normal}.bpw-panel-head{flex-direction:column}.bpw-legend{flex-wrap:wrap}}


.bpw-report-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;align-items:stretch;}
.bpw-report-grid.two-col{grid-template-columns:1fr 1fr;}
.bpw-report-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr));}
.bpw-rank-panel{overflow:hidden;background:linear-gradient(180deg,#fff,#fcfffb);}
.bpw-rank-panel.wide{min-height:100%;}
.bpw-rank-list{display:flex;flex-direction:column;gap:10px;}
.bpw-rank-list.compact{gap:8px;}
.bpw-rank-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #eef4ed;background:#fff;border-radius:14px;padding:12px;min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.bpw-rank-row:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(6, 29, 58, .08);border-color:#d9ead4;}
.rank-no{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eff8e9;color:#07356d;font-size:13px;font-weight:900;}
.rank-main{min-width:0;display:flex;flex-direction:column;gap:4px;}
.rank-main strong{font-size:14px;color:#061d3a;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-main small{font-size:12px;color:#4a91d0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-value{font-size:14px;font-weight:950;color:#061d3a;white-space:nowrap;text-align:right;}
.rank-value.danger{color:#bb2319;}
.rank-meter{grid-column:2/4;height:6px;border-radius:999px;background:#eef5eb;overflow:hidden;display:block;}
.rank-meter em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#07356d,#fdb515);}
.bpw-rank-row.money-row{grid-template-columns:48px minmax(0,1fr) minmax(104px,auto);}
.bpw-stat-list{display:flex;flex-direction:column;gap:9px;}
.bpw-stat-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:12px;border:1px solid #edf4ec;border-radius:14px;background:#fff;padding:13px 14px;min-width:0;}
.bpw-stat-list span{font-size:13px;font-weight:900;color:#061d3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bpw-stat-list b{font-size:18px;color:#061d3a;white-space:nowrap;text-align:right;}
.bpw-stat-list small{font-size:12px;color:#0057a8;text-align:right;}
.bpw-priority-list{display:flex;flex-direction:column;gap:10px;}
.bpw-priority-list>div{border:1px solid #edf4ec;background:#fff;border-radius:14px;padding:13px 14px;display:flex;gap:10px;align-items:flex-start;}
.bpw-priority-list b{min-width:112px;color:#07356d;font-size:13px;}
.bpw-priority-list span{color:#0057a8;font-size:13px;line-height:1.4;}
@media(max-width:1360px){.bpw-report-grid,.bpw-report-grid.two-col,.bpw-report-grid.three-col{grid-template-columns:1fr;}}
@media(max-width:760px){.bpw-rank-row,.bpw-rank-row.money-row{grid-template-columns:40px minmax(0,1fr);}.rank-value{grid-column:2;text-align:left}.rank-meter{grid-column:1/-1}.bpw-stat-list>div{grid-template-columns:1fr auto}.bpw-stat-list small{grid-column:1/-1;text-align:left}.bpw-priority-list>div{flex-direction:column}.bpw-priority-list b{min-width:0}}


.table-wrap th.col-id,.table-wrap td.col-id,.col-id{display:none!important;width:0!important;min-width:0!important;padding:0!important;border:0!important;}
.portal-user-workflow-actions{width:310px!important;}
.portal-user-workflow-actions .btn{white-space:nowrap!important;}
.btn.disabled,.btn.readonly,span.btn.disabled{opacity:.72!important;cursor:not-allowed!important;pointer-events:none!important;background:#eef5e9!important;color:#0057a8!important;border-color:#ffe69a!important;}
.ai-terminal{background:linear-gradient(180deg,#061d3a,#061d3a)!important;border:1px solid rgba(253, 181, 21, .35)!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 38px rgba(0,0,0,.16)!important;}
.ai-terminal pre{margin:0!important;min-height:120px!important;white-space:pre-wrap!important;color:#ffe69a!important;font-family:"Cascadia Code","JetBrains Mono","SFMono-Regular",Consolas,monospace!important;font-size:13.5px!important;line-height:1.65!important;letter-spacing:.01em!important;text-shadow:0 0 14px rgba(253, 181, 21, .18)!important;}
.ai-terminal pre.typing::after{content:'|';display:inline-block;margin-left:2px;color:#fdb515;animation:aiBlink .8s step-end infinite;}
@keyframes aiBlink{50%{opacity:0}}
@media(max-width:1200px){.portal-user-workflow-actions{width:250px!important}.portal-user-workflow-actions .btn{font-size:10.5px!important;padding:5px 7px!important}}
@media(max-width:760px){.portal-user-workflow-actions{width:74px!important}.portal-user-workflow-actions .btn:not(:first-child){display:none!important}}


.inline-form{display:inline-flex;margin:0;}
.payroll-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f5fbf1);}
.payroll-hero h2{margin:5px 0 8px;color:#061d3a;font-size:28px;letter-spacing:-.04em;line-height:1.12;}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#07356d;font-size:11px;font-weight:950;margin:0;}
.period-picker{min-width:360px;display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.period-picker select{min-width:320px;}
.period-status{align-self:flex-end;border-radius:999px;padding:8px 13px;font-weight:950;font-size:12px;}
.payroll-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:14px 0;}
.kpi-card{background:#fff;border:1px solid #dfe9e1;border-radius:18px;padding:16px 17px;box-shadow:0 12px 34px rgba(6, 29, 58, .07);display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;position:relative;}
.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#07356d,#fdb515);}
.kpi-card>span{width:42px;height:42px;border-radius:999px;background:#f0f8ec;display:grid;place-items:center;font-size:20px;}
.kpi-card small{font-size:12px;color:#0057a8;font-weight:800;}
.kpi-card b{font-size:27px;color:#061d3a;letter-spacing:-.04em;line-height:1;}
.kpi-card em{font-style:normal;color:#0057a8;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.workflow-card{margin-top:14px;}
.workflow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch;}
.workflow-step{border:1px solid #e2eddd;background:linear-gradient(180deg,#fff,#fbfefa);border-radius:17px;padding:14px;display:flex;flex-direction:column;gap:9px;min-height:185px;}
.workflow-step>b{width:32px;height:32px;border-radius:999px;background:#07356d;color:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 9px 18px rgba(7, 53, 109, .18);}
.workflow-step h3{margin:0;color:#061d3a;font-size:15px;letter-spacing:-.02em;}
.workflow-step p{margin:0;color:#0057a8;font-size:12px;line-height:1.35;min-height:48px;}
.stack-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;}
.workflow-step .btn{width:100%;justify-content:center;}
.payroll-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.clean-list{display:flex;flex-direction:column;gap:9px;}
.clean-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #edf4ec;background:#fff;border-radius:14px;padding:12px;}
.clean-list-row b{display:block;color:#061d3a;font-size:13px;margin-bottom:4px;}
.clean-list-row span{display:block;color:#0057a8;font-size:12px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.clean-list-row em{font-style:normal;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap;}
.approval-track{display:grid;grid-template-columns:1fr;gap:9px;}
.approval-step{display:flex;align-items:center;gap:10px;border:1px solid #edf4ec;background:#fff;border-radius:14px;padding:11px 12px;}
.approval-step>span{width:28px;height:28px;border-radius:50%;background:#f0f3f0;color:#4a91d0;display:grid;place-items:center;font-weight:950;}
.approval-step.done>span{background:#07356d;color:#fff;}
.approval-step b{display:block;color:#061d3a;font-size:13px;}
.approval-step small{display:block;color:#0057a8;font-size:12px;margin-top:2px;}
.payroll-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.payroll-checklist span{border:1px solid #e1ecd9;background:#f9fdf6;border-radius:999px;padding:9px 12px;color:#061d3a;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:1500px){.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));}.payroll-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.payroll-checklist{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:980px){.payroll-hero{flex-direction:column}.period-picker{min-width:0;width:100%;}.period-picker select{min-width:0;width:100%;}.payroll-grid-2{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}.payroll-kpi-grid{grid-template-columns:1fr 1fr}.payroll-checklist{grid-template-columns:1fr 1fr}.period-status{align-self:flex-start;}}
@media(max-width:620px){.workflow-steps,.payroll-kpi-grid,.payroll-checklist{grid-template-columns:1fr}.payroll-hero h2{font-size:23px}.workflow-step{min-height:auto}.workflow-step p{min-height:0}}


.nav.nav-accordion{gap:7px;}
.nav-dashboard{margin-bottom:6px;}
.nav-group{border:1px solid rgba(253, 181, 21, .16);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden;}
.nav-group[open],.nav-group.active-group{background:rgba(253, 181, 21, .075);border-color:rgba(253, 181, 21, .30);}
.nav-group summary{list-style:none;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:#e8f7df;font-weight:900;font-size:13px;letter-spacing:.01em;user-select:none;}
.nav-group summary::-webkit-details-marker{display:none;}
.nav-group summary:hover{background:rgba(253, 181, 21, .10);color:#fff;}
.nav-group-label{display:flex;align-items:center;gap:10px;min-width:0;}
.nav-chevron{font-size:15px;transition:transform .18s ease;color:#ffe69a;}
.nav-group[open] .nav-chevron{transform:rotate(180deg);}
.nav-submenu{display:flex;flex-direction:column;gap:3px;padding:0 7px 8px 7px;}
.nav-submenu a{font-size:13px;padding:9px 10px 9px 34px;border-radius:11px;color:#fff1bd;position:relative;}
.nav-submenu a .ico{position:absolute;left:11px;}
.nav-submenu a.active{background:rgba(253, 181, 21, .18);border-color:rgba(253, 181, 21, .30);color:#fff;}
.nav-submenu a:hover{background:rgba(255,255,255,.08);}
.nav-title{display:none!important;}
.nav-group summary:hover .ico,.nav-group[open] summary .ico{transform:scale(1.14) rotate(-7deg);}
@media(max-width:680px){.nav-group summary{font-size:12px}.nav-submenu a{font-size:12px}}


.ai-page-panel{max-width:980px;}
.ai-terminal pre{font-family:"Cascadia Mono","SFMono-Regular",Consolas,monospace;font-size:13px;line-height:1.65;color:#061d3a;}
@media(max-width:900px){
  .fb-reactors-modal{align-items:center!important;padding:16px!important;}
  .fb-reactors-card{width:min(368px,80vw)!important;max-height:72vh!important;border-radius:16px!important;}
  .fb-reactors-card>header{min-height:48px!important;padding:10px 50px!important;}
  .fb-reactors-card>header h3{font-size:15px!important;}
  .fb-reactor-list{padding:10px!important;}
  .fb-reactor-row{padding:10px 8px!important;}
}
@media(max-width:520px){
  .fb-reactors-card{width:min(340px,84vw)!important;max-height:68vh!important;}
}


.portal-install-button{margin-top:10px!important;border-style:dashed!important;justify-content:center!important;gap:8px!important;}
.portal-install-button.install-ready{border-style:solid!important;background:#f2faec!important;box-shadow:0 10px 26px rgba(6, 29, 58, .06)!important;}
.portal-install-note{min-height:20px;margin:7px 0 0;color:#0057a8;font-size:12px;font-weight:800;line-height:1.35;}
.portal-install-note.good{color:#07356d;}
.bpw-dash .bpw-panel,.bpw-dash .bpw-kpi-card,.module-head.card,.card{content-visibility:auto;contain-intrinsic-size:260px;}
@media(max-width:700px){.portal-install-button{width:100%!important}.portal-install-note{text-align:center}}
.dashboard-skeleton-card,.dashboard-skeleton-wide{border:1px solid #dfe9e1;border-radius:18px;background:linear-gradient(90deg,#ffffff,#f0f7ed,#ffffff);background-size:220% 100%;box-shadow:0 12px 34px rgba(6, 29, 58, .06);animation:bpwSkeleton 1.15s ease-in-out infinite;}
.dashboard-skeleton-card{height:132px;}
.dashboard-skeleton-wide{height:420px;}
@keyframes bpwSkeleton{0%{background-position:0 0}100%{background-position:220% 0}}



.btn.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important;box-shadow:0 10px 24px rgba(180,35,24,.14)!important;}
.btn.danger:hover{background:#991b12!important;transform:translateY(-1px)}
.portal-install-mini{border:1px solid #ffe69a;background:#f2faec;color:#061d3a;border-radius:999px;padding:7px 10px;font-weight:950;font-size:12px;cursor:pointer;white-space:nowrap;}
.portal-install-mini.install-ready,.portal-install-button.install-ready{background:#fff1bd!important;border-color:#fdb515!important;box-shadow:0 10px 26px rgba(168, 111, 0, .13)!important;}
.portal-install-note.mini{font-size:10.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;}
.pwa-install-modal-backdrop{position:fixed;inset:0;background:rgba(6, 29, 58, .58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:99999;padding:18px;}
.pwa-install-modal-backdrop.show{display:flex;}
.pwa-install-modal{position:relative;width:min(420px,94vw);background:#fff;border:1px solid #ffe69a;border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);color:#061d3a;}
.pwa-install-close{position:absolute;right:14px;top:12px;border:0;background:#eef7ec;color:#061d3a;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer;font-weight:950;}
.pwa-install-icon{width:72px;height:72px;border-radius:20px;background:#f2faec;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 10px 24px rgba(6, 29, 58, .08)}
.pwa-install-icon img{width:58px;height:58px;object-fit:contain;}
.pwa-install-modal h2{margin:0 0 8px;font-size:24px;color:#061d3a;}
.pwa-install-modal p{color:#0057a8;line-height:1.45;margin:8px 0 12px;}
.pwa-install-modal ol{margin:0 0 14px 20px;padding:0;color:#061d3a;line-height:1.7;font-weight:700;}
.pwa-small{font-size:12px!important;color:#0057a8!important;background:#f8fcf3;border:1px solid #e0eedb;border-radius:14px;padding:10px;}
@media(max-width:680px){.portal-install-mini{padding:7px 9px;font-size:11px}.portal-install-note.mini{display:none}.pwa-install-modal{width:min(360px,92vw);border-radius:20px;padding:20px}.pwa-install-modal h2{font-size:21px}}


.nav-flow-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(232,247,223,.62);padding:7px 10px 2px 34px;font-weight:900}
.nav-submenu a{display:flex;align-items:center;gap:7px;line-height:1.2}
.nav-submenu a .nav-step{position:static;flex:0 0 auto;min-width:23px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(253, 181, 21, .14);border:1px solid rgba(253, 181, 21, .24);font-size:10px;font-weight:950;color:#ffe69a;letter-spacing:.02em}
.nav-submenu a.active .nav-step,.nav-submenu a:hover .nav-step{background:#fdb515;color:#061d3a;border-color:#fdb515}
.nav-submenu a .ico{position:static;left:auto;flex:0 0 auto}
.nav-submenu a{padding-left:10px!important}


.module-empty-state{
  min-height:190px!important;
  border:1px solid #dbe9d6!important;
  border-radius:14px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  color:#4a91d0!important;
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
  margin-top:6px!important;
}


.remote-lookup{position:relative;width:100%;}
.remote-lookup input{width:100%;}
.remote-lookup-results{position:absolute;z-index:220;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow:auto;background:#fff;border:1px solid #ffe69a;border-radius:14px;box-shadow:0 18px 48px rgba(6, 29, 58, .18);padding:7px;}
.remote-lookup-item,.remote-lookup-more{width:100%;border-radius:10px!important;background:#fff!important;border:1px solid transparent!important;color:#061d3a!important;display:grid!important;grid-template-columns:1fr!important;text-align:left!important;justify-content:start!important;align-items:start!important;gap:2px!important;padding:10px 11px!important;min-height:0!important;font-weight:700!important;}
.remote-lookup-item:hover,.remote-lookup-item.is-active{background:#f2faed!important;border-color:#ffe69a!important;transform:none!important;}
.remote-lookup-item b{font-size:13px;color:#061d3a;line-height:1.25;}
.remote-lookup-item span{font-size:12px;color:#07356d;font-weight:800;line-height:1.25;}
.remote-lookup-item small{font-size:11px;color:#4a91d0;font-weight:600;line-height:1.25;white-space:normal;}
.remote-lookup-message{padding:12px;color:#0057a8;font-weight:800;font-size:13px;text-align:center;}
.remote-lookup-more{margin-top:5px!important;background:#f5fbef!important;border-color:#ffe69a!important;text-align:center!important;justify-items:center!important;color:#07356d!important;}
.modal-card .remote-lookup-results{max-height:360px;}
@media(max-width:700px){.remote-lookup-results{max-height:260px;}}


.toolbar input[type="date"]{max-width:170px;}
td.actions{white-space:nowrap;display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:nowrap;}
td.actions .btn{margin:0!important;}
@media(max-width:780px){td.actions{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.toolbar input[type="date"]{max-width:100%;}}

.module-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.generated-link-card{display:grid;gap:10px;margin-bottom:14px}
.generated-link-card input{width:100%;font-weight:800;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;color:var(--text)}
.portal-shell .portal-card.wide{max-width:1120px;width:min(1120px,calc(100vw - 24px));margin:24px auto}
.portal-card .modal-body.form-grid{padding:0;margin-top:16px}


body.intake-public-page{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(253, 181, 21, .20),transparent 26%),
    linear-gradient(135deg,#edf7ea 0%,#f8fcf4 46%,#eef7ed 100%)!important;
  color:#061d3a!important;
}
.intake-page-shell{
  width:min(1120px,calc(100vw - 36px));
  margin:0 auto;
  padding:34px 0 54px;
}
.portal-shell .portal-card.wide.intake-card,
.intake-card{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dbead5!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(6, 29, 58, .13)!important;
}
.intake-hero{
  display:grid;
  grid-template-columns:148px 1fr;
  align-items:center;
  gap:24px;
  padding:28px 32px;
  background:linear-gradient(135deg,#f7fcf3,#ffffff 52%,#eef9e8);
  border-bottom:1px solid #e4f0de;
}
.intake-logo-wrap{
  width:148px;
  height:148px;
  border-radius:28px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #dcebd6;
  box-shadow:0 16px 38px rgba(6, 29, 58, .10);
  overflow:hidden;
}
.intake-logo-wrap img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  display:block!important;
}
.intake-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border:1px solid #ffe69a;
  background:#fff1bd;
  color:#061d3a;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.intake-hero h1{
  margin:12px 0 8px!important;
  font-size:clamp(28px,3.4vw,42px)!important;
  line-height:1.06!important;
  color:#061d3a!important;
  letter-spacing:-.04em;
}
.intake-hero p{
  margin:0!important;
  color:#0057a8!important;
  font-weight:850!important;
  font-size:15px!important;
}
.intake-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.intake-badges span{
  border:1px solid #ffe69a;
  background:#fff;
  color:#07356d;
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(6, 29, 58, .04);
}
.intake-card>.alert,
.intake-card>.intake-reminder,
.intake-card>.intake-form{
  margin-left:32px!important;
  margin-right:32px!important;
}
.intake-card>.alert{margin-top:24px!important;}
.intake-reminder{
  margin-top:24px;
  padding:14px 16px;
  border:1px solid #ffe69a;
  border-radius:16px;
  background:#f8fcf4;
  color:#0057a8;
  font-weight:800;
  line-height:1.45;
}
.intake-reminder strong{color:#061d3a;}
.intake-form{
  padding:0 0 30px!important;
  margin-top:22px!important;
  gap:16px!important;
  align-items:start!important;
}
.intake-form .form-section-title{
  grid-column:1/-1!important;
  margin-top:8px!important;
  padding:13px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f2faed,#fbfff8)!important;
  border:1px solid #ffe69a!important;
  color:#061d3a!important;
  box-shadow:none!important;
}
.intake-form .form-section-title:first-of-type{margin-top:0!important;}
.intake-form label{
  gap:7px!important;
  color:#07356d!important;
}
.intake-form input,
.intake-form select,
.intake-form textarea{
  min-height:46px!important;
  border-radius:13px!important;
  border-color:#ccdcca!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(6, 29, 58, .02)!important;
}
.intake-form textarea{min-height:94px!important;}
.intake-form .field-title{
  font-size:13px!important;
  color:#07356d!important;
}
.intake-form .file-upload-field{
  background:#fbfff8!important;
  border:1px solid #dcebd6!important;
  border-radius:18px!important;
  padding:14px!important;
  box-shadow:0 8px 22px rgba(6, 29, 58, .035)!important;
}
.intake-form .file-upload-field.full-upload{grid-column:1/-1!important;}
.intake-form .file-upload-field.intake-doc-upload{grid-column:auto!important;}
.intake-form .file-upload-field input[type="file"]{
  min-height:48px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px dashed #fdb515!important;
}
.intake-form .field-help{
  color:#0057a8!important;
  font-size:12px!important;
  font-weight:750!important;
}
.intake-submit-row{
  position:sticky;
  bottom:0;
  z-index:5;
  margin:8px -32px -30px!important;
  padding:16px 32px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-top:1px solid #e4f0de;
}
.intake-submit-row .btn.primary{
  min-width:180px;
  min-height:46px;
  border-radius:999px!important;
  box-shadow:0 12px 28px rgba(7, 53, 109, .18)!important;
}
@media(max-width:760px){
  .intake-page-shell{width:min(100%,calc(100vw - 20px));padding:18px 0 34px;}
  .intake-hero{grid-template-columns:1fr;text-align:center;justify-items:center;padding:24px 18px;gap:16px;}
  .intake-logo-wrap{width:112px;height:112px;border-radius:24px;}
  .intake-logo-wrap img{width:88px!important;height:88px!important;}
  .intake-kicker{margin:0 auto;}
  .intake-badges{justify-content:center;}
  .intake-card>.alert,.intake-card>.intake-reminder,.intake-card>.intake-form{margin-left:16px!important;margin-right:16px!important;}
  .intake-form .file-upload-field.intake-doc-upload{grid-column:1/-1!important;}
  .intake-submit-row{margin-left:-16px!important;margin-right:-16px!important;padding:14px 16px!important;}
  .intake-submit-row .btn.primary{width:100%;}
}


.security-stats .stat-card strong{font-size:2rem;line-height:1.1}.permission-matrix-card{overflow:hidden}.permission-table-wrap{max-height:72vh}.permission-table th{position:sticky;top:0;z-index:2}.permission-table td:first-child,.permission-table th:first-child{position:sticky;left:0;z-index:3;background:var(--card,#fff);min-width:260px}.permission-table td:first-child small{display:block;color:var(--muted,#6b7280);font-weight:600;margin-top:4px}.perm-cell{min-width:170px;vertical-align:top}.perm-check{display:inline-flex;align-items:center;gap:5px;margin:3px 8px 3px 0;font-size:.82rem;font-weight:700;color:var(--text,#123)}.perm-check input{width:16px;height:16px;accent-color:var(--primary,#07356d)}.waf-card code{display:block;margin-top:8px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(7, 53, 109, .05);white-space:normal;word-break:break-word;font-size:.82rem}.waf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.waf-grid>div{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:14px;background:#fff}.security-stats{margin-bottom:18px}@media (max-width:900px){.waf-grid{grid-template-columns:1fr}.permission-table td:first-child,.permission-table th:first-child{position:static}.permission-table-wrap{max-height:none}.perm-cell{min-width:220px}}

.code-textarea{width:100%;min-height:520px;resize:vertical;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:#0f172a;color:#e5e7eb;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.compact-detail{gap:12px}.compact-detail div{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:rgba(248,250,252,.75)}
.alert-row-critical{box-shadow:inset 4px 0 0 #b91c1c}.alert-row-high{box-shadow:inset 4px 0 0 #f97316}.alert-row-medium{box-shadow:inset 4px 0 0 #facc15}
.integrity-ok{border-color:rgba(0, 87, 168, .22)!important;background:linear-gradient(135deg,rgba(240,253,244,.95),rgba(255,255,255,.96))!important}.integrity-bad{border-color:rgba(220,38,38,.22)!important;background:linear-gradient(135deg,rgba(254,242,242,.95),rgba(255,255,255,.96))!important}
.inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;padding:0;background:transparent;border:0;box-shadow:none}.inline-head h2{margin:0}.inline-head form{margin:0}


.security-proof-hero .module-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.inline-form{display:inline-flex;margin:0}.validation-summary-card{margin-bottom:18px}.validation-group-card{margin-top:18px}.validation-table th:nth-child(1){width:18%}.validation-table th:nth-child(2){width:110px}.validation-table th:nth-child(4){width:22%}.validation-table th:nth-child(5){width:25%}.validation-table td{vertical-align:top}.small-code{min-height:150px!important;background:#061d3a!important;color:#eafff2!important}.validation-table small{display:block;line-height:1.45;color:#0057a8;font-weight:650}@media(max-width:900px){.security-proof-hero .module-actions{justify-content:stretch}.security-proof-hero .btn,.security-proof-hero form{width:100%}.security-proof-hero .btn{justify-content:center}.validation-table th:nth-child(n){width:auto}.validation-table{min-width:980px}}

.installer-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.installer-card{max-width:980px;width:min(980px,calc(100vw - 32px))}.installer-card h2{grid-column:1/-1;margin:16px 0 4px}.staff-hero{background:linear-gradient(135deg,rgba(236,253,245,.9),rgba(255,255,255,.96))}.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.auth-links a{font-weight:800;color:var(--primary,#07356d);text-decoration:none}.full{grid-column:1/-1}.form-stack{display:grid;gap:12px}

body.portal-page .portal-card-panel .portal-grid{margin-top:14px;margin-bottom:0;}
body.portal-page .portal-card-panel .muted{line-height:1.55;}


body.portal-page.portal-employee .portal-topbar{overflow:visible!important;}
body.portal-page.portal-employee .portal-nav-grouped{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;overflow:visible!important;scrollbar-width:auto!important;padding:4px!important;flex-wrap:wrap!important;}
body.portal-page.portal-employee .portal-nav-group{position:relative!important;flex:0 0 auto!important;}
body.portal-page.portal-employee .portal-nav-toggle{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:999px!important;padding:9px 15px!important;background:#f5fbef!important;border:1px solid #ffe69a!important;color:#061d3a!important;font-weight:950!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(6, 29, 58, .04)!important;cursor:pointer!important;line-height:1!important;}
body.portal-page.portal-employee .portal-nav-toggle:hover,
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-toggle{background:#fff1bd!important;border-color:#fdb515!important;transform:translateY(-1px) scale(1.01)!important;box-shadow:0 10px 26px rgba(6, 29, 58, .10)!important;}
body.portal-page.portal-employee .portal-nav-caret{font-size:12px!important;opacity:.75!important;transition:transform .18s ease!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-caret{transform:rotate(180deg)!important;}
body.portal-page.portal-employee .portal-nav-group:hover .portal-nav-caret{transform:none!important;}
body.portal-page.portal-employee .portal-nav-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;z-index:9000!important;min-width:245px!important;display:none!important;gap:6px!important;padding:10px!important;border:1px solid #ffe69a!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-group:hover .portal-nav-menu{display:none!important;}
body.portal-page.portal-employee .portal-nav-group.open:hover .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-menu a{width:100%!important;justify-content:flex-start!important;border-radius:13px!important;padding:10px 12px!important;background:#fbfff8!important;border:1px solid transparent!important;box-shadow:none!important;color:#061d3a!important;font-size:13px!important;}
body.portal-page.portal-employee .portal-nav-menu a:hover{background:#fff1bd!important;border-color:#ffe69a!important;transform:none!important;box-shadow:none!important;}
body.portal-page.portal-employee .portal-nav-menu a.active{background:#fff1bd!important;border-color:#fdb515!important;}
body.portal-page.portal-employee .portal-main section,
body.portal-page.portal-employee .portal-card-panel{scroll-margin-top:116px!important;}
@media(max-width:1120px){
  body.portal-page.portal-employee{padding-top:176px!important;}
  body.portal-page.portal-employee .portal-nav-grouped{justify-content:flex-start!important;width:100%!important;}
  body.portal-page.portal-employee .portal-main section,
  body.portal-page.portal-employee .portal-card-panel{scroll-margin-top:198px!important;}
}
@media(max-width:680px){
  body.portal-page.portal-employee{padding-top:252px!important;}
  body.portal-page.portal-employee .portal-topbar{min-height:224px!important;}
  body.portal-page.portal-employee .portal-nav-grouped{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;}
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;height:40px!important;font-size:12px!important;padding:8px 9px!important;}
  body.portal-page.portal-employee .portal-nav-menu{position:static!important;min-width:0!important;margin-top:7px!important;box-shadow:0 12px 30px rgba(6, 29, 58, .12)!important;border-radius:14px!important;padding:8px!important;}
  body.portal-page.portal-employee .portal-nav-group:not(.open):hover .portal-nav-menu{display:none!important;}
  body.portal-page.portal-employee .portal-nav-menu a{font-size:12px!important;padding:8px 9px!important;white-space:normal!important;}
  body.portal-page.portal-employee .portal-main section,
  body.portal-page.portal-employee .portal-card-panel{scroll-margin-top:270px!important;}
}



body.portal-page.portal-employee .portal-nav-group:not(.open):hover .portal-nav-menu{display:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-group:not(.open):hover .portal-nav-caret{transform:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-caret{transform:rotate(180deg)!important;}


body.portal-page.portal-employee .portal-nav-group:hover .portal-nav-menu{display:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-group.open:hover .portal-nav-menu{display:grid!important;}
.remote-lookup{position:relative!important;}
.remote-lookup-results{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;z-index:9500!important;background:#fff!important;border:1px solid #daeaf8!important;border-radius:14px!important;box-shadow:0 18px 46px rgba(6, 29, 58, .18)!important;padding:6px!important;max-height:260px!important;overflow:auto!important;}
.remote-lookup-item,.remote-lookup-more,.remote-lookup-message{width:100%!important;text-align:left!important;border:0!important;background:#fbfff8!important;border-radius:10px!important;padding:9px 10px!important;margin:3px 0!important;color:#061d3a!important;}
.remote-lookup-item b,.remote-lookup-item span,.remote-lookup-item small{display:block!important;}
.remote-lookup-item:hover,.remote-lookup-item.is-active{background:#fff1bd!important;}


html{max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{max-width:100%;overflow-x:hidden!important;}
img,svg,video,canvas{max-width:100%;height:auto;}
input,select,textarea,button,.btn{max-width:100%;}
.card,.stat-card,.portal-card-panel,.portal-stat,.module-head,.modal-card,.analytics-card,.dss-metric-card{min-width:0!important;}


.app-shell{width:100%;max-width:100%;}
.main{min-width:0!important;max-width:100%!important;}
@media(max-width:1100px){
  .app-shell{display:block!important;}
  .sidebar{width:min(320px,88vw)!important;max-width:88vw!important;}
  .main{margin-left:0!important;padding:18px!important;}
  .topbar{position:sticky!important;top:0!important;z-index:80!important;background:rgba(242,249,239,.97)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:1px solid #dcebd6!important;margin:-18px -18px 18px!important;padding:12px 18px!important;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid-2,.grid-3,.main-analytics,.secondary-analytics,.table-analytics{grid-template-columns:1fr!important;}
  .form-grid,.detail-grid,.detail-grid.compact{grid-template-columns:1fr!important;}
  .module-head{align-items:flex-start!important;}
}
@media(max-width:680px){
  .main{padding:12px!important;}
  .topbar{margin:-12px -12px 14px!important;padding:10px 12px!important;align-items:flex-start!important;flex-direction:column!important;}
  .topbar h1{font-size:20px!important;line-height:1.2!important;}
  .userbox{width:100%!important;justify-content:space-between!important;}
  .stats-grid,.dss-metric-grid{grid-template-columns:1fr!important;}
  .card,.module-head{padding:14px!important;border-radius:14px!important;}
  .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .toolbar input,.toolbar select,.toolbar .btn,.toolbar button{width:100%!important;}
  .modal{padding:10px!important;align-items:flex-start!important;}
  .modal-card{width:100%!important;max-height:calc(100vh - 20px)!important;border-radius:14px!important;}
  .modal-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .modal-actions .btn,.modal-actions button{width:100%!important;}
}


@media(max-width:980px){
  .table-wrap,.portal-table,.permission-table-wrap{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;}
  .table-wrap table,.portal-table table,.permission-table{min-width:760px!important;width:max-content!important;max-width:none!important;table-layout:auto!important;}
  .table-wrap th,.table-wrap td,.portal-table th,.portal-table td,.permission-table th,.permission-table td{white-space:nowrap!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .portal-table th:nth-child(n),.portal-table td:nth-child(n){display:table-cell!important;}
  .table-wrap::-webkit-scrollbar,.portal-table::-webkit-scrollbar{height:8px!important;width:8px!important;display:block!important;}
  .table-wrap::-webkit-scrollbar-thumb,.portal-table::-webkit-scrollbar-thumb{background:#ffe69a!important;border-radius:999px!important;}
}
@media(max-width:520px){
  .table-wrap table,.portal-table table{min-width:680px!important;}
  .table-wrap th,.table-wrap td,.portal-table th,.portal-table td{font-size:12px!important;padding:9px 8px!important;}
}


body.portal-page{padding-top:0!important;overflow-x:hidden!important;background:#eef7ec!important;}
body.portal-page .portal-topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:5000!important;width:100%!important;display:grid!important;grid-template-columns:minmax(220px,auto) minmax(190px,auto)!important;grid-template-areas:"brand user" "nav nav"!important;align-items:center!important;justify-content:stretch!important;gap:12px 18px!important;min-height:0!important;height:auto!important;padding:14px clamp(14px,2vw,28px)!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dcebd6!important;box-shadow:0 10px 28px rgba(6, 29, 58, .08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;overflow:visible!important;}
body.portal-page .portal-brand{grid-area:brand!important;min-width:0!important;}
body.portal-page .portal-brand strong,body.portal-page .portal-brand span{max-width:260px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.portal-page .portal-user{grid-area:user!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-width:0!important;white-space:nowrap!important;}
body.portal-page .portal-nav{grid-area:nav!important;width:100%!important;min-width:0!important;}
body.portal-page .portal-main{max-width:1780px!important;width:100%!important;margin:0 auto!important;padding:clamp(14px,2vw,32px) clamp(12px,2.4vw,42px) 60px!important;}
body.portal-page .portal-hero{margin-top:0!important;}


body.portal-page.portal-employee .portal-nav-grouped{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:0!important;overflow:visible!important;}
body.portal-page.portal-employee .portal-nav-group{position:relative!important;flex:0 1 auto!important;min-width:0!important;}
body.portal-page.portal-employee .portal-nav-toggle{width:auto!important;max-width:100%!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:999px!important;padding:9px 15px!important;background:#f5fbef!important;border:1px solid #ffe69a!important;color:#061d3a!important;font-weight:950!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(6, 29, 58, .04)!important;cursor:pointer!important;line-height:1!important;}
body.portal-page.portal-employee .portal-nav-toggle:hover{background:#f5fbef!important;border-color:#ffe69a!important;transform:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-toggle{background:#fff1bd!important;border-color:#fdb515!important;box-shadow:0 10px 26px rgba(6, 29, 58, .10)!important;}
body.portal-page.portal-employee .portal-nav-group:hover .portal-nav-menu{display:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-menu,body.portal-page.portal-employee .portal-nav-group.open:hover .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-menu{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translateX(-50%)!important;z-index:9000!important;width:min(285px,calc(100vw - 28px))!important;min-width:min(245px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;display:none!important;gap:6px!important;padding:10px!important;border:1px solid #ffe69a!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;}
body.portal-page.portal-employee .portal-nav-menu a{width:100%!important;justify-content:flex-start!important;border-radius:13px!important;padding:10px 12px!important;background:#fbfff8!important;border:1px solid transparent!important;box-shadow:none!important;color:#061d3a!important;font-size:13px!important;white-space:normal!important;line-height:1.25!important;}
body.portal-page.portal-employee .portal-nav-menu a:hover{background:#fff1bd!important;border-color:#ffe69a!important;transform:none!important;box-shadow:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-caret{transform:rotate(180deg)!important;}
body.portal-page.portal-employee .portal-main section,body.portal-page.portal-employee .portal-card-panel{scroll-margin-top:132px!important;}


body.portal-page .portal-grid{display:grid!important;gap:14px!important;}
body.portal-page .portal-grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;}
body.portal-page .portal-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;}
body.portal-page .portal-grid-2,.portal-split{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;}
body.portal-page .portal-detail-list,body.portal-page .portal-payment-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;}
body.portal-page .portal-request-form{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;}
body.portal-page .portal-request-form .wide-field,body.portal-page .portal-request-form button{grid-column:1/-1!important;}

@media(max-width:1180px){
  body.portal-page .portal-topbar{grid-template-columns:1fr auto!important;grid-template-areas:"brand user" "nav nav"!important;}
  body.portal-page.portal-employee .portal-nav-grouped{justify-content:center!important;}
  body.portal-page .portal-main{padding-top:18px!important;}
}
@media(max-width:900px){
  body.portal-page .portal-topbar{grid-template-columns:1fr!important;grid-template-areas:"brand" "user" "nav"!important;gap:10px!important;text-align:center!important;}
  body.portal-page .portal-brand{justify-content:center!important;}
  body.portal-page .portal-brand strong,body.portal-page .portal-brand span{max-width:78vw!important;}
  body.portal-page .portal-user{justify-content:center!important;width:100%!important;flex-wrap:wrap!important;}
  body.portal-page.portal-employee .portal-nav-grouped{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:8px!important;}
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;font-size:12px!important;padding:8px 9px!important;}
  body.portal-page.portal-employee .portal-nav-menu{left:50%!important;}
  body.portal-page .portal-grid-2,.portal-split{grid-template-columns:1fr!important;}
  body.portal-page .portal-hero{padding:20px!important;border-radius:18px!important;}
  body.portal-page .portal-card-panel{padding:16px!important;border-radius:16px!important;}
}
@media(max-width:680px){
  body.portal-page .portal-topbar{padding:10px 12px!important;gap:9px!important;}
  body.portal-page .portal-brand span{display:block!important;font-size:11px!important;}
  body.portal-page .portal-user{justify-content:space-between!important;text-align:left!important;gap:8px!important;}
  body.portal-page .portal-user b{max-width:52vw!important;}
  body.portal-page.portal-employee .portal-nav-grouped{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.portal-page.portal-employee .portal-nav-menu{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:7px!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(6, 29, 58, .12)!important;}
  body.portal-page .portal-main{padding:14px 12px 44px!important;}
  body.portal-page .portal-grid-4,body.portal-page .portal-grid-3,body.portal-page .portal-grid-2,body.portal-page .portal-detail-list,body.portal-page .portal-payment-summary,body.portal-page .portal-request-form{grid-template-columns:1fr!important;}
  body.portal-page .portal-stat{align-items:flex-start!important;padding:14px!important;}
  body.portal-page .portal-hero h1{font-size:24px!important;line-height:1.18!important;}
}
@media(max-width:430px){
  body.portal-page.portal-employee .portal-nav-grouped{grid-template-columns:1fr!important;}
  body.portal-page .portal-user{display:grid!important;grid-template-columns:1fr auto!important;width:100%!important;}
  body.portal-page .portal-user .btn,body.portal-page .portal-user button{grid-column:1/-1!important;width:100%!important;}
}


.remote-lookup-results{max-width:min(520px,calc(100vw - 24px))!important;}
@media(max-width:680px){
  .remote-lookup-results{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:18px!important;max-height:min(360px,55vh)!important;width:auto!important;}
}


body.portal-page .portal-module-toggle{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #ffe69a!important;
  background:#f5fbef!important;
  color:#061d3a!important;
  border-radius:999px!important;
  font-weight:950!important;
  min-height:40px!important;
  padding:9px 16px!important;
  box-shadow:0 6px 16px rgba(6, 29, 58, .05)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.portal-page.portal-nav-open .portal-module-toggle,
body.portal-page .portal-module-toggle:hover{
  background:#fff1bd!important;
  border-color:#fdb515!important;
}
@media(max-width:1180px){
  html{scroll-padding-top:96px!important;}
  body.portal-page{padding-top:0!important;overflow-x:hidden!important;background:#eef7ec!important;}
  body.portal-page .portal-topbar{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    z-index:5000!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user" "nav nav nav"!important;
    align-items:center!important;
    gap:10px 12px!important;
    min-height:0!important;
    height:auto!important;
    padding:10px 14px!important;
    overflow:visible!important;
  }
  body.portal-page .portal-brand{grid-area:brand!important;justify-content:flex-start!important;min-width:0!important;}
  body.portal-page .portal-brand .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;}
  body.portal-page .portal-brand strong{font-size:14px!important;max-width:210px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.portal-page .portal-brand span{font-size:11px!important;max-width:210px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.portal-page .portal-module-toggle{grid-area:toggle!important;display:inline-flex!important;}
  body.portal-page .portal-user{grid-area:user!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important;min-width:0!important;width:auto!important;}
  body.portal-page .portal-user b{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.portal-page .portal-install-mini{min-height:36px!important;padding:8px 12px!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:none!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav{
    grid-area:nav!important;
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:start!important;
    padding:10px!important;
    border:1px solid #ffe69a!important;
    border-radius:18px!important;
    background:rgba(248,252,243,.98)!important;
    box-shadow:0 16px 36px rgba(6, 29, 58, .10)!important;
    max-height:calc(100vh - 104px)!important;
    overflow:auto!important;
  }
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;}
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;position:relative!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;height:40px!important;font-size:12.5px!important;padding:8px 12px!important;}
  body.portal-page.portal-employee .portal-nav-menu{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:7px!important;
    box-shadow:0 10px 22px rgba(6, 29, 58, .10)!important;
    border-radius:14px!important;
  }
  body.portal-page .portal-main{padding-top:16px!important;}
}
@media(max-width:760px){
  html{scroll-padding-top:86px!important;}
  body.portal-page .portal-topbar{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"brand brand" "toggle user" "nav nav"!important;
    padding:10px 12px!important;
  }
  body.portal-page .portal-brand{justify-content:center!important;text-align:center!important;}
  body.portal-page .portal-brand strong,body.portal-page .portal-brand span{max-width:80vw!important;}
  body.portal-page .portal-module-toggle{width:100%!important;}
  body.portal-page .portal-user{justify-content:flex-end!important;gap:8px!important;}
  body.portal-page .portal-user b{max-width:34vw!important;}
  body.portal-page .portal-install-mini{display:none!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{grid-template-columns:1fr!important;max-height:calc(100vh - 126px)!important;}
}
@media(max-width:430px){
  body.portal-page .portal-topbar{grid-template-areas:"brand" "user" "toggle" "nav"!important;grid-template-columns:1fr!important;}
  body.portal-page .portal-user{justify-content:space-between!important;width:100%!important;}
  body.portal-page .portal-user b{max-width:56vw!important;}
}


body.portal-page .portal-topbar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:7000!important;
  width:100%!important;
  min-height:72px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(240px,340px) minmax(0,1fr) auto!important;
  grid-template-areas:"brand nav user"!important;
  align-items:center!important;
  gap:14px 18px!important;
  padding:12px clamp(18px,2.2vw,34px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,253,244,.96))!important;
  border-bottom:1px solid rgba(253, 181, 21, .55)!important;
  box-shadow:0 10px 26px rgba(6, 29, 58, .08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  overflow:visible!important;
}
body.portal-page .portal-brand{grid-area:brand!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;text-align:left!important;}
body.portal-page .portal-brand .brand-mark{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(6, 29, 58, .16)!important;}
body.portal-page .portal-brand strong{display:block!important;font-size:16px!important;line-height:1.15!important;color:#061d3a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px!important;}
body.portal-page .portal-brand span{display:block!important;font-size:12.5px!important;color:#0057a8!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px!important;}
body.portal-page .portal-module-toggle{grid-area:toggle!important;display:none!important;}
body.portal-page .portal-nav,
body.portal-page.portal-employee .portal-nav-grouped{
  grid-area:nav!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
body.portal-page.portal-employee .portal-nav-group{position:relative!important;width:auto!important;}
body.portal-page.portal-employee .portal-nav-toggle,
body.portal-page .portal-nav>a{
  min-height:40px!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  background:#f6fbf0!important;
  border:1px solid #fff1bd!important;
  box-shadow:0 8px 18px rgba(6, 29, 58, .05)!important;
  color:#061d3a!important;
  font-size:13.5px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.portal-page.portal-employee .portal-nav-group.active .portal-nav-toggle,
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-toggle,
body.portal-page.portal-employee .portal-nav-toggle:hover,
body.portal-page .portal-nav>a:hover,
body.portal-page .portal-nav>a.active{
  background:#fff1bd!important;
  border-color:#fdb515!important;
  box-shadow:0 12px 26px rgba(229, 159, 0, .12)!important;
  transform:translateY(-1px)!important;
}
body.portal-page.portal-employee .portal-nav-menu{top:calc(100% + 12px)!important;border-radius:20px!important;padding:10px!important;box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;}
body.portal-page .portal-user{grid-area:user!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;width:auto!important;min-width:0!important;white-space:nowrap!important;}
body.portal-page .portal-profile-button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  padding:6px 10px 6px 7px!important;
  border:1px solid #ffe69a!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#061d3a!important;
  box-shadow:0 10px 24px rgba(6, 29, 58, .08)!important;
  cursor:pointer!important;
  font:inherit!important;
}
body.portal-page .portal-profile-button:hover,
body.portal-page .portal-profile-menu.open .portal-profile-button{background:#f1fbe9!important;border-color:#fdb515!important;}
body.portal-page .portal-profile-avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:linear-gradient(135deg,#07356d,#0057a8)!important;color:#fff!important;font-weight:950!important;font-size:12px!important;letter-spacing:.04em!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)!important;}
body.portal-page .portal-profile-avatar.large{width:42px!important;height:42px!important;min-width:42px!important;font-size:14px!important;}
body.portal-page .portal-profile-text{display:block!important;text-align:left!important;min-width:0!important;}
body.portal-page .portal-profile-text b{display:block!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13.5px!important;color:#061d3a!important;line-height:1.1!important;}
body.portal-page .portal-profile-text small{display:block!important;font-size:11px!important;color:#0057a8!important;margin-top:2px!important;}
body.portal-page .portal-profile-caret{font-weight:950!important;color:#07356d!important;transition:transform .18s ease!important;}
body.portal-page .portal-profile-menu.open .portal-profile-caret{transform:rotate(180deg)!important;}
body.portal-page .portal-profile-dropdown{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  z-index:9500!important;
  width:min(310px,calc(100vw - 24px))!important;
  display:none!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid #ffe69a!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 26px 76px rgba(6, 29, 58, .22)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  text-align:left!important;
}
body.portal-page .portal-profile-menu.open .portal-profile-dropdown{display:flex!important;}
body.portal-page .portal-profile-drop-head{display:flex!important;align-items:center!important;gap:12px!important;padding:10px!important;border-radius:17px!important;background:#f5fbef!important;border:1px solid #e4f1dc!important;}
body.portal-page .portal-profile-drop-head strong{display:block!important;max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;color:#061d3a!important;}
body.portal-page .portal-profile-drop-head small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#0057a8!important;}
body.portal-page .portal-profile-action{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:42px!important;padding:10px 12px!important;border:1px solid #e0efd8!important;border-radius:14px!important;background:#fbfff8!important;color:#061d3a!important;text-decoration:none!important;font-weight:950!important;font-size:13px!important;cursor:pointer!important;box-shadow:none!important;}
body.portal-page button.portal-profile-action{font:inherit!important;font-weight:950!important;}
body.portal-page .portal-profile-action:hover{background:#fff1bd!important;border-color:#ffe69a!important;}
body.portal-page .portal-profile-action.danger{color:#9b1c1c!important;background:#fff8f6!important;border-color:#f2ded8!important;}
body.portal-page .portal-profile-action.danger:hover{background:#ffece7!important;border-color:#f2b5a8!important;}
body.portal-page .portal-install-note.mini{font-size:11px!important;color:#0057a8!important;padding:0 6px!important;white-space:normal!important;}
body.portal-page .portal-main{padding-top:22px!important;}
@media(min-width:1181px){
  body.portal-page{padding-top:0!important;}
  body.portal-page .portal-module-toggle{display:none!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:flex!important;}
}
@media(max-width:1180px){
  body.portal-page .portal-topbar{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand toggle user" "nav nav nav"!important;padding:10px 14px!important;min-height:0!important;}
  body.portal-page .portal-module-toggle{display:inline-flex!important;min-height:42px!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:none!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:8px!important;align-items:start!important;justify-content:stretch!important;padding:10px!important;border:1px solid #ffe69a!important;border-radius:18px!important;background:rgba(248,252,243,.98)!important;box-shadow:0 16px 36px rgba(6, 29, 58, .10)!important;max-height:calc(100vh - 104px)!important;overflow:auto!important;}
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;justify-content:center!important;}
  body.portal-page.portal-employee .portal-nav-menu{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:7px!important;}
  body.portal-page .portal-profile-text small{display:none!important;}
}
@media(max-width:760px){
  body.portal-page .portal-topbar{grid-template-columns:1fr auto!important;grid-template-areas:"brand user" "toggle toggle" "nav nav"!important;gap:9px!important;padding:10px 12px!important;}
  body.portal-page .portal-brand{justify-content:flex-start!important;text-align:left!important;}
  body.portal-page .portal-brand .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;}
  body.portal-page .portal-brand strong{font-size:14px!important;max-width:56vw!important;}
  body.portal-page .portal-brand span{font-size:11px!important;max-width:56vw!important;}
  body.portal-page .portal-module-toggle{width:100%!important;}
  body.portal-page .portal-profile-text{display:none!important;}
  body.portal-page .portal-profile-button{min-height:42px!important;padding:5px 8px 5px 6px!important;}
  body.portal-page .portal-profile-dropdown{right:0!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{grid-template-columns:1fr!important;max-height:calc(100vh - 126px)!important;}
  body.portal-page .portal-main{padding-top:14px!important;}
}
@media(max-width:430px){
  body.portal-page .portal-topbar{grid-template-columns:1fr!important;grid-template-areas:"brand" "user" "toggle" "nav"!important;}
  body.portal-page .portal-user{justify-content:center!important;width:100%!important;}
  body.portal-page .portal-profile-text{display:block!important;}
  body.portal-page .portal-profile-text b{max-width:58vw!important;}
  body.portal-page .portal-profile-dropdown{left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
}



body.portal-page{
  background:
    radial-gradient(circle at 8% 0%, rgba(253, 181, 21, .22), transparent 26%),
    linear-gradient(180deg,#f6fbf2 0%,#eef7ec 52%,#f7fbf3 100%)!important;
}
body.portal-page .portal-topbar{
  position:sticky!important;
  top:0!important;
  z-index:7000!important;
  display:grid!important;
  grid-template-columns:minmax(245px,auto) minmax(0,1fr) minmax(190px,auto)!important;
  grid-template-areas:"brand nav user"!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:82px!important;
  padding:12px clamp(18px,2.5vw,36px)!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(218, 234, 248, .9)!important;
  box-shadow:0 10px 30px rgba(6, 29, 58, .08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:visible!important;
}
body.portal-page .portal-brand{
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
body.portal-page .portal-brand .brand-mark{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fff3,#fff1bd)!important;
  border:1px solid #ffe69a!important;
  box-shadow:0 12px 28px rgba(6, 29, 58, .10)!important;
}
body.portal-page .portal-brand strong{
  display:block!important;
  color:#061d3a!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.portal-page .portal-brand span{
  display:block!important;
  margin-top:4px!important;
  color:#0057a8!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.portal-page .portal-module-toggle{
  grid-area:toggle!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:9px 16px!important;
  border:1px solid #ffe69a!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f8fff4,#edf9e4)!important;
  color:#061d3a!important;
  font-weight:950!important;
  box-shadow:0 10px 24px rgba(6, 29, 58, .08)!important;
  cursor:pointer!important;
}
body.portal-page.portal-nav-open .portal-module-toggle,
body.portal-page .portal-module-toggle:hover{
  background:#fff1bd!important;
  border-color:#fdb515!important;
}
body.portal-page .portal-nav,
body.portal-page.portal-employee .portal-nav-grouped{
  grid-area:nav!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
body.portal-page.portal-employee .portal-nav-group{
  position:relative!important;
  width:auto!important;
  flex:0 0 auto!important;
}
body.portal-page.portal-employee .portal-nav-toggle,
body.portal-page .portal-nav>a{
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 14px!important;
  border:1px solid #daeaf8!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fbfff8,#f2faeb)!important;
  color:#061d3a!important;
  box-shadow:0 8px 18px rgba(6, 29, 58, .045)!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.portal-page.portal-employee .portal-nav-group.active .portal-nav-toggle,
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-toggle,
body.portal-page.portal-employee .portal-nav-toggle:hover,
body.portal-page .portal-nav>a:hover{
  background:linear-gradient(180deg,#fff1bd,#fff1bd)!important;
  border-color:#fdb515!important;
  box-shadow:0 14px 28px rgba(0, 87, 168, .13)!important;
  transform:translateY(-1px)!important;
}
body.portal-page.portal-employee .portal-nav-menu{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:9800!important;
  display:none!important;
  width:min(292px,calc(100vw - 28px))!important;
  min-width:min(245px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  gap:7px!important;
  padding:10px!important;
  border:1px solid #d9ead4!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.portal-page.portal-employee .portal-nav-group:hover .portal-nav-menu{display:none!important;}
body.portal-page.portal-employee .portal-nav-group.open .portal-nav-menu,
body.portal-page.portal-employee .portal-nav-group.open:hover .portal-nav-menu{display:grid!important;}
body.portal-page.portal-employee .portal-nav-menu a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-height:40px!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:#fbfff8!important;
  color:#061d3a!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body.portal-page.portal-employee .portal-nav-menu a:hover{background:#fff1bd!important;border-color:#ffe69a!important;transform:none!important;}
body.portal-page .portal-user{
  grid-area:user!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.portal-page .portal-profile-button{
  min-height:48px!important;
  padding:6px 11px 6px 7px!important;
  border:1px solid #ffe69a!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff,#f4fbef)!important;
  box-shadow:0 12px 28px rgba(6, 29, 58, .10)!important;
}
body.portal-page .portal-profile-button:hover,
body.portal-page .portal-profile-menu.open .portal-profile-button{background:#fff1bd!important;border-color:#fdb515!important;}
body.portal-page .portal-profile-dropdown{
  top:calc(100% + 12px)!important;
  width:min(300px,calc(100vw - 24px))!important;
  padding:12px!important;
  border-radius:22px!important;
}
body.portal-page .portal-profile-dropdown .portal-install-note,
body.portal-page .portal-install-note.mini{display:none!important;}
body.portal-page .portal-profile-action{min-height:44px!important;border-radius:15px!important;font-size:13.5px!important;}
body.portal-page .portal-main{width:min(1480px,100%)!important;margin:0 auto!important;padding:24px clamp(18px,2.4vw,36px)!important;}

@media(min-width:1351px){
  body.portal-page .portal-module-toggle{display:none!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:flex!important;}
}
@media(max-width:1350px){
  body.portal-page .portal-topbar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user" "nav nav nav"!important;
    gap:10px 12px!important;
    min-height:0!important;
    padding:10px 16px!important;
  }
  body.portal-page .portal-module-toggle{display:inline-flex!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:none!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    gap:9px!important;
    align-items:start!important;
    justify-content:stretch!important;
    padding:10px!important;
    border:1px solid #ffe69a!important;
    border-radius:20px!important;
    background:rgba(248,252,243,.98)!important;
    box-shadow:0 16px 36px rgba(6, 29, 58, .10)!important;
    max-height:calc(100vh - 110px)!important;
    overflow:auto!important;
  }
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;justify-content:center!important;}
  body.portal-page.portal-employee .portal-nav-menu{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:7px!important;box-shadow:0 12px 28px rgba(6, 29, 58, .12)!important;}
}
@media(max-width:820px){
  body.portal-page .portal-topbar{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"brand user" "toggle toggle" "nav nav"!important;
    padding:10px 12px!important;
  }
  body.portal-page .portal-brand .brand-mark{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;}
  body.portal-page .portal-brand strong{font-size:15px!important;max-width:50vw!important;}
  body.portal-page .portal-brand span{font-size:11px!important;max-width:50vw!important;}
  body.portal-page .portal-profile-text small{display:none!important;}
  body.portal-page .portal-module-toggle{width:100%!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{grid-template-columns:1fr!important;max-height:calc(100vh - 132px)!important;}
  body.portal-page .portal-main{padding:16px 12px!important;}
}
@media(max-width:480px){
  body.portal-page .portal-topbar{grid-template-columns:1fr!important;grid-template-areas:"brand" "user" "toggle" "nav"!important;}
  body.portal-page .portal-brand{justify-content:center!important;text-align:center!important;}
  body.portal-page .portal-brand strong,body.portal-page .portal-brand span{max-width:86vw!important;}
  body.portal-page .portal-user{justify-content:center!important;width:100%!important;}
  body.portal-page .portal-profile-text{display:block!important;}
  body.portal-page .portal-profile-text b{max-width:54vw!important;}
  body.portal-page .portal-profile-dropdown{left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
}


html{scroll-padding-top:112px!important;}
body.portal-page{
  padding-top:0!important;
}
body.portal-page .portal-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:9000!important;
  width:100%!important;
  min-height:72px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(160px,auto)!important;
  grid-template-areas:"brand nav user"!important;
  align-items:center!important;
  gap:10px 14px!important;
  padding:10px clamp(16px,2.4vw,30px)!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(218, 234, 248, .95)!important;
  box-shadow:0 10px 26px rgba(6, 29, 58, .08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  overflow:visible!important;
}
body.portal-page .portal-main{
  margin-top:82px!important;
  padding-top:20px!important;
}
body.portal-page .portal-hero,
body.portal-page .portal-card-panel,
body.portal-page .portal-stat{
  scroll-margin-top:104px!important;
}
body.portal-page .portal-brand .brand-mark{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:15px!important;
}
body.portal-page .portal-brand strong{font-size:15px!important;max-width:100%!important;}
body.portal-page .portal-brand span{font-size:11.5px!important;max-width:100%!important;}
body.portal-page .portal-module-toggle{display:none!important;}

@media(min-width:1121px){
  body.portal-page .portal-module-toggle{display:none!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav,
  body.portal-page.portal-employee:not(.portal-nav-open) .portal-nav-grouped,
  body.portal-page .portal-topbar .portal-nav,
  body.portal-page.portal-employee .portal-nav-grouped{
    display:flex!important;
  }
}

@media(max-width:1120px){
  html{scroll-padding-top:96px!important;}
  body.portal-page{padding-top:0!important;}
  body.portal-page .portal-topbar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user"!important;
    min-height:68px!important;
    padding:8px 14px!important;
    gap:8px 10px!important;
  }
  body.portal-page .portal-brand{min-width:0!important;}
  body.portal-page .portal-brand .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;}
  body.portal-page .portal-brand strong{font-size:14px!important;max-width:38vw!important;}
  body.portal-page .portal-brand span{font-size:11px!important;max-width:38vw!important;}
  body.portal-page .portal-module-toggle{
    display:inline-flex!important;
    width:auto!important;
    min-width:112px!important;
    min-height:42px!important;
    padding:8px 14px!important;
    white-space:nowrap!important;
  }
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav,
  body.portal-page.portal-employee:not(.portal-nav-open) .portal-nav-grouped{
    display:none!important;
  }
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:14px!important;
    right:14px!important;
    z-index:9100!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:9px!important;
    padding:10px!important;
    border:1px solid #daeaf8!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;
    max-height:calc(100vh - 96px)!important;
    overflow:auto!important;
  }
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;justify-content:center!important;}
  body.portal-page.portal-employee .portal-nav-menu{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    margin-top:7px!important;
  }
  body.portal-page .portal-main{
    margin-top:78px!important;
    padding:14px clamp(12px,2vw,22px) 44px!important;
  }
  body.portal-page .portal-hero,
  body.portal-page .portal-card-panel,
  body.portal-page .portal-stat{scroll-margin-top:96px!important;}
}

@media(max-width:680px){
  html{scroll-padding-top:120px!important;}
  body.portal-page{padding-top:0!important;}
  body.portal-page .portal-topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand user" "toggle toggle"!important;
    min-height:106px!important;
    padding:8px 12px!important;
    gap:8px!important;
  }
  body.portal-page .portal-brand{justify-content:flex-start!important;text-align:left!important;}
  body.portal-page .portal-brand .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;}
  body.portal-page .portal-brand strong{font-size:13.5px!important;max-width:54vw!important;}
  body.portal-page .portal-brand span{font-size:10.5px!important;max-width:54vw!important;display:block!important;}
  body.portal-page .portal-module-toggle{width:100%!important;min-height:40px!important;padding:8px 12px!important;}
  body.portal-page .portal-profile-button{min-height:40px!important;padding:5px 8px!important;}
  body.portal-page .portal-profile-text{display:none!important;}
  body.portal-page .portal-profile-avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:12px!important;}
  body.portal-page .portal-profile-dropdown{right:0!important;left:auto!important;transform:none!important;width:min(292px,calc(100vw - 24px))!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    left:12px!important;
    right:12px!important;
    grid-template-columns:1fr!important;
    max-height:calc(100vh - 126px)!important;
  }
  body.portal-page .portal-main{
    margin-top:116px!important;
    padding:12px 10px 40px!important;
  }
  body.portal-page .portal-hero,
  body.portal-page .portal-card-panel,
  body.portal-page .portal-stat{scroll-margin-top:130px!important;}
}

@media(max-width:420px){
  body.portal-page .portal-brand strong{max-width:50vw!important;}
  body.portal-page .portal-brand span{max-width:50vw!important;}
  body.portal-page .portal-topbar{min-height:102px!important;}
  body.portal-page .portal-main{margin-top:112px!important;}
}


body.portal-page .portal-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:10000!important;
}
body.portal-page .portal-main{
  margin-top:76px!important;
}
@media(max-width:1280px){
  html{scroll-padding-top:82px!important;}
  body.portal-page .portal-topbar{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user"!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 12px!important;
    overflow:visible!important;
  }
  body.portal-page .portal-brand{grid-area:brand!important;min-width:0!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;}
  body.portal-page .portal-brand .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;}
  body.portal-page .portal-brand strong{font-size:13.5px!important;max-width:210px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.portal-page .portal-brand span{font-size:10.5px!important;max-width:210px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.portal-page .portal-module-toggle{grid-area:toggle!important;display:inline-flex!important;width:auto!important;min-width:112px!important;min-height:40px!important;height:40px!important;padding:8px 13px!important;border-radius:999px!important;}
  body.portal-page .portal-user{grid-area:user!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;}
  body.portal-page .portal-profile-button{min-height:40px!important;height:40px!important;padding:5px 8px 5px 6px!important;}
  body.portal-page .portal-profile-avatar{width:31px!important;height:31px!important;min-width:31px!important;font-size:11px!important;}
  body.portal-page .portal-profile-text b{max-width:120px!important;font-size:12.5px!important;}
  body.portal-page .portal-profile-text small{display:none!important;}
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav,
  body.portal-page.portal-employee:not(.portal-nav-open) .portal-nav-grouped{display:none!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    position:fixed!important;
    top:72px!important;
    left:12px!important;
    right:12px!important;
    z-index:10010!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:8px!important;
    padding:10px!important;
    margin:0!important;
    border:1px solid #daeaf8!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 24px 70px rgba(6, 29, 58, .20)!important;
    max-height:calc(100dvh - 88px)!important;
    overflow:auto!important;
  }
  body.portal-page.portal-employee .portal-nav-group{width:100%!important;}
  body.portal-page.portal-employee .portal-nav-toggle{width:100%!important;height:40px!important;min-height:40px!important;justify-content:center!important;font-size:12.5px!important;padding:8px 12px!important;}
  body.portal-page.portal-employee .portal-nav-menu{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:7px!important;
    box-shadow:0 12px 28px rgba(6, 29, 58, .12)!important;
  }
  body.portal-page .portal-profile-dropdown{top:calc(100% + 8px)!important;right:0!important;left:auto!important;transform:none!important;}
  body.portal-page .portal-main{margin-top:64px!important;padding-top:12px!important;}
  body.portal-page .portal-hero,body.portal-page .portal-card-panel,body.portal-page .portal-stat{scroll-margin-top:84px!important;}
}
@media(max-width:680px){
  html{scroll-padding-top:76px!important;}
  body.portal-page .portal-topbar{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user"!important;
    padding:7px 10px!important;
    gap:6px!important;
  }
  body.portal-page .portal-brand .brand-mark{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;}
  body.portal-page .portal-brand strong{font-size:12.5px!important;max-width:34vw!important;}
  body.portal-page .portal-brand span{display:none!important;}
  body.portal-page .portal-module-toggle{min-width:92px!important;height:38px!important;min-height:38px!important;padding:7px 10px!important;font-size:12px!important;}
  body.portal-page .portal-profile-button{height:38px!important;min-height:38px!important;padding:4px 7px 4px 5px!important;}
  body.portal-page .portal-profile-text{display:none!important;}
  body.portal-page .portal-profile-avatar{width:30px!important;height:30px!important;min-width:30px!important;}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    top:68px!important;
    left:10px!important;
    right:10px!important;
    grid-template-columns:1fr!important;
    max-height:calc(100dvh - 82px)!important;
  }
  body.portal-page .portal-main{margin-top:60px!important;padding:10px 10px 40px!important;}
  body.portal-page .portal-hero{padding:18px!important;border-radius:17px!important;}
}


@media(min-width:1281px){
  body.portal-page .portal-topbar{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    grid-template-columns:minmax(185px,230px) minmax(0,1fr) minmax(150px,175px)!important;
    grid-template-areas:"brand nav user"!important;
    gap:7px!important;
    padding:7px clamp(12px,1.5vw,24px)!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.portal-page .portal-brand{gap:8px!important;min-width:0!important;}
  body.portal-page .portal-brand .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;}
  body.portal-page .portal-brand strong{font-size:13px!important;line-height:1.05!important;max-width:170px!important;}
  body.portal-page .portal-brand span{font-size:10px!important;line-height:1.05!important;max-width:170px!important;margin-top:2px!important;}
  body.portal-page .portal-module-toggle{display:none!important;}
  body.portal-page .portal-topbar .portal-nav,
  body.portal-page.portal-employee .portal-nav-grouped{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
  }
  body.portal-page.portal-employee .portal-nav-group{flex:0 0 auto!important;width:auto!important;min-width:0!important;}
  body.portal-page.portal-employee .portal-nav-toggle,
  body.portal-page .portal-nav>a{
    height:36px!important;
    min-height:36px!important;
    padding:7px 9px!important;
    gap:5px!important;
    font-size:11.8px!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  body.portal-page.portal-employee .portal-nav-caret{font-size:10px!important;margin-left:2px!important;}
  body.portal-page .portal-profile-button{height:40px!important;min-height:40px!important;padding:5px 8px 5px 6px!important;gap:7px!important;}
  body.portal-page .portal-profile-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:11px!important;}
  body.portal-page .portal-profile-text b{font-size:12px!important;max-width:98px!important;}
  body.portal-page .portal-profile-text small{font-size:10px!important;}
  body.portal-page .portal-main{margin-top:64px!important;padding-top:14px!important;}
  body.portal-page .portal-hero,
  body.portal-page .portal-card-panel,
  body.portal-page .portal-stat{scroll-margin-top:84px!important;}
}

@media(min-width:1281px) and (max-width:1500px){
  body.portal-page .portal-topbar{grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(142px,165px)!important;padding-left:10px!important;padding-right:10px!important;gap:5px!important;}
  body.portal-page .portal-brand strong{max-width:150px!important;font-size:12.5px!important;}
  body.portal-page .portal-brand span{max-width:150px!important;font-size:9.5px!important;}
  body.portal-page.portal-employee .portal-nav-grouped{gap:4px!important;}
  body.portal-page.portal-employee .portal-nav-toggle,
  body.portal-page .portal-nav>a{height:35px!important;min-height:35px!important;padding:7px 8px!important;font-size:11.4px!important;gap:4px!important;}
  body.portal-page .portal-profile-text b{max-width:86px!important;font-size:11.5px!important;}
}


@media(min-width:1281px){
  body.portal-page.portal-employee .portal-nav-group-staff-academic{
    flex-shrink:0!important;
    margin-right:10px!important;
  }
  body.portal-page.portal-employee .portal-nav-group-staff-academic .portal-nav-toggle{
    transform:none!important;
    height:34px!important;
    min-height:34px!important;
    padding:6px 8px!important;
    gap:4px!important;
    font-size:10.6px!important;
    letter-spacing:0!important;
  }
  body.portal-page.portal-employee .portal-nav-group-staff-academic .portal-nav-caret{
    font-size:9px!important;
    margin-left:1px!important;
  }
  body.portal-page .portal-user{
    padding-left:4px!important;
  }
}
@media(min-width:1281px) and (max-width:1500px){
  body.portal-page.portal-employee .portal-nav-group-staff-academic{
    margin-right:12px!important;
  }
  body.portal-page.portal-employee .portal-nav-group-staff-academic .portal-nav-toggle{
    height:32px!important;
    min-height:32px!important;
    padding:5px 7px!important;
    font-size:10.2px!important;
  }
}


.modal-card.wide{width:min(1180px,100%)}
.modal-body.form-grid{gap:16px 18px;align-items:start}
.modal-body.form-grid label.textarea-field{grid-column:1/-1}
.modal-body.form-grid label.textarea-field textarea{min-height:92px}
.modal-body.form-grid .form-section-title{margin-top:16px;margin-bottom:0}
.modal-body.form-grid .form-section-title:first-child{margin-top:0}
.modal-body.form-grid .field-title{min-height:20px}


.detailed-view-grid{align-items:stretch;}
.detailed-view-grid .detail-section-title{grid-column:1/-1;display:flex;align-items:center;gap:9px;border:1px solid #d7e7d6;background:#f4faef;color:#061d3a;border-radius:14px;padding:12px 14px;font-weight:900;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.detailed-view-grid .detail-section-title span{display:block;}
.detailed-view-grid .detail-item{min-height:72px;display:flex;flex-direction:column;justify-content:center;}
.detailed-view-grid .detail-item.detail-wide{grid-column:1/-1;}
.detailed-view-grid .detail-item small{font-size:12px;text-transform:uppercase;letter-spacing:.035em;font-weight:900;color:#0057a8;}
.detailed-view-grid .detail-item strong{font-size:15px;color:#061d3a;line-height:1.45;}
.detailed-view-grid .detail-item.detail-empty strong{color:#4a91d0;font-weight:700;}
.detailed-view-grid .photo-detail-cell{justify-content:flex-start;}
.detailed-view-grid .portal-user-photo-view{max-width:180px;max-height:180px;border-radius:14px;border:1px solid #d7e7d6;background:#fff;object-fit:cover;}
.detailed-view-grid .portal-user-photo-placeholder{width:180px;min-height:140px;border:1px dashed #ffe69a;border-radius:14px;background:#fbfff8;display:grid;place-items:center;color:#4a91d0;font-weight:900;}
@media(max-width:900px){.detailed-view-grid .detail-item.detail-wide{grid-column:1/-1;}}


.detail-view-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;}
.detail-view-shell.has-photo-pane{grid-template-columns:minmax(0,1fr) 230px;}
.detail-view-main{min-width:0;}
.detail-view-photo-pane{position:sticky;top:0;align-self:start;}
.detail-view-photo-card{border:1px solid #d7e7d6;background:#fbfff8;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(6, 29, 58, .05);}
.detail-view-photo-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#0057a8;margin-bottom:10px;}
.detail-view-photo-wrap{display:flex;justify-content:center;align-items:center;min-height:180px;}
.detail-view-photo-card .portal-user-photo-view{width:100%;max-width:190px;max-height:220px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px;}
.detailed-view-grid .detail-item{background:#fbfff8;}
.detailed-view-grid .detail-item strong{white-space:pre-wrap;word-break:break-word;}
@media(max-width:980px){
  .detail-view-shell.has-photo-pane{grid-template-columns:1fr;}
  .detail-view-photo-pane{position:static;order:-1;}
  .detail-view-photo-card .portal-user-photo-view{max-width:160px;}
}


.modal-card.wide .modal-body{overflow-x:hidden;}
.detail-view-shell{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:18px !important;align-items:start !important;}
.detail-view-shell.has-photo-pane{grid-template-columns:minmax(0,1fr) 240px !important;}
.detail-view-main{min-width:0 !important;}
.detail-view-photo-pane{display:block !important;align-self:start !important;position:sticky !important;top:0 !important;}
.detail-view-photo-card{border:1px solid #d7e7d6 !important;background:#fbfff8 !important;border-radius:16px !important;padding:14px !important;box-shadow:0 8px 22px rgba(6, 29, 58, .05) !important;}
.detail-view-photo-title{font-size:12px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.05em !important;color:#0057a8 !important;margin-bottom:10px !important;}
.detail-view-photo-wrap{display:flex !important;justify-content:center !important;align-items:flex-start !important;min-height:180px !important;}
.detail-view-photo-card .portal-user-photo-view{display:block !important;width:100% !important;max-width:190px !important;height:190px !important;max-height:none !important;object-fit:cover !important;border-radius:16px !important;border:1px solid #d7e7d6 !important;background:#fff !important;}
.detailed-view-grid{align-items:start !important;}
.detailed-view-grid .detail-section-title{grid-column:1/-1 !important;display:flex !important;align-items:center !important;gap:9px !important;}
.detailed-view-grid .detail-item{min-height:78px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;background:#fbfff8 !important;}
.detailed-view-grid .detail-item.detail-wide{grid-column:1/-1 !important;}
.detailed-view-grid .detail-item small{display:block !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:.035em !important;font-weight:900 !important;color:#0057a8 !important;}
.detailed-view-grid .detail-item strong{display:block !important;font-size:15px !important;color:#061d3a !important;line-height:1.45 !important;white-space:pre-wrap !important;word-break:break-word !important;}
.detailed-view-grid .detail-item.detail-empty strong{color:#4a91d0 !important;font-weight:700 !important;}
.detailed-view-grid .photo-detail-cell{display:none !important;}
@media(max-width:980px){
  .detail-view-shell.has-photo-pane{grid-template-columns:1fr !important;}
  .detail-view-photo-pane{position:static !important;order:-1 !important;}
  .detail-view-photo-card .portal-user-photo-view{max-width:160px !important;height:160px !important;}
}


.view-detail-sections{display:grid!important;gap:16px!important;min-width:0!important;}
.detail-section-card{border:1px solid #d7e7d6!important;border-radius:18px!important;background:#fff!important;padding:14px!important;box-shadow:0 8px 22px rgba(6, 29, 58, .045)!important;overflow:hidden!important;}
.detail-section-card>.detail-section-title{display:flex!important;align-items:center!important;gap:10px!important;margin:-14px -14px 14px!important;border:0!important;border-bottom:1px solid #d7e7d6!important;border-radius:18px 18px 0 0!important;background:linear-gradient(135deg,#f4faef,#fbfff8)!important;color:#061d3a!important;padding:13px 16px!important;font-weight:950!important;font-size:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;}
.detail-section-card>.detail-section-title .ico{font-size:18px!important;}
.detail-section-card>.detail-section-title span:last-child{display:block!important;}
.detail-section-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;}
.detail-section-fields .detail-item{border:1px solid #edf5e9!important;border-radius:14px!important;background:#fbfff8!important;padding:13px 14px!important;min-height:78px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:none!important;}
.detail-section-fields .detail-item small{display:block!important;margin:0 0 6px!important;color:#0057a8!important;font-size:13px!important;font-weight:850!important;text-transform:none!important;letter-spacing:0!important;line-height:1.25!important;}
.detail-section-fields .detail-item strong{display:block!important;color:#061d3a!important;font-size:15px!important;font-weight:950!important;line-height:1.45!important;white-space:pre-wrap!important;word-break:break-word!important;}
.detail-section-fields .detail-item.detail-wide,.detail-section-fields .detail-item.detail-featured{grid-column:1/-1!important;}
.detail-section-fields .detail-item.detail-featured{min-height:74px!important;background:#f4faef!important;border-color:#d7e7d6!important;}
.detail-section-fields .detail-item.detail-featured small{color:#07356d!important;font-weight:950!important;}
.detail-section-fields .detail-item.detail-featured strong{font-size:18px!important;color:#061d3a!important;}
.detail-section-fields .detail-item.detail-empty strong{color:#4a91d0!important;font-weight:750!important;}
.detail-section-fields .photo-detail-cell{display:none!important;}
.modal-card.wide{width:min(1220px,calc(100vw - 42px))!important;}
.modal-card.wide .modal-body{overflow-x:hidden!important;}
.detail-view-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}
.detail-view-shell.has-photo-pane{grid-template-columns:minmax(0,1fr) 260px!important;}
.detail-view-main{min-width:0!important;}
.detail-view-photo-pane{display:block!important;align-self:start!important;position:sticky!important;top:0!important;}
.detail-view-photo-card{border:1px solid #d7e7d6!important;background:#fbfff8!important;border-radius:18px!important;padding:16px!important;box-shadow:0 10px 28px rgba(6, 29, 58, .07)!important;}
.detail-view-photo-title{font-size:13px!important;font-weight:950!important;color:#07356d!important;margin-bottom:12px!important;letter-spacing:0!important;text-transform:none!important;}
.detail-view-photo-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important;}
.detail-view-photo-card .portal-user-photo-view{display:block!important;width:220px!important;height:220px!important;max-width:100%!important;max-height:none!important;object-fit:cover!important;border-radius:18px!important;border:1px solid #d7e7d6!important;background:#fff!important;}
.detail-view-photo-card .portal-user-photo-placeholder{width:220px!important;height:220px!important;max-width:100%!important;min-height:220px!important;border:1px dashed #ffe69a!important;border-radius:18px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#4a91d0!important;font-weight:950!important;text-align:center!important;}
@media(max-width:980px){
  .modal-card.wide{width:min(100%,calc(100vw - 20px))!important;}
  .detail-view-shell.has-photo-pane{grid-template-columns:1fr!important;}
  .detail-view-photo-pane{position:static!important;order:-1!important;}
  .detail-view-photo-wrap{min-height:170px!important;}
  .detail-view-photo-card .portal-user-photo-view,.detail-view-photo-card .portal-user-photo-placeholder{width:170px!important;height:170px!important;min-height:170px!important;}
}
@media(max-width:760px){
  .detail-section-fields{grid-template-columns:1fr!important;}
  .detail-section-card{padding:12px!important;border-radius:16px!important;}
  .detail-section-card>.detail-section-title{margin:-12px -12px 12px!important;border-radius:16px 16px 0 0!important;font-size:15px!important;padding:12px 14px!important;}
}



.detail-view-photo-card{padding:14px!important;background:#fff!important;border-radius:18px!important;}
.detail-view-photo-box{border:1px solid #edf5e9!important;border-radius:14px!important;background:#fbfff8!important;padding:13px 14px!important;min-height:78px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-shadow:none!important;}
.detail-view-photo-box small{display:block!important;margin:0 0 10px!important;color:#0057a8!important;font-size:13px!important;font-weight:850!important;text-transform:none!important;letter-spacing:0!important;line-height:1.25!important;}
.detail-view-photo-box .detail-view-photo-wrap{border:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important;background:transparent!important;}
.detail-view-photo-box .portal-user-photo-view{display:block!important;width:220px!important;height:220px!important;max-width:100%!important;max-height:none!important;object-fit:cover!important;border-radius:18px!important;border:1px solid #d7e7d6!important;background:#fff!important;}
.detail-view-photo-box .portal-user-photo-placeholder{width:220px!important;height:220px!important;max-width:100%!important;min-height:220px!important;border:1px dashed #ffe69a!important;border-radius:18px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#4a91d0!important;font-weight:950!important;text-align:center!important;}
@media(max-width:980px){.detail-view-photo-box .detail-view-photo-wrap{min-height:170px!important}.detail-view-photo-box .portal-user-photo-view,.detail-view-photo-box .portal-user-photo-placeholder{width:170px!important;height:170px!important;min-height:170px!important}}


body,body *{font-family:Inter,"Inter var","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;font-weight:400!important;}
h1,h2,h3,h4,h5,h6,.topbar h1,.card h2,.module-head h2,.modal-head h3,.brand strong,.detail-section-card>.detail-section-title,.form-section-title,.nav-group-title{font-weight:600!important;}
strong,b,.btn,button,.badge,.userbox span,.page-summary b,.stat-card strong,.detail-section-fields .detail-item strong,.detail-grid strong,.detail-item strong{font-weight:500!important;}
label,th,.nav a,.nav-title,.detail-section-fields .detail-item small,.detail-photo-item small,.detail-grid small,.muted,.field-help{font-weight:400!important;}
.detail-section-card>.detail-section-title{font-size:16px!important;letter-spacing:0!important;}
.detail-section-fields .detail-item strong{font-size:15px!important;color:#061d3a!important;}
.detail-section-fields .detail-item.detail-featured strong{font-size:17px!important;font-weight:500!important;}
.detail-view-shell.has-photo-pane{grid-template-columns:minmax(0,1fr) 330px!important;}
.detail-view-photo-pane{display:block!important;align-self:start!important;position:sticky!important;top:0!important;min-width:0!important;}
.detail-photo-section-card{padding:14px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(6, 29, 58, .045)!important;}
.detail-photo-section-card>.detail-section-title{margin:-14px -14px 14px!important;border-bottom:1px solid #d7e7d6!important;border-radius:18px 18px 0 0!important;background:linear-gradient(135deg,#f4faef,#fbfff8)!important;padding:13px 16px!important;color:#061d3a!important;}
.detail-photo-fields{grid-template-columns:1fr!important;gap:12px!important;}
.detail-photo-item{grid-column:1/-1!important;border:1px solid #edf5e9!important;border-radius:14px!important;background:#fbfff8!important;padding:13px 14px!important;min-height:78px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-shadow:none!important;}
.detail-photo-item small{display:block!important;margin:0 0 10px!important;color:#0057a8!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.25!important;}
.detail-photo-item .detail-view-photo-wrap{border:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important;background:transparent!important;}
.detail-photo-item .portal-user-photo-view{display:block!important;width:220px!important;height:220px!important;max-width:100%!important;max-height:none!important;object-fit:cover!important;border-radius:18px!important;border:1px solid #d7e7d6!important;background:#fff!important;}
.detail-photo-item .portal-user-photo-placeholder{width:220px!important;height:220px!important;max-width:100%!important;min-height:220px!important;border:1px dashed #ffe69a!important;border-radius:18px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#4a91d0!important;text-align:center!important;}
@media(max-width:1120px){.detail-view-shell.has-photo-pane{grid-template-columns:minmax(0,1fr) 290px!important}.detail-photo-item .portal-user-photo-view,.detail-photo-item .portal-user-photo-placeholder{width:190px!important;height:190px!important;min-height:190px!important}.detail-photo-item .detail-view-photo-wrap{min-height:190px!important}}
@media(max-width:980px){.detail-view-shell.has-photo-pane{grid-template-columns:1fr!important}.detail-view-photo-pane{position:static!important;order:-1!important}.detail-photo-item .portal-user-photo-view,.detail-photo-item .portal-user-photo-placeholder{width:170px!important;height:170px!important;min-height:170px!important}.detail-photo-item .detail-view-photo-wrap{min-height:170px!important}}



body,body *{font-family:Inter,"Inter var","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;font-weight:400!important;}
h1,h2,h3,h4,h5,h6,.topbar h1,.card h2,.module-head h2,.modal-head h3,.brand strong,.detail-section-card>.detail-section-title,.form-section-title,.nav-group-label{font-weight:500!important;}
strong,b,.detail-section-fields .detail-item strong,.detail-grid strong,.detail-item strong,.detail-section-fields .detail-item.detail-featured strong{font-weight:400!important;}
.btn,button,.badge,.nav-step,.page-summary b,.userbox span,.stat-card strong{font-weight:500!important;}
label,th,.nav a,.nav-title,.detail-section-fields .detail-item small,.detail-photo-item small,.detail-grid small,.muted,.field-help{font-weight:400!important;}
.detail-photo-item{border:1px solid #edf5e9!important;border-radius:14px!important;background:#fbfff8!important;padding:13px 14px!important;}
[data-live-clock]{font-variant-numeric:tabular-nums;}



.detail-section-fields .detail-item strong,.detail-grid strong{font-weight:400!important;}
.detail-section-fields .detail-item small,.detail-grid small{font-weight:400!important;}
input[type=email]{text-transform:none!important;}



h1,h2,h3,h4,h5,h6,
label,legend,th,
span,
.card h2,.module-head h2,.topbar h1,.modal-head h3,
.detail-section-card>.detail-section-title,
.detail-photo-section-card>.detail-section-title,
.form-section-title,.nav-group-title,.nav-group-label,
.detail-section-fields .detail-item small,
.detail-photo-item small,
.detail-grid small,
.field-title,.field-title span,
.nav a,.nav a span,.brand strong,.userbox span{font-weight:700!important;}

.detail-section-card>.detail-section-title span,
.detail-photo-section-card>.detail-section-title span,
.detail-section-title span,
.detail-view-photo-title,
.btn span,button span,.badge span,.ico{font-weight:700!important;}

.alert{display:flex!important;align-items:flex-start!important;gap:10px!important;font-weight:700!important;line-height:1.45!important;}
.alert::before{content:"i";display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:22px!important;height:22px!important;font-size:17px!important;line-height:1!important;margin-top:0!important;}
.alert.good::before,.alert.success::before{content:"OK";}
.alert.bad::before,.alert.danger::before,.alert.error::before{content:"X";}
.alert.warn::before,.alert.warning::before{content:"!";}
.alert.info::before{content:"i";}
.alert>*{font-weight:700!important;}






.nav-group{
  transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.nav-group summary{
  cursor:pointer;
  transition:background-color .22s ease,color .22s ease;
}
.nav-group .nav-chevron{
  transition:transform .26s cubic-bezier(.22,.9,.28,1);
}
.nav-group[open] .nav-chevron{
  transform:rotate(180deg);
}
.nav-submenu{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(-6px);
  transition:max-height .32s cubic-bezier(.22,.9,.28,1),opacity .22s ease,transform .32s cubic-bezier(.22,.9,.28,1);
  will-change:max-height,opacity,transform;
}
.nav-group[open] .nav-submenu{
  max-height:900px;
  opacity:1;
  transform:translateY(0);
}
.nav-group.animating .nav-submenu{
  pointer-events:none;
}
.nav-group[open],.nav-group.active-group{
  box-shadow:inset 0 0 0 1px rgba(253, 181, 21, .08);
}
@media (prefers-reduced-motion: reduce){
  .nav-submenu,.nav-group,.nav-group summary,.nav-group .nav-chevron{transition:none!important;}
}

.attack-stats .stat-card{align-items:flex-start}.attack-live-card .card-head{align-items:flex-start}.attack-table-wrap{max-height:72vh}.attack-table{min-width:1880px}.attack-table th{position:sticky;top:0;z-index:3}.attack-table td{vertical-align:top;white-space:normal}.attack-table td small,.security-dashboard-note{display:block;color:#0057a8;line-height:1.35;margin-top:4px}.payload-cell{min-width:280px;max-width:440px}.payload-cell pre{white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;margin:0;padding:10px;border:1px solid #e1ecdd;border-radius:10px;background:#f8fcf5;color:#061d3a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45}.alert-row-critical td{background:#fff5f4}.alert-row-high td{background:#fff8f4}.alert-row-medium td{background:#fffcf0}.attack-table tr:hover td{background:#f8fff3}@media(max-width:900px){.attack-table{min-width:1550px}.payload-cell{min-width:240px}.attack-table-wrap{max-height:none}}

.client-validation-hero{align-items:flex-start;background:linear-gradient(135deg,#ffffff,#f4fbef)!important;border-color:#fff1bd!important}.client-validation-hero h2{font-size:26px!important;margin:8px 0!important}.client-validation-hero .muted{max-width:880px!important;line-height:1.55!important}.client-validation-stats .stat-card{min-height:118px}.client-validation-stats .stat-card strong{font-size:1.78rem!important;line-height:1.12!important}.validation-overview-grid{align-items:stretch;margin-bottom:18px}.validation-summary-card,.validation-scope-card,.validation-group-overview,.client-ready-statement{position:relative;overflow:hidden}.validation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.validation-snapshot-form{margin-top:14px!important}.validation-snapshot-form .btn-sm{min-height:34px!important;padding:8px 12px!important;font-size:12px!important}.validation-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.validation-chip-grid span,.validation-group-grid>div{border:1px solid #dfead8;border-radius:14px;background:#fbfff8;padding:11px 12px;color:#07356d;font-weight:700;line-height:1.35}.validation-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.validation-group-grid strong{display:block;margin-bottom:4px;color:#061d3a}.validation-group-grid small{display:block;color:#0057a8;line-height:1.35}.validation-table-wrap{max-height:74vh}.detailed-validation-table{min-width:1680px}.detailed-validation-table th{position:sticky;top:0;z-index:2}.detailed-validation-table th:nth-child(1){width:280px}.detailed-validation-table th:nth-child(2){width:120px}.detailed-validation-table th:nth-child(3){width:120px}.detailed-validation-table th:nth-child(4){width:180px}.detailed-validation-table th:nth-child(5){width:260px}.detailed-validation-table th:nth-child(6){width:340px}.detailed-validation-table th:nth-child(7){width:340px}.detailed-validation-table td{vertical-align:top!important;white-space:normal!important}.detailed-validation-table td strong{display:block;color:#061d3a;margin-bottom:6px}.detailed-validation-table td small{font-size:12px!important;line-height:1.42!important;color:#0057a8!important;font-weight:500!important}.detailed-validation-table .badge{white-space:nowrap}.client-ready-statement .small-code{min-height:180px!important}.validation-group-card .inline-head{align-items:flex-start!important}.validation-group-card .inline-head p{margin:6px 0 0}.security-proof-hero .module-actions{align-items:flex-start}@media(max-width:1100px){.validation-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-chip-grid{grid-template-columns:1fr}.validation-meta-grid{grid-template-columns:1fr!important}.detailed-validation-table{min-width:1320px}.validation-table-wrap{max-height:none}}@media(max-width:720px){.validation-group-grid{grid-template-columns:1fr}.client-validation-hero .module-actions{width:100%;justify-content:stretch}.client-validation-hero .module-actions .btn,.client-validation-hero .module-actions form{width:100%;justify-content:center}.client-validation-stats .stat-card strong{font-size:1.25rem!important}}

/* Security dashboard and validation redesign */
.security-command-page,.security-validation-page{display:block;}
.security-command-hero,.validation-command-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:stretch!important;padding:22px!important;background:radial-gradient(circle at 5% 0,rgba(253, 181, 21, .18),transparent 30%),linear-gradient(135deg,#ffffff,#f4fbef)!important;border:1px solid #ffe69a!important;overflow:hidden;position:relative;}
.security-command-hero::after,.validation-command-hero::after{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:999px;background:rgba(7, 53, 109, .08);pointer-events:none;}
.security-hero-copy,.validation-hero-copy{position:relative;z-index:1;}
.security-command-hero h2,.validation-command-hero h2{font-size:30px!important;line-height:1.15!important;margin:8px 0!important;color:#061d3a!important;}
.security-command-hero .muted,.validation-command-hero .muted{max-width:900px!important;line-height:1.55!important;font-size:15px!important;}
.security-hero-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;min-width:230px;align-self:center;}
.security-hero-actions .btn{width:100%;justify-content:flex-start!important;}
.mini-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffe69a;background:#fbfff8;color:#07356d;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;}
.security-scope-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.security-scope-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dcebd6;background:#fff;border-radius:999px;padding:8px 11px;color:#07356d;font-size:13px;font-weight:700!important;box-shadow:0 4px 12px rgba(6, 29, 58, .035);}
.security-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.security-status-card{position:relative;overflow:hidden;background:#fff;border:1px solid #d8e9d6;border-radius:18px;padding:17px;box-shadow:0 12px 26px rgba(6, 29, 58, .055);min-height:122px;display:flex;flex-direction:column;justify-content:space-between;}
.security-status-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#07356d;opacity:.85;}
.security-status-card>span{display:flex;align-items:center;gap:8px;color:#07356d;font-size:13px;font-weight:800!important;text-transform:uppercase;letter-spacing:.03em;}
.security-status-card strong{display:block;font-size:25px!important;line-height:1.1!important;color:#061d3a!important;word-break:break-word;}
.security-status-card small{display:block;color:#0057a8;line-height:1.35;margin-top:5px;}
.security-status-card.status-critical{border-color:#ffc9c0;background:linear-gradient(135deg,#fff,#fff6f4);}
.security-status-card.status-critical::before{background:#b42318;}
.security-status-card.status-warning{border-color:#ffe59d;background:linear-gradient(135deg,#fff,#fffaf0);}
.security-status-card.status-warning::before{background:#c47b00;}
.security-status-card.status-ok{border-color:#ffe69a;background:linear-gradient(135deg,#fff,#f6fff2);}
.security-status-card.status-ok::before{background:#07356d;}
.security-panel-grid,.validation-executive-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.security-brief-card{padding:18px!important;}
.security-brief-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;}
.security-brief-list.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.security-brief-list>div{border:1px solid #e1eddd;background:#fbfff8;border-radius:14px;padding:13px 14px;min-height:72px;}
.security-brief-list small{display:block;color:#0057a8;margin-bottom:6px;line-height:1.35;}
.security-brief-list strong{display:block;color:#061d3a;font-size:16px!important;line-height:1.25;word-break:break-word;}
.security-mini-tables{margin-bottom:18px;}
.compact-head{margin-bottom:12px!important;align-items:flex-start!important;}
.compact-head h2{margin-bottom:0!important;}
.security-list-table{display:grid;gap:9px;max-height:390px;overflow:auto;padding-right:3px;}
.security-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start;border:1px solid #e1eddd;background:#fbfff8;border-radius:14px;padding:11px 12px;}
.security-list-row>small{grid-column:1/-1;color:#0057a8;line-height:1.35;}
.security-list-row strong{display:block;color:#061d3a;word-break:break-word;}
.security-list-row div small{display:block;color:#0057a8;margin-top:3px;line-height:1.3;}
.attack-evidence-card{border-color:#ffe69a!important;box-shadow:0 16px 40px rgba(6, 29, 58, .08)!important;}
.evidence-head{align-items:flex-start!important;margin-bottom:16px!important;}
.attack-table-wrap{max-height:72vh!important;border-radius:16px!important;}
.attack-table{min-width:1860px!important;}
.attack-table th{position:sticky;top:0;z-index:3;background:#eef8e8!important;color:#07356d!important;}
.attack-table td{vertical-align:top!important;white-space:normal!important;}
.attack-table td small,.security-dashboard-note{display:block;color:#0057a8;line-height:1.35;margin-top:4px;}
.payload-cell{min-width:280px;max-width:440px;}
.payload-cell pre{white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;margin:0;padding:10px;border:1px solid #e1ecdd;border-radius:10px;background:#f8fcf5;color:#061d3a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;}
.alert-row-critical td{background:#fff5f4!important;}
.alert-row-high td{background:#fff8f4!important;}
.alert-row-medium td{background:#fffcf0!important;}
.attack-table tr:hover td{background:#f8fff3!important;}
.audit-integrity-card .detail-grid{margin-top:12px;}
.compact-module-head{padding:0!important;margin:0 0 12px!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.compact-table-wrap{max-height:430px;}
.compact-table-wrap td small{display:block;color:#0057a8;margin-top:3px;line-height:1.35;}
.validation-command-hero.status-critical{border-color:#ffc9c0!important;}
.validation-command-hero.status-warning{border-color:#ffe59d!important;}
.validation-command-hero.status-ok{border-color:#ffe69a!important;}
.validation-score-strip .security-status-card strong{font-size:24px!important;}
.validation-summary-card,.validation-scope-card,.validation-group-overview,.client-ready-statement{position:relative;overflow:hidden;}
.validation-meta-list{margin-top:14px!important;}
.validation-snapshot-form{margin-top:14px!important;}
.validation-snapshot-form .btn-sm{min-height:34px!important;padding:8px 12px!important;font-size:12px!important;}
.validation-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
.validation-chip-grid span,.validation-group-grid>div{border:1px solid #dfead8;border-radius:14px;background:#fbfff8;padding:11px 12px;color:#07356d;font-weight:700!important;line-height:1.35;}
.validation-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;}
.validation-group-grid strong{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#061d3a;font-size:14px;}
.validation-group-grid small{display:block;color:#0057a8;line-height:1.35;}
.control-card-group .inline-head{align-items:flex-start!important;}
.validation-control-list{display:grid;grid-template-columns:1fr;gap:12px;}
.validation-control-card{border:1px solid #dfead8;background:#fff;border-radius:16px;padding:15px;box-shadow:0 8px 20px rgba(6, 29, 58, .035);}
.validation-control-card.passed{border-left:5px solid #07356d;}
.validation-control-card.warning{border-left:5px solid #c47b00;background:linear-gradient(135deg,#fff,#fffdf5);}
.validation-control-card.failed{border-left:5px solid #b42318;background:linear-gradient(135deg,#fff,#fff7f6);}
.validation-control-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #eef5e9;padding-bottom:12px;margin-bottom:12px;}
.validation-control-top strong{display:block;color:#061d3a;font-size:15px!important;line-height:1.35;}
.validation-control-top small{display:block;color:#0057a8;margin-top:5px;line-height:1.4;}
.validation-control-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:170px;}
.validation-control-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.validation-control-details>div{border:1px solid #edf5e9;background:#fbfff8;border-radius:13px;padding:11px 12px;}
.validation-control-details small{display:block;color:#0057a8;text-transform:uppercase;letter-spacing:.04em;font-size:11px!important;margin-bottom:6px;}
.validation-control-details p{margin:0;color:#07356d;font-size:12.5px;line-height:1.45;word-break:break-word;}
.client-ready-statement .small-code{min-height:160px!important;line-height:1.55!important;}
@media(max-width:1240px){.security-status-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.security-panel-grid,.validation-executive-grid{grid-template-columns:1fr;}.validation-control-details{grid-template-columns:repeat(2,minmax(0,1fr));}.validation-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.security-command-hero,.validation-command-hero{grid-template-columns:1fr!important;}.security-hero-actions{min-width:0;width:100%;}.security-hero-actions .btn,.security-hero-actions form,.security-hero-actions button{width:100%;justify-content:center!important;}.security-status-strip{grid-template-columns:1fr;}.security-brief-list.two-col{grid-template-columns:1fr;}.security-mini-tables{grid-template-columns:1fr!important;}.attack-table{min-width:1550px!important;}.payload-cell{min-width:240px;}.attack-table-wrap{max-height:none!important;}.validation-chip-grid,.validation-group-grid,.validation-control-details{grid-template-columns:1fr;}.validation-control-top{flex-direction:column;}.validation-control-badges{justify-content:flex-start;min-width:0;}}

/* Sample database reset page */
.hero-card{background:linear-gradient(135deg,#fff,#f5fbef);border-color:#d8e9d6;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(253, 181, 21, .15);pointer-events:none}.hero-card h2{font-size:24px}.cards-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border:1px solid #dbe9d6;border-radius:16px;padding:16px;background:#fbfff8;box-shadow:0 8px 24px rgba(6, 29, 58, .04)}.metric-card strong{display:block;font-size:28px;color:#061d3a;margin-bottom:4px}.metric-card span{display:block;color:#0057a8}.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compact-table table{table-layout:auto}.compact-table code,.danger-card code{background:#eef7e8;border:1px solid #d7e7d6;border-radius:8px;padding:3px 6px;color:#07356d}.danger-card{border-color:#ffb9b0;background:linear-gradient(135deg,#fff,#fff7f5)}.danger-card p{color:#67423c}.form-grid .wide{grid-column:1/-1}.eyebrow{display:inline-flex;border:1px solid #d7e7d6;background:#f7fcf3;color:#07356d;border-radius:999px;padding:8px 12px;margin-bottom:10px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.detail-grid div span{display:block;color:#0057a8;margin-top:4px;line-height:1.35}@media(max-width:1000px){.cards-4,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.cards-4,.grid.two{grid-template-columns:1fr}.hero-card h2{font-size:20px}}
.dashboard-hub-grid{align-items:stretch!important;}
.dashboard-hub-card{display:flex;flex-direction:column;gap:14px;}
.dashboard-hub-card .summary-grid{margin-top:auto;}
.dashboard-hub-actions{margin:2px 0 0;display:flex;justify-content:flex-end;}
.dashboard-hub-actions .btn{background:#07356d!important;color:#fff!important;border-color:#07356d!important;}
@media(max-width:760px){.dashboard-hub-actions{justify-content:stretch}.dashboard-hub-actions .btn{width:100%;}}

/* AI dashboard cards */
.ai-dashboard-grid { margin-top: 18px; }
.ai-dashboard-panel { border: 1px solid rgba(7, 53, 109, .18); background: linear-gradient(135deg, rgba(236, 253, 245, .95), rgba(255,255,255,.98)); }
.ai-dashboard-panel .bpw-panel-head h3 { display: flex; align-items: center; gap: 8px; }
.ai-dashboard-body { margin-top: 12px; white-space: normal; line-height: 1.65; color: #061d3a; font-size: 14px; }
.ai-dashboard-body br { line-height: 1.8; }
.ai-dashboard-note { display: block; margin-top: 12px; color: #64748b; }
.viewer-report-grid .bpw-panel { min-height: 100%; }
.viewer-report-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }

/* AI dashboard final polish: full-width live card + typewriter + blinking live pill */
.ai-dashboard-grid{
  grid-template-columns:1fr!important;
  width:100%!important;
  margin:18px 0!important;
}
.ai-dashboard-grid .ai-dashboard-panel{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
}
.ai-dashboard-panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(7, 53, 109, .24)!important;
  box-shadow:0 18px 46px rgba(6, 29, 58, .08)!important;
}
.ai-dashboard-panel:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#0057a8,#fdb515);
}
.ai-dashboard-body{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  font-family:inherit!important;
  line-height:1.68!important;
  color:#061d3a!important;
  font-size:14.5px!important;
}
.ai-dashboard-body.typing::after,
.ai-output pre.typing::after{
  content:'|';
  display:inline-block;
  margin-left:2px;
  color:#07356d;
  animation:aiBlink .8s step-end infinite;
}
.ai-live-pill{
  gap:7px!important;
  background:#f0fff4!important;
  border-color:#daeaf8!important;
  color:#07356d!important;
  box-shadow:0 0 0 3px rgba(0, 87, 168, .08)!important;
}
.ai-live-pill i{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:999px;
  background:#0057a8;
  box-shadow:0 0 0 0 rgba(0, 87, 168, .65);
  animation:aiLivePulse 1.1s ease-out infinite;
}
@keyframes aiLivePulse{
  0%{box-shadow:0 0 0 0 rgba(0, 87, 168, .65);opacity:1;}
  70%{box-shadow:0 0 0 8px rgba(0, 87, 168, 0);opacity:.82;}
  100%{box-shadow:0 0 0 0 rgba(0, 87, 168, 0);opacity:1;}
}
.viewer-ai-chat-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  margin-bottom:18px;
}
.viewer-ai-chat textarea{min-height:120px!important;}
.viewer-ai-answer{
  min-height:220px;
}
.viewer-ai-answer pre{
  margin:0!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  font-family:inherit!important;
  line-height:1.65!important;
  color:#061d3a!important;
}
@media(max-width:1100px){.viewer-ai-chat-grid{grid-template-columns:1fr!important;}}


/* AI dashboard no-overlap / true full-width fix */
.bpw-dash,
.bpw-dash > *,
.main{
  min-width:0;
}
.ai-dashboard-grid{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:18px 0!important;
}
.ai-dashboard-grid > .ai-dashboard-panel{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-column:auto!important;
}
.ai-dashboard-panel .bpw-panel-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.ai-dashboard-panel .bpw-panel-head > div{
  flex:1 1 420px!important;
  min-width:0!important;
  max-width:100%!important;
}
.ai-dashboard-body,
.viewer-ai-response,
.viewer-ai-answer pre{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:14px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#061d3a!important;
  font-family:inherit!important;
  font-size:14.5px!important;
  line-height:1.68!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.viewer-ai-chat-grid,
.viewer-report-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.viewer-ai-chat-grid > *,
.viewer-report-grid > *{
  min-width:0!important;
  max-width:100%!important;
}
.viewer-ai-answer{
  overflow:hidden!important;
}
@media(max-width:1500px){
  .viewer-ai-chat-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .ai-dashboard-panel .bpw-panel-head > div{
    flex-basis:100%!important;
  }
  .ai-live-pill{
    align-self:flex-start!important;
  }
}

/* =====================================================================
   Presidential priority navigation + mobile application sidebar v9.1.0
   ===================================================================== */
body{overflow-x:hidden;}
.app-shell,.main,.topbar,.topbar>div,.userbox,.bpw-dash,.bpw-dash>*{min-width:0;}
.sidebar-backdrop,.sidebar-close{display:none;}

/* Presidential viewers receive a flat, priority-ordered dashboard list. */
.viewer-dashboard-nav{
  display:block;
  border:1px solid rgba(253, 181, 21, .24);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  overflow:hidden;
}
.viewer-nav-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 13px;
  border-bottom:1px solid rgba(253, 181, 21, .18);
  color:#f3ffe9;
}
.viewer-nav-heading>span{display:flex;align-items:center;gap:9px;font-weight:850!important;font-size:13px;}
.viewer-nav-heading>small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b8d6ef;white-space:nowrap;}
.viewer-nav-list{display:flex;flex-direction:column;gap:4px;padding:8px;}
.viewer-nav-list>a{
  display:grid!important;
  grid-template-columns:28px 27px minmax(0,1fr);
  align-items:center;
  gap:8px!important;
  min-height:54px;
  padding:8px 9px!important;
  border-radius:12px!important;
  color:#e8f7df!important;
  border:1px solid transparent!important;
}
.viewer-nav-list>a:hover,.viewer-nav-list>a.active{
  background:rgba(253, 181, 21, .15)!important;
  border-color:rgba(253, 181, 21, .28)!important;
  color:#fff!important;
}
.viewer-nav-priority{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(253, 181, 21, .13);
  border:1px solid rgba(253, 181, 21, .24);
  color:#ffe69a;
  font-size:10px;
  font-weight:900!important;
}
.viewer-nav-list>a.active .viewer-nav-priority{background:#fdb515;color:#061d3a;border-color:#fdb515;}
.viewer-nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:17px;}
.viewer-nav-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.viewer-nav-copy b{font-size:12.5px;font-weight:850!important;line-height:1.15;white-space:normal;}
.viewer-nav-copy small{font-size:10.5px;color:#b8d6ef;line-height:1.2;white-space:normal;}

@media(max-width:1100px){
  body.sidebar-open{overflow:hidden!important;touch-action:none;}
  .sidebar{
    width:min(88vw,320px)!important;
    max-width:320px!important;
    transform:translateX(-105%)!important;
    transition:transform .24s cubic-bezier(.22,.9,.28,1)!important;
    z-index:1002!important;
    padding:56px 16px 22px!important;
    box-shadow:18px 0 54px rgba(0,0,0,.30)!important;
    overscroll-behavior:contain;
  }
  .sidebar.open{transform:translateX(0)!important;}
  .sidebar-close{
    display:inline-flex!important;
    position:absolute;
    top:12px;
    right:12px;
    width:36px;
    height:36px;
    padding:0!important;
    border-radius:50%!important;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1!important;
    z-index:2;
  }
  .sidebar-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1001;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    background:rgba(6, 29, 58, .56)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
  body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto;}
  .main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px!important;overflow-x:hidden;}
  .topbar{
    position:sticky;
    top:0;
    z-index:45;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center!important;
    gap:10px!important;
    margin:-16px -16px 16px!important;
    padding:12px 16px!important;
    background:rgba(245,251,242,.96);
    border-bottom:1px solid #d8e9d6;
    box-shadow:0 8px 22px rgba(6, 29, 58, .07);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .menu-btn{display:inline-flex!important;width:40px;height:40px;padding:0!important;flex:0 0 40px;}
  .topbar h1{font-size:20px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere;}
  .topbar small{display:block;margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .userbox{padding:8px 10px!important;gap:8px!important;max-width:230px;}
  .userbox span{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .userbox em{display:none;}
  .nav.nav-accordion{gap:8px!important;}
  .nav-group summary{min-height:46px;font-size:13px!important;padding:11px 12px!important;}
  .nav-submenu a{min-height:42px;font-size:12.5px!important;white-space:normal!important;line-height:1.25!important;}
  .nav-submenu{max-height:0!important;}
  .nav-group[open] .nav-submenu{max-height:74vh!important;overflow-y:auto!important;}
  .brand{padding-right:34px;}
  .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
  .card,.stat-card,.bpw-panel,.bpw-kpi-card{max-width:100%;min-width:0;}
}

@media(max-width:760px){
  .main{padding:12px!important;}
  .topbar{margin:-12px -12px 14px!important;padding:10px 12px!important;grid-template-columns:auto minmax(0,1fr) auto;}
  .topbar h1{font-size:17px!important;gap:6px!important;}
  .topbar small{font-size:10px;}
  .userbox{padding:7px 8px!important;border-radius:11px!important;}
  .userbox span{max-width:82px;font-size:12px;}
  .logout-link{font-size:0!important;gap:0!important;}
  .logout-link .ico{font-size:16px!important;}
  .stats-grid,.grid-2,.grid-3,.cards-4,.grid.two,.bpw-kpi-grid,.bpw-report-grid,.security-status-strip,.security-panel-grid,.validation-executive-grid{
    grid-template-columns:1fr!important;
  }
  .card,.bpw-panel{padding:14px!important;border-radius:14px!important;}
  .module-head,.card-head,.bpw-panel-head{align-items:flex-start!important;flex-direction:column!important;}
  .form-grid,.detail-grid{grid-template-columns:1fr!important;}
  .toolbar{flex-wrap:wrap!important;}
  .toolbar>*{min-width:0;max-width:100%;}
  .viewer-nav-heading{align-items:flex-start;flex-direction:column;gap:4px;}
}

@media(max-width:430px){
  .sidebar{width:92vw!important;max-width:310px!important;}
  .topbar{grid-template-columns:auto minmax(0,1fr) auto;}
  .topbar h1{font-size:15px!important;}
  .topbar small{max-width:180px;}
  .userbox span{display:none;}
  .userbox{width:38px;height:38px;padding:0!important;justify-content:center;}
  .viewer-nav-list>a{grid-template-columns:26px 24px minmax(0,1fr);min-height:51px;}
}

/* ===== LOGIN ACCOUNT DIRECTORY ===== */
.login-card{width:min(1180px,100%)}
.portal-login-card{width:min(1180px,100%)}
.login-account-showcase{margin-top:20px;padding:14px;border:1px solid #ffe69a;border-radius:16px;background:#f8fcf4;color:#061d3a;min-width:0}
.login-account-showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.login-account-showcase-head>div{min-width:0}
.login-account-showcase-head strong{display:block;font-size:14px;line-height:1.3}
.login-account-showcase-head small{display:block;margin-top:3px;color:#0057a8;font-size:11px;line-height:1.4}
.login-account-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;background:#e7f5df;border:1px solid #ffe69a;color:#07356d;font-size:10px;font-weight:900;white-space:nowrap}
.login-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.login-account-entry{min-width:0;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;text-align:left;padding:10px;border-radius:12px;background:#fff;border:1px solid #d9e9d5;color:#061d3a;box-shadow:0 6px 16px rgba(6, 29, 58, .04);transform:none!important}
.login-account-entry:hover{border-color:#fdb515;background:#fbfff8;box-shadow:0 9px 22px rgba(6, 29, 58, .09)}
.login-account-entry.is-selected{border-color:#0057a8;box-shadow:0 0 0 3px rgba(0, 87, 168, .14);background:#f4fff8}
.login-account-role{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.055em;color:#07356d;overflow-wrap:anywhere}
.login-account-data{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0}
.login-account-data>span{min-width:0}
.login-account-data small{display:block;color:#4a91d0;font-size:9px;font-weight:800;margin-bottom:2px}
.login-account-data b{display:block;font-family:Consolas,"Courier New",monospace;font-size:11px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#061d3a}
.login-account-action{font-size:9px;color:#0057a8;font-weight:800}
.login-account-status{min-height:14px;margin-top:8px;font-size:10px;font-weight:900;color:#07356d}
.login-account-showcase.is-dark{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}
.login-account-showcase.is-dark .login-account-showcase-head small{color:#d9efda}
.login-account-showcase.is-dark .login-account-count{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);color:#fff}
.login-account-showcase.is-dark .login-account-entry{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);color:#fff;box-shadow:none}
.login-account-showcase.is-dark .login-account-entry:hover,.login-account-showcase.is-dark .login-account-entry.is-selected{background:rgba(255,255,255,.17);border-color:#ffe69a;box-shadow:0 0 0 3px rgba(255, 230, 154, .12)}
.login-account-showcase.is-dark .login-account-role{color:#ffe69a}
.login-account-showcase.is-dark .login-account-data small,.login-account-showcase.is-dark .login-account-action{color:#d9efda}
.login-account-showcase.is-dark .login-account-data b{color:#fff}
.login-account-showcase.is-dark .login-account-status{color:#ffe69a}
.login-account-showcase-mobile{display:none}
.login-hero,.portal-login-hero{overflow:auto}
@media(max-width:1100px){
  .login-account-showcase-desktop{display:none!important}
  .login-account-showcase-mobile{display:block}
  .login-card,.portal-login-card{width:min(720px,100%)}
}
@media(max-width:640px){
  .login-account-grid{grid-template-columns:1fr}
  .login-account-showcase{padding:12px;border-radius:14px}
  .login-account-showcase-head{flex-direction:column;gap:7px}
  .login-account-count{align-self:flex-start}
  .login-account-data{grid-template-columns:1fr 1fr}
}

/* Demo login surfaces: compact square-corner presentation requested for client demos. */
body.auth-page .login-card,
body.portal-auth-page .portal-login-card,
body.auth-page .login-account-showcase,
body.portal-auth-page .login-account-showcase,
body.auth-page .login-account-entry,
body.portal-auth-page .login-account-entry,
body.auth-page .login-account-count,
body.portal-auth-page .login-account-count,
body.auth-page .login-panel input,
body.auth-page .login-panel select,
body.auth-page .login-panel textarea,
body.auth-page .login-panel .btn,
body.auth-page .login-panel button,
body.auth-page .login-panel .portal-login-links a,
body.auth-page .login-hero .pill-grid span,
body.portal-auth-page .portal-login-panel input,
body.portal-auth-page .portal-login-panel select,
body.portal-auth-page .portal-login-panel textarea,
body.portal-auth-page .portal-login-panel .btn,
body.portal-auth-page .portal-login-panel button,
body.portal-auth-page .portal-login-links a,
body.portal-auth-page .portal-login-hero .portal-chip-row span {
  border-radius: 1px !important;
}

/* Login connection-time bot gate */
.login-probe-status{min-height:20px;margin:0 0 10px;color:#0057a8;font-size:12px;font-weight:900;letter-spacing:.02em}
.login-probe-checking input[aria-busy="true"]{cursor:wait;background:#f4f7f3!important}
.login-probe-checking button[type="submit"]{cursor:wait;opacity:.72}
.login-probe-blocked{pointer-events:none;opacity:.78}
.login-probe-blocked .login-probe-status{color:#9a2117}
.login-blocked-card{width:min(980px,100%)}

body.is-portal-mobile-app [data-install-app],
body.is-portal-mobile-app [data-install-status],
body.is-portal-mobile-app .portal-install-note,
body.is-portal-mobile-app .portal-login-links{display:none!important}

.portal-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.portal-collapse-head{align-items:flex-start}
.portal-collapse-toggle{min-height:34px;padding:7px 10px;border-radius:999px;background:#f4fbef;border:1px solid #ffe69a;color:#061d3a;font-size:12px;font-weight:950;box-shadow:none}
.portal-collapse-toggle:hover{transform:none;background:#eaf7df}
.portal-collapse-caret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:16px;line-height:1}
.portal-collapsible{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .24s ease,opacity .2s ease,margin-top .2s ease;margin-top:12px}
.portal-collapsible.is-collapsed{grid-template-rows:0fr;opacity:0;margin-top:0}
.portal-collapsible-inner{overflow:hidden}
@media(max-width:700px){
  .portal-collapse-head{gap:10px}
  .portal-card-actions{width:100%;justify-content:space-between}
  .portal-collapse-toggle{min-width:110px}
}
@media(min-width:701px){
  .portal-collapse-toggle{display:none!important}
  .portal-collapsible.is-collapsed{grid-template-rows:1fr!important;opacity:1!important;margin-top:12px!important}
}

@media(max-width:680px){
  body.portal-page{padding-top:0!important}
  body.portal-page.portal-employee{padding-top:0!important}
  body.portal-page .portal-topbar{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:6px 10px!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.portal-page .portal-brand .brand-mark{width:34px!important;height:34px!important;min-width:34px!important}
  body.portal-page .portal-brand strong{font-size:12px!important;line-height:1.05!important;max-width:35vw!important}
  body.portal-page .portal-module-toggle{height:36px!important;min-height:36px!important;min-width:88px!important;padding:6px 9px!important;font-size:12px!important}
  body.portal-page .portal-profile-button{height:36px!important;min-height:36px!important;padding:4px 7px 4px 5px!important}
  body.portal-page .portal-profile-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:10.5px!important}
  body.portal-page .portal-main{margin-top:58px!important;padding-top:8px!important}
  body.portal-page .portal-hero,body.portal-page .portal-card-panel,body.portal-page .portal-stat{scroll-margin-top:74px!important}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{top:64px!important;max-height:calc(100dvh - 78px)!important}
}

/* Portal module navbar, filters, and mobile portal refinements */
body.portal-page .portal-topbar{
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  padding:9px 18px!important;
}
body.portal-page .portal-nav.portal-nav-grouped{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
}
body.portal-page .portal-nav-group{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
}
body.portal-page .portal-nav-toggle{
  min-height:48px!important;
  height:48px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#061d3a!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.portal-page .portal-nav-group.active .portal-nav-toggle,
body.portal-page .portal-nav-group.open .portal-nav-toggle,
body.portal-page .portal-nav-toggle:hover{
  background:#f3f8ef!important;
  color:#061d3a!important;
  transform:none!important;
}
body.portal-page .portal-nav-toggle>.ico,
body.portal-page .portal-nav-menu a>.ico,
body.portal-page .portal-nav>a>.ico{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:6px!important;
  background:#e9f7df!important;
  border:1px solid #ffe69a!important;
  font-size:14px!important;
  line-height:1!important;
}
body.portal-page .portal-nav-caret{
  width:8px!important;
  height:8px!important;
  margin-left:2px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(45deg)!important;
  transition:transform .25s ease!important;
  font-size:0!important;
  line-height:0!important;
}
body.portal-page .portal-nav-group.open .portal-nav-caret{transform:rotate(225deg)!important}
body.portal-page .portal-nav-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  width:230px!important;
  min-width:230px!important;
  max-width:min(86vw,280px)!important;
  display:none!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  padding:8px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dfe9dc!important;
  border-radius:8px!important;
  box-shadow:0 14px 32px rgba(6, 29, 58, .14)!important;
  z-index:120!important;
}
body.portal-page .portal-nav-group.open .portal-nav-menu{display:grid!important}
body.portal-page .portal-nav-menu a{
  width:100%!important;
  min-height:42px!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#07356d!important;
  font-size:13px!important;
  font-weight:850!important;
  text-align:left!important;
  white-space:normal!important;
}
body.portal-page .portal-nav-menu a:hover{background:#f3f8ef!important;color:#061d3a!important}
body.portal-page .portal-filter-form{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
  margin:0 0 14px!important;
  padding:12px!important;
  border:1px solid #dfead8!important;
  border-radius:8px!important;
  background:#fbfff8!important;
}
body.portal-page .portal-filter-form label{min-width:0!important}
body.portal-page .portal-filter-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.portal-page .portal-filter-actions .btn{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.portal-page .btn.light{
  background:#fff!important;
  color:#061d3a!important;
  border:1px solid #ffe69a!important;
}
body.portal-page .portal-pagination{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:14px!important;
}
body.portal-page .portal-pagination a{
  min-width:38px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 11px!important;
  border:1px solid #ffe69a!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#061d3a!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.portal-page .portal-pagination a.active,
body.portal-page .portal-pagination a:hover{background:#07356d!important;border-color:#07356d!important;color:#fff!important}
body.portal-page .portal-detail-list-full{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
body.portal-page .portal-table{overflow-x:auto!important}
body.portal-page .portal-table table{min-width:760px!important;table-layout:auto!important}
body.portal-page .portal-card-panel{scroll-margin-top:82px!important}
body.is-portal-mobile-app [data-install-app],
body.is-portal-mobile-app [data-install-status],
body.is-portal-mobile-app .portal-install-note,
body.is-portal-mobile-app .portal-login-links,
body.portal-app-portal-user [data-install-app],
body.portal-app-portal-user [data-install-status],
body.portal-app-portal-user .portal-install-note,
body.portal-app-portal-user .portal-login-links,
body.portal-app-portal-user [data-install-app],
body.portal-app-portal-user [data-install-status],
body.portal-app-portal-user .portal-install-note,
body.portal-app-portal-user .portal-login-links,
body.portal-app-employee [data-install-app],
body.portal-app-employee [data-install-status],
body.portal-app-employee .portal-install-note,
body.portal-app-employee .portal-login-links,
body.portal-app-staff [data-install-app],
body.portal-app-staff [data-install-status],
body.portal-app-staff .portal-install-note,
body.portal-app-staff .portal-login-links{display:none!important}

@media(min-width:1281px){
  body.portal-page .portal-module-toggle{display:none!important}
}
@media(max-width:1280px){
  body.portal-page .portal-module-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
  }
  body.portal-page:not(.portal-nav-open) .portal-topbar .portal-nav{display:none!important}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:8px!important;
    padding:10px!important;
    border:1px solid #ffe69a!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 16px 36px rgba(6, 29, 58, .14)!important;
    max-height:calc(100dvh - 82px)!important;
    overflow:auto!important;
    z-index:90!important;
  }
  body.portal-page .portal-nav-group{width:100%!important}
  body.portal-page .portal-nav-toggle{
    width:100%!important;
    justify-content:space-between!important;
    min-height:50px!important;
    height:50px!important;
    padding:0 12px!important;
    border:1px solid #ffe69a!important;
    border-radius:6px!important;
    background:#fbfff8!important;
  }
  body.portal-page .portal-nav-menu{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:6px 8px 9px 18px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f8faf7!important;
  }
}
@media(max-width:700px){
  body.portal-page .portal-topbar{
    position:sticky!important;
    top:0!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand toggle user" "nav nav nav"!important;
    min-height:56px!important;
    height:auto!important;
    max-height:none!important;
    padding:7px 10px!important;
    gap:7px!important;
  }
  body.portal-page .portal-brand{grid-area:brand!important;min-width:0!important}
  body.portal-page .portal-module-toggle{grid-area:toggle!important}
  body.portal-page .portal-user{grid-area:user!important}
  body.portal-page .portal-nav{grid-area:nav!important}
  body.portal-page .portal-main{margin-top:0!important;padding-top:10px!important}
  body.portal-page .portal-card-panel{scroll-margin-top:70px!important}
  body.portal-page .portal-table th,
  body.portal-page .portal-table td{display:table-cell!important}
}
@media(max-width:520px){
  body.portal-page .portal-filter-form{grid-template-columns:1fr!important;padding:10px!important}
  body.portal-page .portal-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body.portal-page .portal-filter-actions .btn{width:100%!important}
  body.portal-page .portal-table table{min-width:680px!important}
  body.portal-page.portal-nav-open .portal-topbar .portal-nav,
  body.portal-page.portal-employee.portal-nav-open .portal-nav-grouped{
    left:10px!important;
    right:10px!important;
    grid-template-columns:1fr!important;
    max-height:calc(100dvh - 72px)!important;
  }
}

/* Final portal navbar/collapsible standard: same behavior on web, tablet, and PWA. */
body.portal-page .portal-topbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 25px!important;
  background:#fff!important;
  border-bottom:1px solid #dcdfe4!important;
  box-shadow:0 3px 12px rgba(0,0,0,.06)!important;
}
body.portal-page .portal-brand{
  flex:0 1 auto!important;
  min-width:0!important;
  padding:10px 0!important;
}
body.portal-page .portal-brand .brand-mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  box-shadow:0 8px 18px rgba(6, 29, 58, .10)!important;
}
body.portal-page .portal-brand strong{
  max-width:240px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.1!important;
}
body.portal-page .portal-brand span{display:none!important}
body.portal-page .portal-main{
  margin-top:0!important;
  padding-top:16px!important;
}
body.portal-page .portal-module-toggle{
  flex:0 0 auto!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid #dcdfe4!important;
  border-radius:1px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#374151!important;
  font-size:0!important;
}
body.portal-page .portal-module-toggle .ico{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  font-size:22px!important;
  color:#374151!important;
}
body.portal-page .portal-nav.portal-nav-grouped{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.portal-page .portal-nav-group{
  position:relative!important;
  width:auto!important;
  flex:0 0 auto!important;
}
body.portal-page .portal-nav-toggle{
  min-height:58px!important;
  height:58px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#374151!important;
  font-size:15px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
body.portal-page .portal-nav-group.open .portal-nav-toggle,
body.portal-page .portal-nav-group.active .portal-nav-toggle,
body.portal-page .portal-nav-toggle:hover{
  background:#f3f4f6!important;
  color:#111827!important;
  transform:none!important;
}
body.portal-page .portal-nav-toggle>.ico,
body.portal-page .portal-nav-menu a>.ico{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:6px!important;
  border:1px solid #ffe69a!important;
  background:#eef9e8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
}
body.portal-page .portal-nav-caret,
body.portal-page .portal-profile-caret{
  width:8px!important;
  height:8px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(45deg)!important;
  transition:transform .25s ease!important;
  font-size:0!important;
  line-height:0!important;
}
body.portal-page .portal-nav-group.open .portal-nav-caret,
body.portal-page .portal-profile-menu.open .portal-profile-caret{transform:rotate(225deg)!important}
body.portal-page .portal-nav-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  width:230px!important;
  min-width:230px!important;
  display:none!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:8px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #e1e5ea!important;
  border-radius:6px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
  z-index:1000!important;
}
body.portal-page .portal-nav-group.open .portal-nav-menu{display:block!important}
body.portal-page .portal-nav-menu a{
  width:100%!important;
  min-height:44px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  color:#374151!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:normal!important;
}
body.portal-page .portal-nav-menu a:hover{background:#f3f4f6!important;color:#111827!important}
body.portal-page .portal-user{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.portal-page .portal-profile-button{
  min-height:42px!important;
  height:42px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
}
body.portal-page .portal-collapse-head{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:15px!important;
  cursor:pointer!important;
}
body.portal-page .portal-collapse-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:130px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid #dce1e7!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#1f2937!important;
  box-shadow:none!important;
}
body.portal-page .portal-collapse-caret{
  width:12px!important;
  height:12px!important;
  border-right:2px solid #374151!important;
  border-bottom:2px solid #374151!important;
  transform:rotate(45deg)!important;
  transition:transform .3s ease!important;
  font-size:0!important;
  line-height:0!important;
}
body.portal-page .portal-collapse-toggle[aria-expanded="true"] .portal-collapse-caret{transform:rotate(225deg)!important}
body.portal-page .portal-collapsible{
  display:block!important;
  max-height:20000px!important;
  overflow:hidden!important;
  opacity:1!important;
  margin-top:12px!important;
  transition:max-height .4s ease,opacity .3s ease,margin-top .25s ease!important;
}
body.portal-page .portal-collapsible.is-collapsed{
  max-height:0!important;
  opacity:0!important;
  margin-top:0!important;
}
body.portal-page .portal-collapsible-inner{overflow:hidden!important}
body.portal-page .portal-profile-summary{margin-bottom:12px!important}

@media(min-width:769px){
  body.portal-page .portal-module-toggle{display:none!important}
}
@media(max-width:768px){
  body.portal-page .portal-topbar{
    flex-wrap:wrap!important;
    padding:0 18px!important;
    gap:8px 12px!important;
  }
  body.portal-page .portal-brand{max-width:calc(100% - 150px)!important}
  body.portal-page .portal-brand strong{max-width:190px!important}
  body.portal-page .portal-module-toggle{display:inline-flex!important}
  body.portal-page .portal-nav.portal-nav-grouped{
    order:5!important;
    width:100%!important;
    flex:0 0 100%!important;
    max-height:0!important;
    overflow:hidden!important;
    flex-direction:column!important;
    align-items:stretch!important;
    opacity:0!important;
    transition:max-height .35s ease,opacity .25s ease!important;
  }
  body.portal-page.portal-nav-open .portal-topbar .portal-nav.portal-nav-grouped{
    position:static!important;
    display:flex!important;
    max-height:70vh!important;
    padding:0 0 15px!important;
    opacity:1!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  body.portal-page .portal-nav-group{
    width:100%!important;
    flex:0 0 auto!important;
  }
  body.portal-page .portal-nav-toggle{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    justify-content:space-between!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:0!important;
  }
  body.portal-page .portal-nav-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin-top:0!important;
    padding:5px 12px 10px 25px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f8fafc!important;
  }
  body.portal-page .portal-main{
    padding-top:14px!important;
  }
}
@media(max-width:520px){
  body.portal-page .portal-topbar{padding:0 12px!important}
  body.portal-page .portal-brand .brand-mark{width:36px!important;height:36px!important;min-width:36px!important}
  body.portal-page .portal-brand strong{max-width:145px!important;font-size:13px!important}
  body.portal-page .portal-profile-text{display:none!important}
  body.portal-page .portal-collapse-head{align-items:flex-start!important}
  body.portal-page .portal-card-actions{width:100%!important;justify-content:space-between!important}
  body.portal-page .portal-collapse-toggle{min-width:120px!important}
}

.mfa-panel{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.mfa-panel h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#061d3a;
  font-size:22px;
  font-weight:900;
}
.mfa-panel h3 .ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  min-width:34px;
  border:1px solid #ffe69a;
  background:#eef9e8;
  color:#061d3a;
  font-size:11px;
  font-weight:950;
}
.mfa-qr-wrap{
  display:flex;
  justify-content:center;
  padding:14px;
  border:1px solid #dce9d6;
  background:#fbfff8;
}
.mfa-qr{
  width:220px;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  border:1px solid #d8e6d3;
  background:#fff;
  color:#0057a8;
  text-align:center;
}
.mfa-qr svg{
  width:100%;
  height:auto;
  max-width:200px;
  display:block;
  background:#fff;
}
.mfa-secret{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border:1px solid #dce9d6;
  background:#f8fcf4;
}
.mfa-secret span{
  color:#0057a8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mfa-secret code{
  white-space:normal;
  overflow-wrap:anywhere;
  color:#061d3a;
  font-size:16px;
  font-weight:900;
}

/* System-wide radius standard for website and PWA surfaces. */
body.radius-six.radius-six *,
body.radius-six.radius-six *::before,
body.radius-six.radius-six *::after{
  border-radius:6px!important;
}

/* ========================================================================== 
   FINAL NEXTLY NAVIGATION INTERACTION LOCK - 2026-06-26
   Keep every label, icon, caret, row, border and button at exactly the same
   geometry in normal/hover/focus/active/open states. Only the text underline
   may appear. This block intentionally overrides the legacy portal hover rules.
   ========================================================================== */
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle {
  color: #061d3a !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  font-synthesis: none !important;
  font-kerning: normal !important;
  font-optical-sizing: none !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle .portal-nav-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  color: #061d3a !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  font-synthesis: none !important;
  font-optical-sizing: none !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* Disable every old button underline/background implementation. */
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle::before,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle::after {
  content: none !important;
  display: none !important;
}

/* Nextly behavior: a separate underline grows below the label without changing text geometry. */
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-label::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(90deg, #07356d, #e59f00) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
  transition: width 180ms ease !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-label::after,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible .portal-nav-label::after,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle .portal-nav-label::after,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-label::after {
  width: 100% !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle > .ico {
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-caret,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-caret,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus .portal-nav-caret,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible .portal-nav-caret,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active .portal-nav-caret {
  transform: rotate(45deg) !important;
  translate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: transform 180ms ease !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-caret {
  transform: rotate(225deg) !important;
}

/* Dropdown links use the same underline-only interaction. */
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:active,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active {
  color: #061d3a !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  font-synthesis: none !important;
  font-optical-sizing: none !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a .portal-nav-link-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover .portal-nav-link-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus .portal-nav-link-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible .portal-nav-link-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:active .portal-nav-link-label,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active .portal-nav-link-label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  color: #061d3a !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  font-synthesis: none !important;
  font-optical-sizing: none !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a .portal-nav-link-label::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(90deg, #07356d, #e59f00) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
  transition: width 180ms ease !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover .portal-nav-link-label::after,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible .portal-nav-link-label::after,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active .portal-nav-link-label::after {
  width: 100% !important;
}

body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:active > .ico,
body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active > .ico {
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

/* Desktop geometry stays fixed. */
@media (min-width: 1367px) {
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 5px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 17px !important;
    letter-spacing: 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-label {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 17px !important;
  }
}

/* Nextly mobile geometry: fixed row and text dimensions in every state. */
@media (max-width: 1366px), (pointer: coarse), (hover: none) {
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 8px !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 12px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus-visible .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle .portal-nav-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-label {
    justify-self: start !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle > .ico,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover > .ico,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus > .ico,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active > .ico,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.active > .portal-nav-toggle > .ico,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle > .ico {
    box-sizing: border-box !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-caret,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:hover .portal-nav-caret,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:focus .portal-nav-caret,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-toggle:active .portal-nav-caret {
    justify-self: end !important;
    width: 7px !important;
    min-width: 7px !important;
    max-width: 7px !important;
    height: 7px !important;
    min-height: 7px !important;
    max-height: 7px !important;
    margin: -3px 1px 0 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-group.open > .portal-nav-toggle .portal-nav-caret {
    margin: 3px 1px 0 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:active,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    letter-spacing: 0 !important;
  }

  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a .portal-nav-link-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:hover .portal-nav-link-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus .portal-nav-link-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:focus-visible .portal-nav-link-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a:active .portal-nav-link-label,
  body.portal-page.nextly-portal-theme .portal-topbar .portal-nav-menu > a.active .portal-nav-link-label {
    justify-self: start !important;
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    letter-spacing: 0 !important;
  }
}

.generated-link-card {
  display: grid;
  gap: 10px;
}

.generated-link-copy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.generated-link-copy-row input[readonly] {
  width: 100%;
}

.generated-link-copy-btn {
  white-space: nowrap;
}

@media (max-width: 720px) {
  .generated-link-copy-row {
    grid-template-columns: 1fr;
  }

  .generated-link-copy-btn {
    width: 100%;
  }
}

/* Whole-system modal header polish v9.2.11 - full-width modal headers and system confirmation modal */
.modal-card>.modal-head{
  box-sizing:border-box!important;
  margin:-1px -1px 0!important;
  width:calc(100% + 2px)!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,#eef5ff,#fff8cf)!important;
  border-bottom:1px solid #d7e7f6!important;
  box-shadow:0 4px 14px rgba(6,29,58,.07)!important;
}
.modal-card>.modal-head h3{color:#0A2342!important;font-weight:800!important;line-height:1.2!important;}
.modal-card>.modal-head [data-close-modal],
.modal-card>.modal-head [data-system-confirm-cancel]{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.78)!important;border:1px solid rgba(0,59,122,.14)!important;color:#0A2342!important;
}
.system-confirm-modal{z-index:130!important;}
.system-confirm-card{width:min(520px,calc(100vw - 30px))!important;max-width:none!important;overflow:hidden!important;}
.system-confirm-message{margin:0;color:#0A2342;font-weight:800;line-height:1.5;font-size:15px;white-space:pre-wrap;}
.system-confirm-actions{margin-top:18px!important;position:static!important;background:transparent!important;padding:0!important;border-top:0!important;box-shadow:none!important;}
.system-confirm-actions .btn{min-width:92px;}
@media(max-width:760px){
  .modal-card>.modal-head{border-radius:14px 14px 0 0!important;}
  .system-confirm-card{width:100%!important;}
  .system-confirm-actions{flex-direction:column-reverse!important;}
  .system-confirm-actions .btn{width:100%;}
}

/* Whole-system modal scrollbar-gutter fix v9.2.12
   Keep the modal header full-width while the scroll bar stays in the body area. */
.modal-card,
.modal-card.wide{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  max-height:min(90vh, calc(100vh - 40px))!important;
  scrollbar-gutter:auto!important;
}
.modal-card>.modal-head{
  flex:0 0 auto!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  border-radius:16px 16px 0 0!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#eef5ff,#fff8cf)!important;
  border-bottom:1px solid #d7e7f6!important;
  box-shadow:0 4px 14px rgba(6,29,58,.07)!important;
}
.modal-card>.modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
.modal-card>.modal-actions{
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:12px 18px 18px!important;
  background:#fff!important;
  border-top:1px solid #edf5e9!important;
}
.modal-card>.modal-body+.modal-actions{
  margin-top:0!important;
}
.modal-card>.modal-body::-webkit-scrollbar{
  width:9px!important;
  height:9px!important;
}
.modal-card>.modal-body::-webkit-scrollbar-track{
  background:#f4f7f4!important;
}
.modal-card>.modal-body::-webkit-scrollbar-thumb{
  background:#b8c8d8!important;
  border-radius:999px!important;
}
.system-confirm-card .modal-body{
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}
.system-confirm-card>.modal-actions,
.system-confirm-card .system-confirm-actions{
  border-top:0!important;
  background:transparent!important;
}
@media(max-width:760px){
  .modal-card,
  .modal-card.wide{
    max-height:calc(100vh - 20px)!important;
  }
  .modal-card>.modal-head{
    border-radius:14px 14px 0 0!important;
  }
}

/* Whole-system modal overflow/header gutter hard fix v9.2.13
   Real fix: modal card has no scrollbar/padding; only the body scrolls.
   Header also paints behind the reserved Windows scrollbar gutter. */
.modal.open{
  display:flex!important;
}
.modal-card,
.modal-card.wide{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  max-height:min(90vh,calc(100dvh - 40px))!important;
  scrollbar-gutter:auto!important;
  background:
    linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%) top left/100% 72px no-repeat,
    linear-gradient(180deg,#ffffff 0%,#fffef7 100%)!important;
}
.modal-card::before,
.modal-card.wide::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:72px!important;
  pointer-events:none!important;
  z-index:0!important;
  background:linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%)!important;
}
.modal-card>.modal-head{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  margin:0 -18px 0 0!important;
  width:calc(100% + 18px)!important;
  max-width:none!important;
  padding:16px 38px 16px 18px!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,#eef5ff 0%,#fff8cf 100%)!important;
  border-bottom:1px solid #d7e7f6!important;
  box-shadow:0 4px 14px rgba(6,29,58,.07)!important;
}
.modal-card>.modal-head h3{
  color:#0A2342!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.modal-card>.modal-head [data-close-modal],
.modal-card>.modal-head [data-system-confirm-cancel]{
  flex:0 0 auto!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin-right:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.85)!important;
  border:1px solid rgba(0,59,122,.14)!important;
  color:#0A2342!important;
}
.modal-card>.modal-body{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:auto!important;
  padding:18px!important;
  background:transparent!important;
}
.modal-card>.modal-actions{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:12px 18px 18px!important;
  background:#fff!important;
  border-top:1px solid #edf5e9!important;
}
.system-confirm-modal{z-index:130!important;}
.system-confirm-card{
  width:min(520px,calc(100vw - 30px))!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
}
.system-confirm-card>.modal-body,
.system-confirm-card .modal-body{
  overflow:visible!important;
  max-height:none!important;
  scrollbar-gutter:auto!important;
}
.system-confirm-message{
  margin:0!important;
  color:#0A2342!important;
  font-weight:800!important;
  line-height:1.5!important;
  font-size:15px!important;
  white-space:pre-wrap!important;
}
.system-confirm-actions{
  position:static!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
.system-confirm-actions .btn{min-width:92px!important;}
@media(max-width:760px){
  .modal{padding:10px!important;align-items:flex-start!important;}
  .modal-card,.modal-card.wide{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:14px!important;}
  .modal-card>.modal-head{margin-right:-14px!important;width:calc(100% + 14px)!important;padding:14px 32px 14px 16px!important;border-radius:14px 14px 0 0!important;}
  .system-confirm-card{width:100%!important;}
  .system-confirm-actions{flex-direction:column-reverse!important;}
  .system-confirm-actions .btn{width:100%!important;}
}