body:has(.portal-shell,.login-page,.customer-page,.loading-screen){margin:0}.customer-page,.loading-screen,.login-page,.portal-shell{--brand-navy:#0e3659;--brand-sky:#c1ddf2;--brand-accent:#36a9e1;--brand-ink:#0e3659;--brand-muted:#335b7c;--brand-line:#bad7ec;--brand-border:#6d94b3;--brand-soft:#dceef9;--brand-surface:#eaf4fb;--ink:var(--brand-ink);--muted:var(--brand-muted);--brand-primary:var(--brand-navy);--line:var(--brand-line);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;& *,& :after,& :before{box-sizing:border-box}& h1,& h2,& h3,& p{margin:0}& h1{font-size:clamp(26px,2.5vw,36px);line-height:1.2;letter-spacing:-.9px}& h1,& h2{font-weight:650}& h2{font-size:18px;line-height:1.35;letter-spacing:-.35px}& h3{font-size:15px;font-weight:650}& a{color:inherit}& button,& input,& select,& textarea{font:inherit}& button{cursor:pointer}& button:disabled{cursor:not-allowed;opacity:.5}& :focus-visible{outline:3px solid var(--brand-navy);outline-offset:3px}& .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& .skip-link{position:fixed;top:-100px;left:18px;z-index:100;padding:14px 24px;background:white;border:2px solid var(--brand-primary);border-radius:8px}& .skip-link:focus{top:12px}& .small{font-size:12px}& .muted{color:var(--muted)}& .eyebrow{color:var(--brand-primary);font-weight:700;font-size:10px;letter-spacing:1.9px;display:block;margin-bottom:10px}& .brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:9px;max-width:100%;color:var(--ink)}& .brand-logo{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}& .brand-caption{font-size:8px;font-weight:650;letter-spacing:1.7px;line-height:1.5;text-transform:uppercase;color:var(--brand-muted)}& .brand-dark .brand-caption,& .brand-white .brand-caption{color:var(--brand-sky)}& .brand-link{text-decoration:none;display:inline-block;max-width:100%}& .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 17px;border-radius:7px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:650;line-height:1.5;transition:background .15s,border-color .15s;white-space:nowrap}& .button.primary{background:var(--brand-primary);color:white}& .button.primary:hover:not(:disabled){background:#092b49}& .button.secondary{background:white;color:var(--ink);border-color:var(--brand-line)}& .button.secondary:hover:not(:disabled){background:var(--brand-surface);border-color:var(--brand-border)}& .button.text-button{background:transparent;color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}& .button.danger-quiet{background:#fff8f5;color:#97422d;border-color:#eedbd4}& .small-button{min-height:35px;padding:7px 12px;font-size:11px}& .full-width{width:100%}& .icon-button{width:35px;height:35px;justify-content:center;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px}& .icon-button,& .inline-link{display:inline-flex;align-items:center}& .inline-link{gap:12px;background:none;border:none;padding:8px 0;font-weight:650;font-size:12px;color:var(--brand-primary);text-decoration:none}& .action-spacer{flex:1}& .button-row,& .form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}& .form-actions{padding-top:22px;border-top:1px solid var(--line)}& .badge{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:650;white-space:nowrap;letter-spacing:.1px}& .badge.green{background:#e8f2e9;color:#22613b}& .badge.amber{background:#faf0d8;color:#795a11}& .badge.blue{color:var(--brand-ink)}& .badge.blue,& .badge.gray{background:var(--brand-soft)}& .badge.gray{color:var(--brand-muted)}& .alert{border-radius:7px;padding:14px 17px;margin-bottom:20px;border:1px solid;font-size:13px}& .alert p{margin-top:6px}& .alert ul{padding-left:20px;margin-bottom:0}& .alert.error{background:#fff4ef;color:#913e28;border-color:#edc9bc}& .alert.warning{background:#fffae9;color:#745a16;border-color:#e5dcae}& .alert.info{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}& .alert.success{background:#edf6ec;color:#285b34;border-color:#cce1ca}& .sidebar{width:248px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 18px 18px;z-index:30;overflow-y:auto}& .sidebar>.brand-link{padding:0 10px 24px}& .sidebar-label{color:var(--brand-muted);font-size:9px;font-weight:650;letter-spacing:1.7px;padding:20px 14px 13px}& .sidebar nav{display:grid;gap:5px}& .nav-link{width:100%;display:flex;align-items:center;gap:13px;padding:12px 14px;text-align:left;color:var(--brand-muted);border:none;background:none;border-radius:7px;min-height:44px;font-size:12px;font-weight:550}& .nav-link:hover{background:var(--brand-surface)}& .nav-link.active{color:var(--brand-navy);background:var(--brand-soft);font-weight:700}& .nav-count{margin-left:auto;background:white;border-radius:4px;min-width:21px;font-size:10px;text-align:center;padding:2px}& .sidebar-bottom{margin-top:auto;padding-top:40px}& .penseo-link{display:flex;align-items:center;gap:10px;padding:15px 12px;border-radius:8px;background:var(--brand-surface);text-decoration:none;color:var(--brand-ink);margin-bottom:18px;font-size:11px;font-weight:650}& .penseo-link small{display:block;font-size:9px;font-weight:400;color:var(--brand-muted);margin-top:4px}& .penseo-link>span:last-child{margin-left:auto}& .penseo-link.disabled{background:var(--brand-surface);color:var(--brand-muted)}& .workspace-card{display:flex;gap:10px;border-top:1px solid var(--line);padding:20px 7px 1px;margin-top:14px;align-items:center;min-width:0}& .workspace-card strong{display:block;font-size:11px;overflow-wrap:anywhere}& .workspace-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}& .avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-ink);font-size:10px;font-weight:700}& .small-avatar{width:30px;height:30px;margin-left:14px;font-size:9px}& .portal-body{margin-left:248px;min-width:0;flex:1}& .topbar{height:75px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;justify-content:space-between;align-items:center;background:#fff}& .breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:14px}& .breadcrumb strong{color:var(--brand-ink);font-weight:550}& .breadcrumb>span,& .topbar-right{color:var(--brand-muted)}& .topbar-right{display:flex;align-items:center;gap:7px;font-size:9px}& .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-accent);flex-shrink:0}& .test-banner{background:var(--brand-soft);border-bottom:1px solid #b6d6ed;color:var(--brand-ink);padding:7px 38px;font-size:10px;letter-spacing:.2px}& .main-content{padding:35px 38px 45px;max-width:1540px;margin:0 auto}& .page-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:29px}& .page-heading p:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}& .page-heading .eyebrow{font-size:9px;margin-bottom:9px}& .welcome-card{background:var(--brand-navy);color:white;padding:32px 36px;border-radius:10px;display:flex;justify-content:space-between;position:relative;overflow:hidden;min-height:254px}& .hero-eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--brand-sky);font-weight:600}& .welcome-card h2{margin-top:18px;font-size:clamp(24px,2.45vw,33px);line-height:1.28;letter-spacing:-.7px;font-weight:500}& .welcome-card h2>span,& .welcome-card p{color:var(--brand-sky)}& .welcome-card p{font-size:11px;margin-top:12px}& .hero-button{background:var(--brand-sky);color:var(--brand-navy);font-size:10px;padding:9px 14px;min-height:35px;margin-top:23px}& .hero-orbit{width:245px;min-width:200px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:16px}& .hero-orbit>span{font-size:63px;font-weight:600;letter-spacing:-5px;position:relative;z-index:1;color:#ffffff}& .hero-orbit>span>span{font-size:45px;position:relative;top:-15px;color:var(--brand-accent)}& .hero-orbit small{position:absolute;bottom:35px;font-size:6px;letter-spacing:1.6px;color:var(--brand-sky)}& .orbit{border:1px solid #5e829f;border-radius:50%;position:absolute;opacity:.65}& .orbit.outer{width:250px;height:250px}& .orbit.inner{width:188px;height:188px}& .orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--brand-accent);right:9px;top:19px}& .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0}& .metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}& .metric-card{border:1px solid var(--line);background:white;padding:20px 20px 18px;border-radius:8px}& .metric-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:16px}& .metric-card h2{color:var(--brand-muted);font-size:10px;font-weight:500;letter-spacing:0}& .metric-icon{display:flex;align-items:center;color:var(--brand-muted)}& .metric-icon svg{width:16px;height:16px}& .metric-card>strong{display:block;font-size:31px;font-weight:600;line-height:1.1;letter-spacing:-.8px}& .metric-card>strong.metric-text{font-size:22px;letter-spacing:-.6px;min-height:34px;padding-top:3px}& .metric-card>p{color:var(--brand-muted);font-size:9px;margin-top:12px;line-height:1.6}& .dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}& .panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:22px;overflow:hidden}& .padded,& .panel.padded{padding:26px}& .panel.padded>p{margin:9px 0 22px;color:var(--muted);font-size:12px}& .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 24px;border-bottom:1px solid var(--brand-line)}& .panel-heading h2{font-size:15px}& .panel-heading p{color:var(--muted);font-size:10px;margin-top:5px}& .activity-row{display:flex;align-items:center;gap:12px;background:white;border:none;border-bottom:1px solid var(--brand-line);width:100%;text-align:left;padding:17px 23px;color:var(--ink)}& .activity-row:hover{background:var(--brand-surface)}& .activity-row:last-child{border-bottom:0}& .document-icon{display:inline-flex;width:36px;height:40px;align-items:center;justify-content:center;border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:6px;color:var(--brand-muted);flex-shrink:0}& .activity-name{flex:1;min-width:0}& .activity-name strong{display:block;font-size:11px}& .activity-name small{display:block;color:var(--muted);font-size:9px;margin-top:4px}& .row-arrow{color:var(--brand-muted);margin-left:4px}& .empty{padding:34px 23px 37px;text-align:center;max-width:510px;margin:0 auto}& .empty-symbol{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;margin-bottom:16px;color:var(--brand-muted);background:var(--brand-soft)}& .empty h3{font-size:13px;margin-bottom:9px}& .empty p{color:var(--muted);font-size:11px;line-height:1.8}& .status-chart{padding:27px 24px}& .chart-row{margin-bottom:22px}& .chart-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}& .chart-row i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:9px}& .chart-track{height:6px;background:var(--brand-soft);border-radius:3px;overflow:hidden}& .chart-track>span{display:block;height:6px;border-radius:3px}& .next-step{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:8px;display:flex;align-items:center;gap:16px;padding:23px 26px}& .next-step h3{font-size:13px}& .next-step p{font-size:10px;color:var(--brand-ink);margin-top:5px}& .next-step>.button{margin-left:auto}& .portal-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin:0 38px;padding:21px 0;font-size:9px;color:var(--brand-muted)}& .mobile-toggle,& .sidebar-backdrop{display:none}& .filterbar{display:flex;gap:13px;align-items:flex-end;padding:22px 24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}& .search-field{display:flex;align-items:center;gap:9px;min-width:210px;flex:1;border:1px solid var(--brand-line);border-radius:6px;padding:0 11px;color:var(--brand-muted);min-height:40px;background:#fff}& .search-field input{border:0;width:100%;outline-offset:0;padding:11px 0;font-size:11px;min-width:0;color:var(--ink)}& .filter-field{display:block}& .filter-field>span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}& .filter-field input,& .filter-field select{width:100%;min-height:40px;font-size:11px;border:1px solid var(--brand-line);padding:8px 11px;color:var(--brand-muted);border-radius:6px;background:white}& .table-scroll{overflow-x:auto;width:100%}& table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}& th{background:var(--brand-surface);color:var(--brand-muted);font-weight:500;font-size:9px;padding:13px 21px;border-bottom:1px solid var(--line);white-space:nowrap}& td{padding:17px 21px;border-bottom:1px solid var(--brand-line);vertical-align:middle;color:var(--brand-ink)}& tr:last-child td{border-bottom:0}& td>small{display:block;font-size:9px;color:var(--brand-muted);margin-top:5px}& td.number{font-variant-numeric:tabular-nums;white-space:nowrap}& .table-link{border:0;background:transparent;color:var(--brand-primary);font-size:11px;font-weight:650;padding:4px 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}& .table-link:hover{text-decoration-color:currentColor}& .table-footer{padding:14px 22px;border-top:1px solid var(--line);font-size:9px;color:var(--brand-muted);background:var(--brand-surface)}& .detail-grid{padding:23px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 30px;margin:0}& .padded .detail-grid{padding:22px 0}& dt{color:var(--brand-muted);font-size:10px;margin-bottom:7px}& dd{color:var(--brand-ink);font-size:13px;margin:0;overflow-wrap:anywhere}& .document-row{display:flex;gap:15px;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}& .document-row:last-child{border:0}& .document-row>div{flex:1;min-width:0}& .document-row strong{font-size:12px;overflow-wrap:anywhere}& .document-row small{display:block;font-size:9px;color:var(--brand-muted);margin-top:5px}& .case-toolbar{display:flex;align-items:center;gap:14px;font-size:11px;margin-bottom:20px;flex-wrap:wrap}& .tabs{display:flex;gap:25px;border-bottom:1px solid var(--brand-line);margin-bottom:22px;overflow-x:auto}& .tabs>button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--brand-muted);padding:12px 2px;font-size:11px;font-weight:550;white-space:nowrap}& .tabs>button.active{color:var(--brand-primary);border-color:var(--brand-primary)}& .section-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:10px 0 16px}& .section-heading p{color:var(--muted);font-size:12px;margin-top:8px}& .section-heading>span{font-size:10px;white-space:nowrap}& .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}& .field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}& .field-grid .field{margin-bottom:0}& .field.wide{grid-column:1/-1}& .field label,& .field>span{font-size:12px;color:var(--brand-ink);font-weight:600}& .field>small{font-size:10px;color:var(--brand-muted);line-height:1.65}& .field input,& .field select,& .field textarea{width:100%;border:1px solid var(--brand-border);border-radius:6px;padding:11px 12px;min-height:43px;color:var(--brand-ink);background:#fff;font-size:13px}& .field input[aria-invalid=true],& .field select[aria-invalid=true],& .field textarea[aria-invalid=true]{border-color:#a94931}& .field textarea{resize:vertical;line-height:1.7}& .field-error{color:#a14730!important}& .field-tag{color:var(--brand-muted);background:var(--brand-soft);font-size:8px;padding:2px 5px;margin-left:7px;border-radius:3px;font-weight:400}& .input-unit{position:relative}& .input-unit>span{position:absolute;right:14px;top:12px;color:var(--brand-muted);font-size:12px}& .input-unit:has(>span) input{padding-right:32px}& .form-progress{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}& .form-progress .eyebrow{margin-bottom:4px;font-size:9px}& .form-progress strong{font-size:12px;font-weight:500}& .form-progress>span{font-size:10px}& progress{display:block;width:100%;height:5px;border:0;border-radius:5px;background:var(--brand-soft);color:var(--brand-primary)}& progress::-webkit-progress-bar{background:var(--brand-soft);border-radius:5px}& progress::-webkit-progress-value{background:var(--brand-accent);border-radius:5px}& progress::-moz-progress-bar{background:var(--brand-accent);border-radius:5px}& .form-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:22px 0 28px;border-bottom:1px solid var(--line);padding-bottom:20px}& .form-steps>button{border:0;background:var(--brand-surface);border-radius:6px;padding:11px 8px;font-size:9px;color:var(--brand-muted);display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}& .form-steps>button>span{font-size:11px;font-weight:700;color:var(--brand-muted)}& .form-steps>button.active{background:var(--brand-primary);color:white}& .form-steps>button.active>span{color:var(--brand-sky)}& .field-group{border:1px solid var(--brand-line);border-radius:7px;padding:24px;margin:28px 0}& .field-group legend{padding:0 8px;font-size:12px;color:var(--brand-navy);font-weight:650}& .finance-summary{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:8px;padding:22px;display:flex;gap:20px;flex-wrap:wrap}& .finance-summary>div{flex:1}& .finance-summary span{display:block;font-size:10px;color:var(--brand-muted)}& .finance-summary strong{display:block;font-size:23px;margin-top:5px;font-weight:550}& .finance-summary p{flex-basis:100%;font-size:10px;color:var(--brand-muted)}& .share-box{margin-top:24px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:8px;padding:20px}& .share-box p{margin-top:12px}& .share-box input{font-size:11px}& .workflow-line{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}& .workflow-line span{padding:9px 12px;border-radius:4px;background:var(--brand-soft);color:var(--brand-muted);font-size:10px}& .workflow-line span.active{background:var(--brand-primary);color:white}& .decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 26px;margin-top:23px}& .decision-grid>div{display:flex;gap:8px;align-items:center;font-size:11px}& .decision-grid .badge{margin-left:auto}& .pending-dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--brand-border)}& .import-steps{display:flex;align-items:center;gap:12px;margin-bottom:30px}& .import-steps span{display:flex;gap:10px;align-items:center;color:var(--brand-muted);font-size:11px}& .import-steps strong{font-size:11px;font-weight:500}& .import-steps .active{color:var(--brand-primary);font-weight:750}& .import-steps .done{color:var(--brand-navy)}& .import-steps i{flex:1;height:1px;background:var(--brand-line)}& .upload-zone{display:flex;flex-direction:column;align-items:center;padding:30px 20px;gap:10px;border:1px dashed var(--brand-border);background:var(--brand-surface);border-radius:8px;text-align:center;color:var(--brand-navy);cursor:pointer}& .upload-zone strong{font-size:14px}& .upload-zone>span{font-size:10px}& .upload-zone input{margin-top:5px;max-width:100%;font-size:11px}& .mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}& .import-summary{display:flex;justify-content:space-around;gap:15px;background:var(--brand-surface);padding:20px;border-bottom:1px solid var(--line)}& .import-summary span{font-size:10px;color:var(--brand-muted)}& .import-summary strong{font-size:22px;color:var(--brand-navy);margin-right:6px}& .inset{margin:20px 24px}& .modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e365988}& .modal{background:#fff;border-radius:12px;width:480px;max-width:100%;box-shadow:0 15px 60px #0e365933;max-height:90dvh;overflow:auto}& .modal>form{padding:24px}& .modal .panel-heading{border-color:var(--line)}& .login-story{width:47%;background:var(--brand-navy);padding:44px 54px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;position:relative;overflow:hidden}& .login-story:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #c1ddf233;border-radius:50%;right:-240px;top:31%;pointer-events:none}& .login-story .brand{color:#ffffff}& .login-story .brand-type{border-color:#5e829f}& .login-story .brand-type small{color:var(--brand-sky)}& .login-story h1{font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin-top:24px}& .login-story>div>p:not(.hero-eyebrow){font-size:13px;line-height:1.9;color:var(--brand-sky);margin-top:23px;max-width:330px}& .login-features{display:flex;flex-direction:column;gap:20px;margin-top:50px}& .login-features>span{color:var(--brand-sky);font-size:10px;display:flex;gap:20px;align-items:center}& .login-features strong{color:var(--brand-sky);font-weight:400;font-size:12px}& .login-story>small{color:var(--brand-sky);font-size:9px}& .login-form-column{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}& .login-card{width:390px;max-width:100%}& .login-card h2{font-size:31px;margin-top:10px;letter-spacing:-.8px}& .login-card>p:not(.eyebrow){color:var(--muted);font-size:12px;margin:14px 0 32px}& .login-card .field{margin-bottom:22px}& .login-card .field>span{font-size:11px}& .login-card .field input{padding:13px 14px}& .login-card .button.primary{min-height:47px}& .login-help{line-height:1.8;font-size:10px!important;margin-top:24px!important}& .demo-login{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}& .demo-login p{color:var(--brand-muted);font-size:10px}& .demo-buttons{display:flex;gap:8px;margin-top:15px}& .demo-buttons .button{font-size:10px;padding:9px 13px;min-height:37px}& .mobile-brand{display:none}& .mfa-panel p{font-size:12px;color:var(--muted);margin:15px 0}& .setup-key{background:var(--brand-soft);padding:20px;border:1px solid var(--brand-line);border-radius:7px;margin-bottom:24px}& .setup-key>strong{font-size:10px;color:var(--brand-muted);display:block}& .setup-key>code{display:block;overflow-wrap:anywhere;font-size:16px;line-height:1.8;margin-top:8px}& .customer-header{display:flex;align-items:center;justify-content:space-between;padding:23px 5vw;background:white;border-bottom:1px solid var(--line)}& .protected-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}& .customer-main{width:540px;max-width:calc(100% - 40px);margin:65px auto}& .customer-main.wide-customer{width:1040px;margin-top:40px}& .customer-access{padding:38px!important}& .customer-access h1,& .customer-success h1{font-size:29px;line-height:1.3;margin-bottom:16px}& .customer-access>p:not(.eyebrow){font-size:12px;line-height:1.9}& .customer-access>.small{margin-top:24px!important;font-size:10px!important}& .access-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--brand-soft);color:var(--brand-navy);border-radius:12px;margin-bottom:27px;font-size:22px}& .customer-footer{text-align:center;font-size:10px;color:var(--brand-muted);padding:24px}& .customer-success{text-align:center;background:white;border:1px solid var(--line);padding:35px;border-radius:10px}& .customer-success>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:23px}& .success-symbol{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50%;background:#e4efd4;color:#587e36;font-size:28px;margin-bottom:26px}& .loading-ring{width:28px;height:28px;border:2px solid var(--brand-soft);border-top-color:var(--brand-navy);border-radius:50%;margin:38px 0 15px;animation:portal-spin 1s linear infinite}}.login-page,.portal-shell{display:flex}.customer-page,.loading-screen,.login-page,.portal-shell{min-height:100dvh;background:var(--brand-surface)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes portal-spin{to{transform:rotate(1turn)}}@media(max-width:1150px){.portal-shell{& .sidebar{width:215px;padding-left:12px;padding-right:12px}& .portal-body{margin-left:215px}& .main-content{padding:27px 25px 38px}& .topbar{padding:0 25px}& .test-banner{padding-left:25px}& .metric-grid{gap:12px}& .metric-card{padding:17px 14px}& .welcome-card{padding:27px}& .hero-orbit{width:170px;min-width:170px;margin:0}& .orbit.outer{width:210px;height:210px}& .orbit.inner{width:155px;height:155px}& .hero-orbit>span{font-size:50px}& .hero-orbit small{display:none}& .dashboard-columns{grid-template-columns:1.2fr 1fr;gap:15px}& .activity-row{padding:17px;gap:8px}& .activity-row .badge{max-width:95px;white-space:normal}& .panel-heading{padding:20px}& .form-steps{grid-template-columns:repeat(3,minmax(0,1fr))}& .detail-grid{grid-template-columns:repeat(2,1fr)}}.login-page .login-story{padding:40px 35px}}@media(max-width:900px){.portal-shell{& .sidebar{transform:translateX(-100%);width:260px;transition:transform .2s}& .sidebar.is-open{transform:translateX(0)}& .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:#0e365966;z-index:20}& .portal-body{margin-left:0}& .mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}& .topbar{height:65px;gap:15px}& .breadcrumb{margin-right:auto}& .hero-orbit{margin-right:30px}}.login-page{& .login-story{width:40%;padding:35px 27px}& .login-story .brand-type{display:none}& .login-story h1{font-size:37px}& .login-form-column{padding:35px 30px}}}@media(max-width:620px){.customer-page,.login-page,.portal-shell{& .page-heading{align-items:flex-start;margin-bottom:23px}& .page-heading h1{font-size:27px}& .page-heading>.button{font-size:10px;padding:10px;min-height:38px}& .page-heading>.button svg{display:none}& .decision-grid,& .field-grid,& .mapping-grid{grid-template-columns:1fr}& .field-grid .field.wide{grid-column:auto}& .padded,& .panel.padded{padding:20px}& .field-group{padding:16px;margin:24px 0}& .form-steps{display:flex;overflow-x:auto;padding-bottom:14px;gap:7px}& .form-steps>button{min-width:112px;min-height:68px;font-size:10px}& .field input,& .field select,& .field textarea{font-size:16px}& .form-actions .action-spacer{display:none}& .form-actions{gap:8px}& .form-actions>.button{flex:1;white-space:normal;min-width:100px}& .form-actions .text-button{order:3;flex-basis:100%}& .section-heading{align-items:flex-start}& .section-heading>span{font-size:9px}& .section-heading p{font-size:11px}& .document-row{padding:17px;gap:10px;flex-wrap:wrap}& .document-row>div{flex-basis:calc(100% - 50px)}& .document-row .button{margin-left:46px}& .detail-grid{grid-template-columns:1fr 1fr;gap:23px 18px;padding:20px}& .detail-grid dd{font-size:11px}& .detail-grid dt{font-size:9px}& .table-scroll{scrollbar-width:thin}& table{min-width:500px}& td{padding:15px}& th{padding:12px 15px}& .case-toolbar .action-spacer{display:none}& .case-toolbar>.button{margin-top:3px}& .tabs{gap:22px}& .tabs>button{font-size:11px}& .import-steps{gap:8px;align-items:flex-start}& .import-steps>span{flex-direction:column;align-items:flex-start;font-size:16px;flex:1}& .import-steps strong{font-size:9px;line-height:1.5}& .import-steps i{margin-top:10px;flex:.4}& .import-summary{gap:8px;padding:17px 12px}& .import-summary span{text-align:center;font-size:9px}& .import-summary strong{display:block;margin:0;font-size:21px}& .alert{font-size:12px}& .finance-summary{gap:15px}& .finance-summary>div{min-width:145px}& .finance-summary strong{font-size:22px}}.portal-shell{& .main-content{padding:25px 18px 30px}& .topbar{padding:0 18px;gap:12px}& .topbar-right{display:none}& .breadcrumb{font-size:10px;gap:10px}& .test-banner{padding:7px 18px;font-size:9px;line-height:1.65}& .page-heading p:not(.eyebrow){font-size:11px}& .page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}& .welcome-card{min-height:235px;padding:26px}& .welcome-card h2{font-size:27px}& .welcome-card .hero-eyebrow{font-size:8px;letter-spacing:1.4px}& .hero-orbit{display:none}& .metric-grid,& .metric-grid.three{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}& .metric-card{padding:17px}& .metric-card>div{margin-bottom:17px}& .metric-card h2{font-size:10px}& .metric-card>strong{font-size:29px}& .metric-card>strong.metric-text{font-size:20px}& .metric-card>p{font-size:9px}& .dashboard-columns{grid-template-columns:1fr;gap:0}& .panel{margin-bottom:18px}& .panel-heading{padding:19px}& .panel-heading h2{font-size:15px}& .panel-heading .button{font-size:10px}& .activity-row{padding:18px}& .activity-row .badge{max-width:110px}& .activity-name strong{font-size:12px}& .next-step{flex-wrap:wrap;padding:20px;gap:12px}& .next-step>div{flex:1;min-width:170px}& .next-step>.button{margin:5px 0 0 48px}& .next-step p{font-size:10px;line-height:1.6}& .portal-footer{margin:0 18px;font-size:8px}& .portal-footer>span:last-child{display:none}& .filterbar{padding:18px;gap:13px}& .search-field{flex-basis:100%}& .filter-field{flex:1;min-width:120px}& .filter-field input,& .filter-field select,& .search-field input{font-size:13px}& .table-footer{padding:15px 18px;line-height:1.8}}.login-page{& .login-story{display:none}& .login-form-column{padding:30px 25px;min-height:100dvh}& .mobile-brand{display:block;margin-bottom:55px}& .login-card>.eyebrow{font-size:8px;letter-spacing:1.4px}& .login-card h2{font-size:30px}& .demo-buttons{flex-wrap:wrap}}.customer-page{& .customer-header{padding:18px 20px}& .brand-mark{font-size:31px}& .brand-mark>span{font-size:26px}& .brand-type{font-size:7px;letter-spacing:1px;padding-left:9px}& .brand-type small{font-size:6px}& .brand{gap:9px}& .protected-label{font-size:0}& .customer-main{max-width:calc(100% - 28px);margin:28px auto}& .customer-main.wide-customer{margin-top:29px}& .customer-access{padding:26px!important}& .customer-access h1,& .customer-success h1{font-size:25px}& .customer-success{padding:27px}}}@media(prefers-reduced-motion:reduce){.customer-page *,.loading-screen *,.login-page *,.portal-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.login-page .recovery-code-grid,.portal-shell .recovery-code-grid{display:grid;gap:10px;grid-template-columns:1fr;font-size:13px}.login-page .recovery-confirm,.portal-shell .recovery-confirm{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:20px 0}@media(max-width:900px){.portal-shell .sidebar{visibility:hidden}.portal-shell .sidebar.is-open{visibility:visible}}.portal-shell .hero-orbit>.brand{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:225px;max-width:100%;letter-spacing:normal}.portal-shell .hero-orbit .brand-logo{width:225px}.login-page .login-story .brand-logo{width:265px}.login-page .login-story .brand-caption{color:var(--brand-sky)}.login-page .mobile-brand .brand-logo{width:200px}.customer-page .brand-logo{width:190px}@media(max-width:1150px){.portal-shell .hero-orbit .brand-logo,.portal-shell .hero-orbit>.brand{width:170px}}@media(max-width:620px){.customer-page .brand-logo{width:165px}.customer-page .brand-caption{font-size:7px;letter-spacing:1.25px}.portal-shell .sidebar .brand-logo{width:180px}}.login-page{background:#fff}.login-page .login-form-column{min-width:0}.login-page .login-card{min-width:0;width:390px;max-width:100%}.login-page .login-story :focus-visible,.portal-shell .welcome-card :focus-visible{outline-color:var(--brand-sky)}.login-page .login-form-column{background:var(--brand-sky)}.login-page .login-card{width:454px;padding:32px;background:#fff;border:1px solid var(--brand-line);border-radius:12px;box-shadow:0 12px 40px #0e365914}.login-page .button.primary{white-space:normal}.portal-shell .sidebar{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}.portal-shell .sidebar .sidebar-label,.portal-shell .sidebar .workspace-card small{color:var(--brand-sky)}.portal-shell .sidebar .nav-link{color:#fff}.portal-shell .sidebar .nav-link:hover{background:#1a4972}.portal-shell .sidebar .nav-count,.portal-shell .sidebar .nav-link.active{background:var(--brand-sky);color:var(--brand-navy)}.portal-shell .sidebar .workspace-card{border-color:#5e829f}.portal-shell .sidebar .workspace-card strong{color:#fff}.portal-shell .sidebar .penseo-link{background:#1a4972;color:#fff}.portal-shell .sidebar .penseo-link small{color:var(--brand-sky)}.portal-shell .sidebar :focus-visible{outline-color:var(--brand-sky)}.portal-shell .metric-card:first-child,.portal-shell .next-step{background:var(--brand-sky);border-color:var(--brand-sky)}.portal-shell .metric-icon{color:var(--brand-navy)}.portal-shell .panel-heading{background:var(--brand-soft)}.portal-shell .test-banner{background:var(--brand-sky)}.portal-shell .tabs>button.active{border-color:var(--brand-accent)}.customer-page{background:var(--brand-sky)}@media(max-width:620px){.login-page .login-form-column{padding:20px}.login-page .login-card{padding:24px}.login-page .mobile-brand{margin-bottom:36px}}.testsystem-hinweis{background:#fff1bf;color:#3b2f00;border-bottom:2px solid #b38600;padding:8px 16px;font:13px/1.5 Arial,Helvetica,sans-serif}.testsystem-hinweis p{margin:0}.testsystem-hinweis p+p{margin-top:2px;font-size:12px}.testsystem-hinweis a{color:inherit;text-decoration:underline;text-underline-offset:2px}.testsystem-hinweis a:focus-visible{outline:3px solid #0e3659;outline-offset:2px}@media(min-width:901px){body:has(.portal-shell) .testsystem-hinweis{padding-left:264px}}@media(min-width:901px) and (max-width:1150px){body:has(.portal-shell) .testsystem-hinweis{padding-left:231px}}@media(min-width:768px){body:has([data-slot=sidebar-wrapper]) .testsystem-hinweis{padding-left:calc(16rem + 16px)}}