.client-area{--client-bg:#17191d;--client-card:#24272c;--client-raised:#292d33;--client-border:#4d535b;background:var(--client-bg);color:#f3f5f7}.client-area [hidden]{display:none!important}.client-area .inner-header{background:#090a0c;border-bottom:1px solid #34383f}.client-area .client-portal{max-width:1200px;padding:28px 24px 48px}.client-area :is(h1,h2,h3){text-transform:none;letter-spacing:-.025em}.client-area .client-auth-card,.client-area .client-panel{background:var(--client-card);border-color:var(--client-border)}.client-area .client-secondary,.client-area .client-portal-heading p{color:#b6bec8}.client-area .client-portal-heading{align-items:center;gap:16px;margin-bottom:20px}.client-area .client-portal-heading h1{margin:4px 0 5px;font-size:clamp(1.35rem,3vw,1.8rem)}.client-area .client-portal-heading .kicker{letter-spacing:.12em;color:#94baff;font-size:11px}.client-area .client-account-email{overflow-wrap:anywhere;font-size:13px}.client-area .client-portal-heading>div:last-child{gap:12px}.client-area .client-connection{color:#aeb8c4;align-items:center;gap:7px;font-size:12px;line-height:1.4;display:inline-flex}.client-connection>span{background:#64c6a2;border-radius:50%;flex-shrink:0;width:7px;height:7px}.client-connection.offline>span{background:#e5ae57}.client-area .client-tabs{border:1px solid #3e444c;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin-bottom:10px;display:grid;background:#24272c!important;padding:5px!important}.client-area .client-tabs [role=tab]{color:#c0c8d2;border:0;border-radius:6px;gap:7px;min-width:0;height:auto;min-height:46px;padding:10px 12px;font-size:14px}.client-area .client-tabs [role=tab][data-state=active]{color:#fff;background:#2364cb}.client-area .client-unread{background:#245eb0;min-width:20px;height:20px;font-size:11px}.client-area .client-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.client-area .button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;line-height:1.4;display:inline-flex}.client-area .button.primary{color:#fff;background:#2364cb;border:1px solid #3f83ea}.client-area .button.primary:hover{background:#1c56b0}.client-area .button.outline{color:#d2e3ff;background:#1c1f24;border:1px solid #5a6471}.client-area .button.outline:hover{background:#262e3a;border-color:#8db7f5}.client-area button:disabled{cursor:default;opacity:.5}.client-area .client-primary-actions .button{padding:13px 14px}.client-area .client-primary-actions svg,.client-area .button svg{flex-shrink:0}.client-area .client-metrics{gap:12px;margin-bottom:22px}.client-area .client-metric{background:var(--client-card);border-color:var(--client-border);border-radius:10px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:84px;padding:16px;display:grid}.client-area .client-metric:hover{background:var(--client-raised);border-color:#85aff2}.client-area .client-metric span{color:#c4cbd4;font-size:13px;line-height:1.35}.client-area .client-metric strong{font-size:1.8rem;line-height:1}.client-area .client-metric svg{color:#8db7f5}.client-area .client-section-heading{gap:12px;margin:6px 0 14px}.client-area .client-section-heading h2,.client-area .client-create-panel>h2{margin:8px 0;font-size:1.3rem;line-height:1.3}.client-area .client-text-button,.client-area .client-back{color:#a8caff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:9px 4px;font-size:14px;display:inline-flex}.client-area .client-back{margin:0 0 12px}.client-area .client-text-button:hover,.client-area .client-back:hover{text-underline-offset:4px;text-decoration:underline}.client-area .client-row{background:#24272c;border-color:#454c55;border-radius:9px}.client-area .client-row:hover,.client-area .client-row.selected{background:#2a313d;border-color:#7ca8e7}.client-area .client-request-row{flex-wrap:nowrap;align-items:center;padding:15px 17px}.client-area .client-row small{color:#aeb8c4;font-size:12px;line-height:1.5}.client-area .client-row strong{font-size:15px;line-height:1.4}.client-kind-badge{color:#b7d1fc;letter-spacing:.07em;background:#202e45;border:1px solid #46608b;border-radius:4px;margin-bottom:5px;padding:2px 6px;font-size:10px;font-weight:750;display:inline-block}.client-kind-badge.ori{color:#a2d9cb;background:#193b36;border-color:#3b6a60}.client-request-row-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;max-width:40%;display:flex}.client-area .client-status{color:#b8c9e3;font-size:12px;line-height:1.4}.client-area .client-status.ready{color:#86d9b5}.client-area .client-status.pending{color:#f0c47b}.client-area .client-empty{color:#bac3cf;padding:24px;line-height:1.6}.client-area .client-dashboard-empty{text-align:center;background:#202329;border:1px dashed #505965;border-radius:10px;padding:26px 20px}.client-dashboard-empty>svg{color:#8fb8f1;margin:auto}.client-area .client-dashboard-empty h3{color:#eff4fb;margin:12px 0 8px;font-size:17px}.client-area .client-dashboard-empty p{max-width:570px;margin:0 auto;font-size:14px}.client-request-workspace{outline:none;min-width:0;scroll-margin-top:20px}.client-area .client-request-filters{background:#202329;border:1px solid #3e4650;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin:0 0 16px;padding:18px;display:grid}.client-area .client-request-filters label{gap:6px;min-width:0;font-size:12px}.client-area .client-request-filters .client-search-field{grid-column:span 2}.client-advanced-filters{grid-column:1/-1;min-width:0}.client-advanced-filters>summary{cursor:pointer;color:#bed4f7;min-height:44px;padding:11px 0;font-size:13px;list-style-position:inside;display:list-item}.client-extra-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:7px 0 10px;display:grid}.client-area :is(input,select,textarea){color:#f0f4fa;background:#191c21;border-color:#5b6572}.client-area :is(input,select,textarea)::placeholder{color:#98a3b1}.client-area :is(input,select,textarea):focus{border-color:#9cc2ff;outline-color:#507fd0}.client-area .client-panel label{color:#ced6e0}.client-area input[readonly]{color:#b4bdc9}.client-area .client-list-count{color:#b5bfcd;margin:10px 0;font-size:13px}.client-area .client-pagination{justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.client-area .client-pagination>span{color:#c1cad7;text-align:center;font-size:13px}.client-area .client-pagination .button{padding:10px 13px;font-size:13px}.client-area .client-link-existing{background:#202329;border:1px solid #46515f;border-radius:9px;margin-top:24px;padding:16px 18px}.client-link-existing>summary{cursor:pointer;color:#c5d8f7;align-items:center;gap:9px;font-size:14px;line-height:1.5;list-style:none;display:flex}.client-link-existing>summary::-webkit-details-marker{display:none}.client-link-existing>summary:after{content:"+";margin-left:auto;font-size:22px}.client-link-existing[open]>summary:after{content:"−"}.client-area .client-link-existing p{color:#b7c2d1;font-size:13px;line-height:1.6}.client-link-existing form{gap:12px;display:grid}.client-link-existing label{gap:7px;font-size:13px;display:grid}.client-area .client-request-detail h2{margin:8px 0;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.3}.client-area .client-details>div{border-color:#495360}.client-area .client-details dt{color:#bac5d4}.client-area .client-panel a{color:#b3d0ff}.client-area .client-panel a.button.primary{color:#fff}.client-area .client-retention-note{color:#bdc9d9;background:#1b2027;border-left:3px solid #7499cf;padding:12px;font-size:12px;line-height:1.6}.client-area .client-form-steps{color:#9da9ba;gap:12px;margin:20px 0;font-size:13px;display:flex}.client-form-steps>span{border-bottom:2px solid #475262;padding:8px 10px}.client-form-steps>span.active{color:#d7e6ff;border-color:#7eaff7}.client-area .client-form-fields{border:0;min-width:0;margin:0;padding:0}.client-area .client-file-field{background:#1b222d;border:1px dashed #788aa5;border-radius:8px;padding:18px}.client-file-field>span{align-items:center;gap:9px;display:flex}.client-file-field>small{color:#bdc9dc;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.client-area .client-check{align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.client-area .client-check input{accent-color:#347ce9;flex-shrink:0;margin-top:2px}.client-area .client-review{background:#1b2028;border:1px solid #53647d;border-radius:9px;padding:18px}.client-review dl{gap:10px;display:grid}.client-review dl>div{border-bottom:1px solid #3d4754;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;padding-bottom:9px;display:grid}.client-review dt{color:#aebdd1;font-size:13px}.client-review dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px}.client-area .client-review>p{color:#bac9de;margin:16px 0 0;font-size:13px}.client-area .client-upload-progress{background:#19283e;border:1px solid #5c85ba;border-radius:8px;padding:16px}.client-upload-progress>label{font-size:13px;line-height:1.5}.client-upload-progress progress{accent-color:#75aaff;width:100%;height:12px;margin-top:12px;display:block}.client-area .client-draft-note{color:#aabbd0;margin:0;font-size:12px;line-height:1.6}.client-area .client-actions{gap:10px}.client-area .client-actions>.button{padding:11px 14px}.client-area .client-message{color:#d8e1ee;background:#2a2e35;border-color:#465261}.client-area .client-message.owner{background:#202e43;border-color:#5276a5}.client-area .client-message time,.client-area .revision-history time{color:#b4c5db}.client-area .client-area-footer{color:#aab6c6;border-color:#454c56}.client-area :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #a0c7ff}@media (max-width:900px){.client-area .client-portal-heading{flex-direction:row;align-items:flex-start}.client-area .client-portal-heading>div:last-child{justify-content:flex-end;max-width:44%}.client-area .client-metric{min-height:76px}.client-area .client-request-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.client-area .client-primary-actions .button{padding:12px 9px;font-size:13px}}@media (max-width:600px){.client-area .client-portal{padding:18px 14px 36px}.client-area .client-portal-heading{gap:12px;margin-bottom:15px}.client-area .client-portal-heading>div:first-child{flex:1;min-width:0}.client-area .client-portal-heading>div:last-child{gap:8px;max-width:110px}.client-area .client-connection{text-align:right;gap:5px;font-size:10px}.client-area .client-portal-heading h1{font-size:21px;line-height:1.25}.client-area .client-portal-heading .button{min-height:38px;padding:7px 14px;font-size:13px}.client-area .client-account-email{font-size:12px}.client-area .client-tabs{gap:2px;margin-bottom:8px;padding:4px!important}.client-area .client-tabs [role=tab]{flex-direction:column;gap:4px;min-height:55px;padding:8px 2px;font-size:12px;line-height:1.2;position:relative}.client-area .client-tabs .client-unread{min-width:17px;height:17px;font-size:10px;position:absolute;top:3px;right:8px}.client-area .client-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.client-area .client-primary-actions>.button:first-child{grid-column:1/-1}.client-area .client-primary-actions .button{min-height:44px;padding:11px 7px;font-size:13px}.client-area .client-metrics{gap:8px;margin-bottom:18px}.client-area .client-metric{grid-template-columns:1fr auto;grid-template-areas:"icon number""label label";gap:7px;min-height:94px;padding:12px 13px}.client-area .client-metric svg{grid-area:icon;width:20px;height:20px}.client-area .client-metric span{grid-area:label;min-height:17px;font-size:12px;line-height:1.35}.client-area .client-metric strong{grid-area:number;font-size:1.65rem}.client-area .client-section-heading h2{font-size:19px}.client-area .client-request-row{gap:9px;padding:13px 12px}.client-area .client-row strong{font-size:14px}.client-area .client-row small{font-size:11px}.client-request-row-end{align-self:center;gap:3px;max-width:35%}.client-request-row-end>svg{flex-shrink:0;width:15px}.client-area .client-status{font-size:11px}.client-area .client-request-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px}.client-area .client-request-filters .client-search-field{grid-column:1/-1}.client-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-area .client-request-filters label{font-size:12px}.client-area :is(input,select,textarea){min-width:0;font-size:16px}.client-area .client-pagination{gap:6px}.client-area .client-pagination .button{gap:2px;padding:9px 7px;font-size:12px}.client-area .client-pagination>span{font-size:11px}.client-area .client-panel{padding:18px 15px}.client-area .client-actions{flex-direction:column;align-items:stretch}.client-area .client-actions>.button{justify-content:center;width:100%}.client-area .client-actions>.client-success{margin:0}.client-area .client-form-grid{grid-template-columns:1fr;gap:16px}.client-area .client-full{grid-column:auto}.client-area .client-review{padding:13px}.client-review dl>div{grid-template-columns:1fr;gap:4px}.client-area .client-link-existing{padding:14px}.client-link-existing>summary{font-size:13px}.client-area .client-form-steps{gap:5px;font-size:12px}.client-form-steps>span{padding:7px 6px}}
