:root{--navy:#033159;--navy-2:#064574;--blue-soft:#edf3f7;--ink:#1c2a35;--muted:#6f7780;--gray:#8c8c8c;--paper:#f7f8f8;--white:#fff;--line:#dfe4e7;--success:#236844;--danger:#983b3b;--gold:#a58a5d;--shadow:0 18px 50px rgba(3,49,89,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Roboto Flex","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--navy)}
.site-header{min-height:108px;padding:18px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:block;flex:0 0 auto}.brand img{display:block;width:min(270px,30vw);height:auto}.header-right{display:flex;align-items:center;gap:34px}.active-matter{padding:9px 18px;border-left:3px solid var(--navy);display:grid;grid-template-columns:auto 1fr;column-gap:9px;line-height:1.25;max-width:330px}.active-matter small{grid-column:1/-1;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.66rem}.active-matter strong{color:var(--navy);font-size:.9rem}.active-matter span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;color:var(--muted)}nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;text-transform:uppercase;font-size:.74rem;font-weight:750;letter-spacing:.04em;color:var(--ink)}nav a:hover{color:var(--navy)}nav .switch-link{color:var(--navy);border-bottom:1px solid var(--navy)}
main{max-width:1180px;margin:0 auto;padding:58px 24px 90px;min-height:calc(100vh - 280px)}footer{padding:34px clamp(24px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer p{margin:0}footer>div:last-child{display:flex;gap:20px}footer a{text-decoration:none}
h1,h2,h3{color:var(--navy);font-family:"Cormorant SC",Georgia,"Times New Roman",serif;font-weight:500;line-height:1.13}h1{font-size:clamp(2.3rem,5vw,4.25rem);letter-spacing:.015em;margin:.35rem 0 1rem}h2{font-size:clamp(1.65rem,3vw,2.55rem);margin:.25rem 0 1rem}h3{font-size:1.35rem;margin:.55rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--navy);font-size:.72rem;font-weight:750}.page-heading{max-width:840px;margin:0 auto 42px;text-align:center}.page-heading p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.05rem}.page-heading.compact{margin-left:0;text-align:left}.page-heading.compact p{margin-left:0}.flash{padding:15px 18px;margin-bottom:28px;background:#e7f1ec;border-left:4px solid var(--success);color:#174a31}
.login-layout{display:grid;grid-template-columns:1.1fr .9fr;max-width:1060px;margin:2vh auto;background:#fff;box-shadow:var(--shadow);min-height:570px}.login-intro{padding:70px 58px;background:linear-gradient(145deg,rgba(3,49,89,.97),rgba(3,49,89,.84)),linear-gradient(35deg,#071b2d,#8c8c8c);color:#fff;position:relative;overflow:hidden}.login-intro:after{content:"§";position:absolute;right:-15px;bottom:-100px;font:360px Georgia,serif;color:rgba(255,255,255,.055)}.login-intro .eyebrow,.login-intro h1{color:#fff}.login-intro h1{font-size:clamp(2.4rem,4.6vw,4rem)}.login-intro p{font-size:1.08rem;max-width:520px;color:#d9e2e8}.login-intro ul{list-style:none;padding:20px 0 0;margin:0;display:grid;gap:12px}.login-intro li:before{content:"—";margin-right:10px;color:#c9b28c}.login-card{padding:70px 52px;align-self:center}.login-card h2{margin-top:0}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card details{margin-top:24px;color:var(--muted);font-size:.82rem}.login-card code{font-size:.72rem}
section{background:#fff;border:1px solid var(--line);padding:34px;margin-bottom:28px}.matter-selection{padding:38px}.selection-warning{display:flex;gap:20px;align-items:center;margin-bottom:30px;padding:16px 20px;background:var(--blue-soft);border-left:4px solid var(--navy);color:#4f606e}.selection-warning strong{color:var(--navy);white-space:nowrap}.matter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.matter-card{display:block;text-align:left;padding:29px;border:1px solid var(--line);background:#fff;transition:.2s;box-shadow:0 5px 20px rgba(3,49,89,.04)}.matter-card:hover{transform:translateY(-3px);border-color:#9bb1c2;box-shadow:var(--shadow)}.matter-card h2{font-size:1.75rem;min-height:2.2em}.matter-card p{color:var(--muted)}.matter-card button{width:100%;display:flex;justify-content:space-between}.reference{color:var(--navy);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750}
.matter-hero{padding:54px 56px;margin-bottom:34px;background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.matter-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.15);transform:rotate(45deg);right:10%;top:-170px}.matter-hero .eyebrow,.matter-hero h1{color:#fff}.matter-hero h1{font-size:clamp(2.2rem,4vw,3.8rem);margin-bottom:.6rem}.matter-hero p{color:#dce6ec;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>a{font-size:.82rem;font-weight:700;text-transform:uppercase}.matter-confirmation{padding:20px 24px;margin-bottom:28px;background:var(--blue-soft);border-left:4px solid var(--navy);display:grid}.matter-confirmation small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.matter-confirmation strong{font-family:Georgia,serif;color:var(--navy);font-size:1.2rem}.matter-confirmation span{color:var(--muted);font-size:.85rem}.upload-card,.profile-card,.bank-card{max-width:790px}.upload-card form,.profile-card form,.bank-card form{max-width:680px}.form-divider{margin-top:12px;padding-top:24px;border-top:1px solid var(--line)}.form-divider span{font-family:Georgia,serif;color:var(--navy);font-size:1.35rem}.form-divider p{margin:.3rem 0 0;color:var(--muted);font-size:.86rem}.bank-card{display:grid;gap:30px}.bank-current{padding:24px;background:var(--blue-soft);border-left:4px solid var(--navy);display:grid;gap:2px}.bank-current .status{justify-self:start;margin-bottom:10px}.bank-current small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.bank-current strong{font:1.55rem Georgia,serif;color:var(--navy);letter-spacing:.04em}.bank-current span,.bank-current time{color:var(--muted);font-size:.85rem}.alternative-bank{padding:22px;border:1px solid var(--line);display:grid;gap:15px}.alternative-bank h3,.alternative-bank p{margin:0}.alternative-bank p{color:var(--muted);font-size:.86rem}.confirmation-check{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:18px;background:#f8f4ec;border:1px solid #ded1b9;line-height:1.5}.confirmation-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--navy)}.confirmation-check span{font-weight:500}.payout-overview{display:flex;justify-content:space-between;align-items:center;gap:30px;border-left:5px solid var(--navy)}.payout-overview h2{font-size:1.75rem;margin:.25rem 0}.payout-overview p{margin:0;color:var(--muted)}.payout-overview.needs-confirmation{border-left-color:var(--gold);background:#fffdf9}.payout-overview.confirmed{border-left-color:var(--success)}
form{display:grid;gap:18px}label{display:grid;gap:7px;color:var(--ink);font-size:.86rem;font-weight:700}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #bbc6ce;border-radius:0;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(3,49,89,.18);border-color:var(--navy)}input:disabled{background:#f1f3f4;color:#6f7780}label small{color:var(--muted);font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}textarea{min-height:75px}button,.button{border:0;border-radius:0;padding:13px 19px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;display:inline-block}button:hover,.button:hover{background:var(--navy-2)}.button.light{background:#fff;color:var(--navy);position:relative;z-index:1}button.secondary{background:#806b49}button.danger{background:var(--danger)}
.document-list{display:grid;gap:14px}.document-list article{display:flex;justify-content:space-between;gap:28px;padding:24px;border:1px solid var(--line);background:#fff}.document-list h3{margin:.6rem 0 .2rem}.document-list p,.document-list small{color:var(--muted)}.status{display:inline-block;padding:4px 9px;background:#edf1f3;color:#46545e;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.status-approved{background:#e0efe7;color:var(--success)}.status-rejected{background:#f5e0e0;color:var(--danger)}.actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.actions>a{font-weight:700;font-size:.86rem}.decision{width:320px}.decision>div{display:flex;gap:7px}.decision button{font-size:.75rem;padding:9px 11px}.empty{padding:36px;text-align:center;color:var(--muted);border:1px dashed #bdc7ce;background:#fafbfb}
.invoice-list,.power-list{display:grid;gap:14px}.invoice-list article{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px;border:1px solid var(--line)}.invoice-list h3{margin:.5rem 0 .15rem}.invoice-list p,.invoice-list small{color:var(--muted)}.invoice-amount{display:grid;justify-items:end;gap:8px;min-width:310px}.invoice-amount>strong{font:1.65rem Georgia,serif;color:var(--navy)}.invoice-amount>span{color:var(--muted);font-size:.8rem}.invoice-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.invoice-actions form{display:block}.invoice-actions .button,.invoice-actions button{padding:10px 13px;font-size:.78rem}.invoice-pdf{background:#596b78}.transfer-button{background:var(--navy)}.paypal-button{background:#0070ba}.paypal-button:hover{background:#003087}.payment-dialog{width:min(760px,calc(100vw - 32px));max-height:90vh;padding:36px;border:0;box-shadow:0 25px 80px rgba(0,0,0,.3);color:var(--ink)}.payment-dialog::backdrop{background:rgba(3,25,42,.72);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:12px;width:38px;height:38px;padding:0;background:transparent;color:var(--navy);font-size:1.8rem}.dialog-heading{padding-right:35px}.dialog-heading h2{margin:.3rem 0}.dialog-heading p{color:var(--muted)}.demo-warning{padding:14px 17px;margin:20px 0;background:#fff2d8;border-left:4px solid #b47b16;color:#72521d}.transfer-layout{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:center;margin:28px 0}.qr-frame{width:264px;height:264px;padding:12px;border:1px solid var(--line);display:grid;place-items:center;background:#fff}.qr-frame img,.qr-frame canvas{display:block;max-width:240px}.transfer-layout dl{margin:0;display:grid;gap:12px}.transfer-layout dl div{padding-bottom:10px;border-bottom:1px solid var(--line)}.transfer-layout dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.transfer-layout dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}.power-summary{display:flex;justify-content:space-between;align-items:center;gap:30px}.power-summary h2,.power-summary p{margin:.2rem 0}.power-summary p{color:var(--muted)}.power-request{max-width:880px}.power-request textarea{min-height:180px}.power-list article{padding:28px;border:1px solid var(--line);display:grid;gap:22px}.power-meta h3{margin:.55rem 0}.power-meta small{color:var(--muted)}.power-text{padding:22px;background:#f7f8f8;border-left:3px solid var(--navy);white-space:normal}.signature-form{padding-top:20px;border-top:1px solid var(--line);max-width:720px}.signature-form>small{color:var(--muted)}.signature-proof{padding:18px;background:#e8f2ec;border-left:4px solid var(--success);display:grid}.signature-proof span{color:var(--muted);font-size:.82rem}
.matter-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:28px;align-items:start}.matter-workspace>section,.matter-sidebar>section{margin:0}.matter-documents{min-width:0}.matter-sidebar{min-width:0;display:grid;gap:20px}.matter-sidebar section{padding:25px}.matter-sidebar .power-summary,.matter-sidebar .payout-overview{align-items:flex-start;flex-direction:column;gap:18px}.matter-sidebar .power-summary .button,.matter-sidebar .payout-overview .button{width:100%;text-align:center}.matter-sidebar .section-heading{align-items:flex-start;margin-bottom:18px}.matter-sidebar .section-heading h2{font-size:2rem}.matter-sidebar .section-heading>span{white-space:nowrap;font-size:.78rem;color:var(--muted)}.matter-sidebar .invoice-list article{align-items:flex-start;flex-direction:column;gap:17px;padding:20px}.matter-sidebar .invoice-amount{justify-items:start;min-width:0;width:100%}.matter-sidebar .invoice-actions{justify-content:flex-start}.matter-sidebar .invoice-actions .button,.matter-sidebar .invoice-actions button{font-size:.72rem;padding:9px 10px}.matter-sidebar .empty{padding:24px 16px}
.admin-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:28px}.admin-grid>section{margin:0}.admin-create>p,.admin-suggestions>p,.admin-matter-links>p{color:var(--muted)}.suggestion-list,.matter-link-list,.client-admin-list{display:grid;gap:15px}.suggestion-list article,.matter-link-list article,.client-admin-list>article{padding:22px;border:1px solid var(--line);background:#fff}.suggestion-list article{display:grid;gap:10px}.suggestion-list h3,.suggestion-list p{margin:0}.suggestion-list small{color:var(--muted)}.suggestion-list form{margin-top:5px}.admin-warning{padding:10px;background:#fff2d8;color:#72521d;font-size:.78rem}.admin-matter-links{margin-top:28px}.matter-link-list article{display:grid;grid-template-columns:minmax(230px,1fr) minmax(440px,1.3fr);gap:25px;align-items:end}.matter-link-list h3{margin:.55rem 0 .2rem}.matter-link-list small{color:var(--muted)}.matter-link-list form{display:grid;grid-template-columns:1fr 90px auto;gap:10px;align-items:end}.matter-link-list form label{gap:4px}.matter-link-list form input,.matter-link-list form button{padding:10px 12px}.client-admin-list>article{display:grid;gap:20px}.client-admin-head h3{margin:.55rem 0 .15rem}.client-admin-head p{margin:0;color:var(--muted)}.client-admin-head small{color:var(--muted)}.assigned-matters{display:grid;gap:8px}.assigned-matters>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;background:var(--blue-soft)}.assigned-matters form{display:block}.assigned-matters button{padding:8px 10px;font-size:.72rem}.assign-matter-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.assign-matter-form button{white-space:nowrap}.admin-complete{margin:0;padding:12px 14px;background:#e8f2ec;color:var(--success)}
.matter-link-list>article{grid-template-columns:1fr;align-items:stretch}.matter-link-head small{display:block}.matter-link-list .matter-search-form{grid-template-columns:200px minmax(220px,1fr) auto;padding-top:18px;border-top:1px solid var(--line)}.matter-search-results{display:grid;gap:14px;padding:18px;background:#f7f9fa;border:1px solid var(--line)}.search-state{display:flex;align-items:center;justify-content:space-between;gap:15px}.advolux-result-list{display:grid;gap:10px}.matter-link-list .advolux-result{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line)}.advolux-result h4{margin:.45rem 0 .1rem;color:var(--navy);font:1.2rem Georgia,serif}.advolux-result p{margin:0;color:var(--muted);font-size:.85rem}.matter-link-list .advolux-result form{display:block}.matter-link-list .advolux-result button{white-space:nowrap}
@media(max-width:1350px){.site-header{align-items:flex-start}.header-right{min-width:620px;flex:1;align-items:flex-end;flex-direction:column;gap:12px}.header-right nav{width:100%;gap:14px}.active-matter{max-width:430px}.brand img{width:230px}}
@media(max-width:1000px){.header-right{min-width:0;width:100%}.login-layout,.matter-workspace,.admin-grid{grid-template-columns:1fr}.matter-link-list article{grid-template-columns:1fr}.login-intro,.login-card{padding:48px}.login-intro{min-height:360px}}
@media(max-width:740px){.site-header{padding:16px 20px;min-height:auto;display:block}.brand img{width:220px;max-width:80vw}.header-right{align-items:flex-start;margin-top:18px}.active-matter{width:100%;max-width:none}.active-matter span{white-space:normal}nav{justify-content:flex-start;gap:12px 17px}main{padding:38px 16px 65px}.login-layout{margin:0}.login-intro,.login-card{padding:38px 26px}.login-intro{min-height:330px}.matter-selection,section{padding:24px}.selection-warning,.matter-hero,.document-list article,.invoice-list article,.section-heading,.payout-overview,.power-summary,footer,.assigned-matters>div,.advolux-result,.search-state{align-items:flex-start;flex-direction:column}.selection-warning strong{white-space:normal}.matter-hero{padding:38px 27px}.invoice-amount{justify-items:start;min-width:0;width:100%}.invoice-actions{justify-content:flex-start}.transfer-layout{grid-template-columns:1fr}.qr-frame{margin:auto}.payment-dialog{padding:28px 20px}.actions{align-items:stretch;width:100%}.decision{width:100%}.decision>div{flex-wrap:wrap}.form-grid,.matter-link-list form,.matter-link-list .matter-search-form,.assign-matter-form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.assign-matter-form button,.matter-link-list .advolux-result button{white-space:normal;width:100%}}