.client-portal{padding-bottom:12px}.client-welcome{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:26px 28px;background:linear-gradient(110deg,rgba(23,71,80,.94),rgba(14,42,50,.9));border:1px solid var(--line);position:relative;overflow:hidden}.client-welcome:after{content:'';position:absolute;right:-80px;top:-150px;width:330px;height:330px;border:1px solid rgba(243,114,33,.28);border-radius:50%;box-shadow:0 0 0 55px rgba(243,114,33,.025)}.client-welcome h2{margin:7px 0 4px;font-size:28px;letter-spacing:-1.6px}.client-welcome p{margin:0;color:var(--mist);font-size:12px}.client-welcome button{position:relative;z-index:1}.client-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:22px 0 16px}.client-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;font:600 11px var(--sans);cursor:pointer}.client-tab.active{color:var(--white);border-bottom-color:var(--orange)}.client-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.client-projects,.client-actions,.client-deliverables,.client-messages{padding:20px}.client-project{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.client-project:last-child{border:0}.project-orb{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(243,114,33,.9),rgba(243,114,33,.22));color:#fff;font:11px var(--mono)}.client-project b{display:block;font-size:12px}.client-project small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.project-state{font:9px var(--mono);color:#81d9ae}.project-state.review{color:var(--orange-soft)}.action-row{padding:15px 0;border-bottom:1px solid var(--line)}.action-row:last-child{border:0}.action-row b{display:block;font-size:11px}.action-row p{margin:5px 0 10px;color:var(--muted);font-size:10px;line-height:1.5}.review-button{border:1px solid rgba(243,114,33,.54);background:rgba(243,114,33,.09);color:var(--orange-soft);padding:7px 9px;font:600 9px var(--mono);cursor:pointer}.review-button.done{color:#81d9ae;border-color:rgba(129,217,174,.4);background:rgba(129,217,174,.08)}.client-deliverable{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.client-deliverable:last-child{border:0}.file-type{width:31px;height:31px;display:grid;place-items:center;background:rgba(96,132,150,.18);color:var(--mist);font:9px var(--mono)}.client-deliverable div{flex:1}.client-deliverable b{font-size:11px;display:block}.client-deliverable small{color:var(--muted);font-size:10px}.open-link{border:0;background:transparent;color:var(--orange-soft);font:10px var(--mono);cursor:pointer}.message{padding:14px 0;border-bottom:1px solid var(--line)}.message:last-child{border:0}.message b{display:block;font-size:11px}.message p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.message time{color:#66858e;font:9px var(--mono)}.demo-notice{margin:16px 0 0;padding:10px 12px;border-left:2px solid var(--orange);background:rgba(243,114,33,.07);color:var(--mist);font:10px/1.5 var(--mono)}@media(max-width:900px){.client-summary{grid-template-columns:1fr}.client-welcome{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.client-welcome{padding:22px}.client-tabs{overflow-x:auto}.client-tab{white-space:nowrap}.client-summary{gap:10px}}
