.client-main{padding-block:40px 90px}.client-main h1{font-size:clamp(32px,4.8vw,62px);line-height:1.13;letter-spacing:-2px}.client-main h2{font-size:23px;letter-spacing:-.6px}.client-main p{line-height:1.8;font-size:14px;color:#baabcb}.client-main button{cursor:pointer}.workspace-name{color:#ad91c5;font-size:13px}.access-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:45px}.access-copy h1{margin:18px 0 24px}.access-copy ul{padding:22px 0;list-style:none;color:#d0bddf;font-size:14px;line-height:2.7}.access-copy li::before{content:'◇';color:#bb72ed;margin-inline-end:12px}.access-card{padding:32px;border:1px solid #594069;border-radius:24px;background:radial-gradient(at 0 0,#50245d70,transparent 75%),#191121;box-shadow:0 30px 100px #0003}.access-card.solo{max-width:580px;margin:30px auto}.access-card h1,.access-card h2{margin:20px 0}.access-card p{margin:16px 0;font-size:12px}.client-main label{display:block;color:#cdbddd;font-size:12px;margin:18px 0}.client-main input:not([type=checkbox]):not([type=file]),.client-main textarea,.client-main select,#progress-form select{display:block;width:100%;border:1px solid #73528966;border-radius:10px;background:#100b18;color:#eee;padding:12px;margin-top:8px;min-width:0}.client-main input:focus,.client-main textarea:focus,.client-main select:focus{outline:2px solid #af66ef;outline-offset:2px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 13px;font-size:12px;color:#b9a5c9}.tabs button.active{background:#7933a940;border-color:#a657ce66;color:#f1dcff}.status{min-height:20px;color:#efb5ee!important;white-space:pre-wrap}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 38px}.workspace-head h1{font-size:36px;letter-spacing:-1.2px;margin:10px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-title p{font-size:12px;margin-top:8px}.project-list{display:grid;gap:22px}.client-project{background:linear-gradient(135deg,#24152f,#16101e);border:1px solid #69417c60;border-radius:22px;padding:28px}.project-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.project-header small{display:block;color:#b696ca;margin-bottom:6px}.project-scope{white-space:pre-wrap;margin:16px 0}.project-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0}.project-module{padding:16px;background:#ffffff04;border:1px solid #dba9ff19;border-radius:12px}.project-module h3{font-size:15px;margin-bottom:10px}.project-module small{display:block;color:#9e8aae;line-height:1.7}.client-project progress{height:7px;width:100%;accent-color:#b062ef;margin-block:12px}.timeline{border-inline-start:1px solid #82529e66;padding-inline-start:23px;margin:20px 0}.timeline article{position:relative;margin-bottom:25px}.timeline article::before{content:'';width:7px;height:7px;border-radius:50%;background:#b375ea;position:absolute;inset-inline-start:-27px;top:7px}.timeline h4{font-size:15px}.timeline p{font-size:12px;white-space:pre-wrap;margin-top:7px}.timeline time,.timeline small{display:block;color:#9b82ac;font-size:11px;margin-top:6px}.timeline a{display:inline-block;color:#d1a2f6;margin-top:10px}.invoice-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0;border-bottom:1px solid #ffffff0c}.empty-panel{padding:55px 30px;text-align:center;border:1px dashed #76518f55;border-radius:20px}.empty-panel p{margin:14px auto;max-width:500px}.empty-panel a{display:inline-flex;margin-top:20px}.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #67447c77;border-radius:22px;overflow:hidden;background:#15101d;min-height:660px}.room-sidebar{padding:20px;border-inline-end:1px solid #53325e66;background:#1c1225}.room-sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.room-sidebar h2{font-size:18px}.room-button{display:block;width:100%;padding:14px;text-align:start;border:1px solid #ffffff08;border-radius:12px;background:#ffffff03;color:#d6c8e5;margin-bottom:10px}.room-button.active{background:#8637b32d;border-color:#9457bd66}.room-button span{display:block;font-size:11px;color:#a18bac;margin-top:5px;word-break:break-word}.unread{background:#993bea;color:white;padding:2px 6px;border-radius:8px;font-size:11px}.room-sidebar>#lock-chat{margin-top:24px}.chat-view{min-width:0;display:flex;flex-direction:column}.chat-head{padding:23px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #53325e66}.chat-head h2{font-size:20px}.chat-head small{display:block;color:#b9a1cd;margin-top:5px;font-size:11px}.chat-tools{padding:12px 22px;display:flex;gap:12px;align-items:center}.chat-tools input{margin:0!important;font-size:12px;padding:9px!important}.client-messages{height:400px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}.client-message{align-self:flex-start;max-width:87%;background:#30213d;border:1px solid #9164af24;border-radius:15px 15px 15px 3px;padding:12px 16px;overflow-wrap:anywhere}.client-message.mine{align-self:flex-end;background:linear-gradient(135deg,#69308d,#43215f);border-radius:15px 15px 3px 15px}.client-message p{white-space:pre-wrap;color:#f0e5f8;font-size:13px;line-height:1.65}.client-message small{font-size:10px;color:#c2a8d6;display:block;margin-top:8px}.client-message .reply-button{font-size:10px;padding:6px 0;background:none;border:0;color:#d7b1f7}.message-quote{border-inline-start:2px solid #b27dda;padding:6px 10px;margin-bottom:7px;font-size:11px;color:#bea9ce;white-space:pre-wrap}.client-message img{display:block;max-width:100%;max-height:280px;border-radius:10px;margin-top:10px}.client-message audio{width:250px;max-width:100%;margin-top:10px}.client-message .file-download{display:block;background:#ffffff0b;border:1px solid #d6a2f63a;border-radius:8px;padding:9px;margin-top:8px;color:#e8cffa;font-size:12px;text-align:start}.message-form{padding:18px 22px;background:#1c1326;border-top:1px solid #65407c66}.message-form textarea{resize:vertical;min-height:66px;margin:0!important;font-size:13px}.composer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.composer-actions>button:last-child{margin-inline-start:auto}.composer-actions .file-button{position:relative;overflow:hidden;display:inline-flex;margin:0;color:#d5bce5;font-size:11px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.icon-button{background:none;border:0;color:#c8a8df;font-size:21px;padding:3px 6px}.subtle{font-size:11px!important;color:#9e8aac!important}.reply-preview{padding:10px 22px;background:#3b2352;display:flex;justify-content:space-between;gap:20px;font-size:12px}.attachment-preview{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d5bce5;margin:12px 0}.fingerprint{font:12px/1.8 monospace;word-break:break-word;background:#0003;border-radius:10px;padding:15px;margin-block:14px}.client-main button:disabled{opacity:.5;cursor:default}#recovery-dialog .consent{margin-top:22px}#progress-form select{width:100%}.paid-badge{color:#b8edce}.client-main .sr-only{margin:0}.client-main [hidden]{display:none!important}@media(max-width:900px){.access-layout{gap:30px}.chat-layout{grid-template-columns:210px minmax(0,1fr)}.workspace-head{align-items:flex-start}.composer-actions .subtle{width:100%;order:3}.client-message{max-width:93%}}@media(max-width:700px){.access-layout{grid-template-columns:1fr;padding-top:5px;gap:25px}.access-copy ul{padding-block:8px}.access-card{padding:24px}.access-copy h1{font-size:42px}.workspace-head{display:block}.workspace-head>.tabs{margin-top:20px}.chat-layout{display:flex;flex-direction:column}.room-sidebar{border-inline-end:0;border-bottom:1px solid #53325e66;padding:16px}.room-sidebar-title{margin-bottom:12px}.room-sidebar>#lock-chat{margin-top:8px}#room-list{display:flex;gap:8px;overflow-x:auto}.room-button{min-width:170px;width:auto;flex-shrink:0;margin:0}.chat-head{padding:17px}.chat-head h2{font-size:17px}.chat-head button{font-size:10px;padding:8px}.client-messages{height:380px;padding:16px}.message-form{padding:14px}.chat-tools{padding:12px 16px}.client-project{padding:20px}.project-header{align-items:flex-start;flex-wrap:wrap}.workspace-name{display:none}.section-title{align-items:flex-start}.client-main{padding-top:20px}.project-modules{grid-template-columns:1fr}.client-main .nav-actions{gap:7px}}

.chat-voice-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:12px}.chat-voice-tools select{max-width:230px;margin:0!important}.chat-layout{display:flex;flex-direction:column}.room-sidebar{border:0;border-bottom:1px solid #65407c66;padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.room-sidebar-title{margin:0;gap:15px}.room-sidebar #room-list{order:5;display:flex;gap:8px;width:100%;overflow:auto}.room-button{min-width:170px;width:auto;margin:0;flex-shrink:0}.room-button small{display:block}.room-sidebar>#lock-chat{margin:0;margin-inline-start:auto}.client-messages{height:min(52vh,580px)}.message-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#c8acd8;margin-top:8px}.message-meta .button{font-size:10px;padding:2px}.emoji-picker{display:flex;flex-wrap:wrap;gap:5px;padding:12px 0}.emoji-picker button{border:0;background:#663d8b33;font-size:21px;border-radius:7px;width:35px;height:35px}.project-module strong,.project-module span{display:block;font-size:13px;margin:5px 0}.client-message blockquote{margin:0 0 8px;padding:8px 12px;border-inline-start:2px solid #c69bed;background:#ffffff08;font-size:11px}.client-message.deleted{opacity:.7}.client-main progress{accent-color:#bd78f2}.client-message .chat-image{max-width:100%;height:auto}.client-main .error{color:#ffaaa8!important}@media(max-width:700px){.chat-voice-tools{flex-wrap:wrap;justify-content:flex-start}.chat-voice-tools select{max-width:160px}.room-sidebar-title{width:100%}.client-main .container{width:100%}.client-main h1{font-size:32px}}

.client-main.chat-mode{padding-block:12px 20px}.chat-mode .workspace-head{margin:8px 0 14px}.chat-mode .workspace-head h1{font-size:25px;margin:4px 0}.chat-mode .workspace-head .eyebrow{display:none}.chat-mode .workspace-head p{font-size:11px}.chat-mode .status{margin-bottom:8px;font-size:11px;min-height:0}.chat-mode .status:empty{display:none}.chat-mode .chat-layout{height:calc(100dvh - 275px);min-height:500px}.chat-mode .chat-view{flex:1;min-height:0}.chat-mode .client-messages{height:auto;flex:1;min-height:160px}.chat-mode .chat-head{padding:12px 20px}.chat-mode .chat-head h2{font-size:17px}.chat-mode .message-form{padding:12px 20px}.chat-mode .message-form textarea{min-height:48px;height:48px}.chat-mode .composer-actions{margin-top:8px}.chat-mode .room-sidebar{padding:10px 18px}.chat-mode .room-button{padding:9px 13px}.chat-mode .chat-tools{padding:10px 20px}.chat-mode .chat-voice-tools{margin-bottom:10px}@media(max-width:700px){.chat-mode .workspace-head{display:flex;flex-wrap:wrap;gap:8px}.chat-mode .workspace-head>.tabs{margin:0}.chat-mode .chat-layout{height:680px;min-height:0}.chat-mode .client-messages{min-height:180px}.chat-mode .composer-actions .button{padding:9px;font-size:10px}}

.retention-controls{padding:8px 20px;background:#a35bdf0b;border-bottom:1px solid #53325e66}.client-main .retention-controls label{margin:3px 0;font-size:12px;display:flex;align-items:center;gap:8px}.retention-controls p{font-size:11px;color:#bca5cc;line-height:1.5;margin:5px 0}.expiry-label{color:#e3bcff}.client-message{flex-shrink:0}#finish-recovery{margin-top:14px}
