.portal-body{background:#f5f4f0;display:flex;min-height:100vh}.side{width:260px;background:#0b1a22;color:#d9e0de;padding:30px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.side .brand{color:#fff;padding:0 10px}.portal-tag{color:#788789;font:9px 'DM Mono';letter-spacing:.13em;margin:42px 10px 16px}.identity{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:17px 10px}.identity b{font-size:12px;display:block}.identity small,.side-bottom small{display:block;font-size:10px;color:#9ba8a8}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#a98961;color:#fff;font-size:10px;font-weight:800}.side-nav{display:grid;gap:4px;margin-top:26px}.side-nav button{background:transparent;border:0;color:#bfc9c7;text-align:left;padding:11px 10px;font:600 12px Manrope;cursor:pointer}.side-nav button.active,.side-nav button:hover{background:#ffffff12;color:#fff}.side-nav i{font:9px 'DM Mono';font-style:normal;float:right;background:#a98961;color:#fff;border-radius:10px;padding:1px 5px}.side-bottom{margin-top:auto;display:grid;gap:16px;padding:10px}.side-bottom a,.side-bottom button{background:0;border:0;color:#d6dfdc;text-align:left;text-decoration:none;font:600 11px Manrope;cursor:pointer}.portal-main{width:calc(100% - 260px);margin-left:260px}.portal-header{height:70px;border-bottom:1px solid #d8dad5;padding:0 42px;display:flex;justify-content:space-between;align-items:center}.portal-header p{font:10px 'DM Mono';color:#6d797a;margin:0}.secure-dot{display:inline-block;height:7px;width:7px;border-radius:9px;background:#5f9972}.portal-header button{border:0;background:none;color:var(--ink);font-size:15px;position:relative}.notification i{font:8px 'DM Mono';font-style:normal;color:#fff;background:#a35e51;padding:1px 4px;border-radius:8px;position:absolute;top:-6px}.profile{margin-left:18px}.view,.admin-view{display:none;max-width:1200px;margin:auto;padding:62px 42px}.view.active,.admin-view.active{display:block}.portal-main h1{font-size:43px;letter-spacing:-.05em;line-height:1.1;margin:0}.portal-lede{color:#687578;margin:12px 0 33px;max-width:660px}.case-status{background:#0b1a22;color:#fff;padding:30px;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;position:relative}.case-status>div>span,.metric-grid span,.admin-metrics span{font:9px 'DM Mono';letter-spacing:.12em;color:#9bacae}.case-status h3{font-size:23px;margin:5px 0}.case-status p{font-size:12px;color:#c5d0ce;max-width:320px}.case-status>small{position:absolute;left:30px;bottom:18px;color:#a9b7b5;font:9px 'DM Mono'}.steps{display:flex;align-items:flex-start;justify-content:space-between;margin-top:19px}.steps div{width:20%;position:relative;text-align:center;font-size:10px;color:#879596}.steps div:after{content:"";position:absolute;top:13px;left:56%;width:88%;height:1px;background:#617073}.steps div:last-child:after{display:none}.steps i{position:relative;z-index:1;margin:auto auto 8px;width:27px;height:27px;display:grid;place-items:center;background:#36474e;border-radius:50%;font-style:normal}.steps .done,.steps .current{color:#fff}.steps .done i{background:#759584}.steps .current i{background:#a98961}.steps .done:after,.steps .current:after{background:#a98961}.metric-grid,.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-grid article,.admin-metrics article{background:#fff;border:1px solid #e1e2de;padding:19px}.metric-grid b,.admin-metrics b{display:block;font-size:27px;margin:6px 0;letter-spacing:-.06em}.metric-grid small,.admin-metrics small{color:#637174;font-size:10px}.dashboard-grid,.admin-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.card{background:#fff;border:1px solid #e1e2de;padding:24px}.card header,.document-center header{display:flex;justify-content:space-between;align-items:center}.card h2,.document-center h2{font-size:17px;margin:0;letter-spacing:-.04em}.card header a{font-size:11px;font-weight:700;color:var(--ink)}.task{padding:20px 0;border-bottom:1px solid #e2e3de;display:grid;grid-template-columns:1fr auto;gap:6px}.task:last-child{border:0}.task b{font-size:13px}.task p{margin:3px 0;color:#6d797a;font-size:11px}.task>span{font:9px 'DM Mono';color:#718081}.task.urgent>span{color:#aa6557}.task-done{grid-column:2;background:transparent;border:0;font:10px Manrope;text-decoration:underline;cursor:pointer}.activity p{font-size:11px;border-bottom:1px solid #e3e4e0;padding:13px 0;margin:0}.activity i{display:inline-block;height:7px;width:7px;border-radius:8px;background:#a98961;margin-right:8px}.activity small{float:right;color:#7b8585;font-size:9px}.doc-actions{display:flex;justify-content:space-between;margin:28px 0}.outline{background:transparent;border:1px solid #758082;color:var(--ink);padding:10px 13px;font:700 11px Manrope;cursor:pointer}.search{border:1px solid #d9dcd6;background:#fff;padding:8px 10px;color:#879394}.search input{border:0;outline:0;font:11px Manrope;width:180px}.doc-table{background:#fff;border:1px solid #e1e2de}.doc-row{display:grid;grid-template-columns:2fr 1.1fr 1fr .8fr 25px;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #e8e9e5;font-size:11px}.doc-row.heading{background:#f7f7f3;padding-block:10px;color:#778184;font:9px 'DM Mono';letter-spacing:.08em}.doc-row>span:first-child{display:grid;grid-template-columns:30px 1fr;align-items:center}.doc-row>span small{grid-column:2;color:#7e8888;font-size:9px}.file{font:8px 'DM Mono';color:#a35e51}.status{font-size:9px;font-weight:700;padding:4px 7px;width:max-content}.available{background:#e5f0e9;color:#467157}.doc-menu{border:0;background:0;font-size:18px}.upload-status{color:#6d8273;font-size:12px}.timeline{margin-top:43px;max-width:800px}.timeline article{display:grid;grid-template-columns:130px 1fr;min-height:118px;position:relative}.timeline article:before{content:"";position:absolute;left:132px;top:25px;bottom:0;border-left:1px solid #c4cbc6}.timeline article:last-child:before{display:none}.timeline time{font:10px 'DM Mono';color:#6a7779;padding-top:14px}.timeline article>div{border-left:5px solid #b4bfb9;padding:9px 0 25px 25px;margin-left:0}.timeline .latest>div{border-color:#a98961}.timeline span{font:9px 'DM Mono';color:#a98961;letter-spacing:.1em}.timeline h3{font-size:15px;margin:4px 0}.timeline p{font-size:12px;color:#697779;margin:0}.message-layout{display:grid;grid-template-columns:260px 1fr;background:#fff;border:1px solid #dedfdb;min-height:500px;margin-top:28px}.message-layout>aside{border-right:1px solid #e1e2df}.message-layout aside button{display:block;width:100%;position:relative;text-align:left;padding:19px;border:0;background:#fff;border-bottom:1px solid #e1e2df;font:12px Manrope}.message-layout aside button.selected{background:#eff1ed}.message-layout aside small{display:block;color:#748081;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.message-layout aside i{position:absolute;right:12px;top:17px;background:#a98961;color:#fff;border-radius:10px;padding:1px 5px;font:9px 'DM Mono'}.conversation{position:relative;padding:25px;padding-bottom:100px}.conversation header{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e5e5e1;padding-bottom:17px}.conversation header small{display:block;font-size:9px;color:#6c7979}.message{font-size:12px;max-width:75%;padding:13px 15px;margin-top:24px}.message p{margin:0 0 9px}.message small{font-size:9px;color:#718080}.message.from{background:#f0f1ee}.message.own{margin-left:auto;background:#dce7df}.message-box{position:absolute;bottom:18px;left:25px;right:25px;display:flex;gap:10px}.message-box textarea{border:1px solid #d9dcd6;padding:9px;flex:1;height:47px;font:11px Manrope}.message-box .button{padding:8px 12px;font-size:10px}.reports{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.reports article{background:#fff;border:1px solid #e0e2dd;padding:30px}.reports span{font:9px 'DM Mono';color:#a98961;letter-spacing:.1em}.reports h3{font-size:20px;margin:10px 0}.reports p{font-size:12px;color:#687677}.plain{border:0;background:transparent;color:var(--ink);font:700 11px Manrope;cursor:pointer;padding:9px}.locked{opacity:.65}.admin-top{display:flex;justify-content:space-between;align-items:flex-end}.admin-top h1{font-size:38px}.admin-columns{grid-template-columns:1.2fr .8fr}.case-row{display:grid;grid-template-columns:100px 1fr 65px 85px;align-items:center;padding:14px 0;border-bottom:1px solid #e1e3df;font-size:11px}.case-row span{font-size:11px}.case-row small{font-size:9px;color:#6d797a}.priority{font-size:9px;font-style:normal;padding:3px 5px;width:max-content}.priority.high{color:#995046;background:#f5e4e1}.priority.medium{color:#8b6d33;background:#f5efdd}.deadline{display:grid;grid-template-columns:55px 1fr;padding:15px 0;border-bottom:1px solid #e1e3df;font-size:11px}.deadline b{font:10px 'DM Mono';color:#a35e51}.deadline small{display:block;font-size:9px;color:#748082}.document-center{background:#e7e3dc;padding:28px;margin-top:18px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.template-grid button{background:#fff;border:0;text-align:left;padding:18px;font:11px Manrope;cursor:pointer;min-height:105px}.template-grid b{display:block;font-size:12px;margin-bottom:10px}.template-grid span{font-size:10px;color:#6d797a}.modal{display:none;position:fixed;inset:0;background:#0711169e;z-index:3;place-items:center;padding:20px}.modal.open{display:grid}.modal>div{background:#fff;max-width:480px;padding:36px;position:relative}.modal h2{font-size:26px;margin:0 0 22px}.modal label{display:grid;gap:7px;margin:14px 0;font-size:11px;font-weight:700}.modal select{padding:11px;border:1px solid #cbd0cb;background:#fff;font:12px Manrope}.modal p:not(.eyebrow){font-size:11px;color:#697679}.modal-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}.modal .button{position:static;margin-top:14px}.modal .button.modal-close{font-size:11px}@media(max-width:900px){.side{width:70px;padding:20px 8px}.side .brand small,.side .brand span{font-size:0}.side .brand:after{content:'D';font-size:23px;font-weight:800}.portal-tag,.identity div:not(.avatar),.side-nav button:not(.active),.side-bottom{display:none}.side-nav{margin-top:40px}.side-nav button.active{font-size:0;text-align:center;height:38px}.side-nav button.active:after{content:'●';font-size:15px}.portal-main{width:calc(100% - 70px);margin-left:70px}.view,.admin-view{padding:42px 24px}.dashboard-grid,.admin-columns{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.portal-main{width:100%;margin:0}.side{display:none}.portal-header{padding:0 20px}.view,.admin-view{padding:35px 18px}.portal-main h1{font-size:34px}.case-status{grid-template-columns:1fr;padding-bottom:52px}.metric-grid,.admin-metrics{grid-template-columns:repeat(2,1fr)}.steps{margin:0}.steps span{font-size:8px}.doc-row{grid-template-columns:1fr 25px}.doc-row:not(.heading)>span:nth-child(2),.doc-row:not(.heading)>span:nth-child(3),.doc-row:not(.heading)>span:nth-child(4),.doc-row.heading{display:none}.message-layout{grid-template-columns:1fr}.message-layout>aside{display:none}.reports{grid-template-columns:1fr}.admin-top{align-items:flex-start;gap:20px;flex-direction:column}.case-row{grid-template-columns:78px 1fr 50px}.case-row>small{display:none}.template-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:95px 1fr}.timeline article:before{left:97px}}
.mobile-portal-nav{display:none}@media(max-width:620px){.portal-body{padding-bottom:72px!important}.mobile-portal-nav{position:fixed;z-index:8;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 12px;background:#0b1a22;border-top:1px solid #ffffff2b}.mobile-portal-nav button{border:1px solid #ffffff2d;background:transparent;color:#d9e0de;padding:10px 8px;font:700 11px Manrope}.mobile-portal-nav button.active{background:#a98961;border-color:#a98961;color:#fff}}
@media(max-width:600px){.portal-header{height:62px}.portal-header p{max-width:175px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portal-header .notification{display:none}.view,.admin-view{padding:27px 16px!important}.portal-main h1{font-size:31px!important}.case-status{padding:22px 18px 54px!important}.case-status h3{font-size:20px}.case-status .steps{margin-top:2px}.case-status .steps div{width:20%}.metric-grid,.admin-metrics{gap:8px!important}.metric-grid article,.admin-metrics article{padding:14px!important}.metric-grid b,.admin-metrics b{font-size:21px!important}.card,.finance-card,.payout-panel,.admin-finance,.customer-finance-summary,.invoice-center{padding:18px!important}.customer-money-grid{grid-template-columns:1fr!important;gap:8px!important;background:transparent!important}.customer-money-grid article{border:1px solid #d6d4cd}.payout-actions{flex-direction:column}.payout-actions>*{width:100%;justify-content:center}.doc-actions{align-items:stretch;gap:10px;flex-direction:column}.search input{width:100%}.message-box{left:14px;right:14px}.message-box .button{padding-inline:10px}.timeline article{grid-template-columns:78px 1fr!important}.timeline article:before{left:80px!important}.mobile-portal-nav{padding-bottom:max(9px,env(safe-area-inset-bottom))}}
.portal-access-note{margin:16px 42px 0;padding:12px 14px;border:1px solid #d8dad5;background:#fff;color:#5f6c6e;font-size:12px}.portal-access-note+ .portal-header{margin-top:0}@media(max-width:620px){.portal-access-note{margin:64px 18px 0}}