.app.main-page{display:flex;height:100vh;position:relative;background-color:var(--bg-blueprint);max-width:100vw;width:100%;box-sizing:border-box;overflow:hidden;transition:background-color .3s ease}.app.main-page.private-mode{background-color:var(--bg-private)}.main-content{flex:1;display:flex;flex-direction:column;padding:20px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.selector-container{display:none}.project-header-row,.breadcrumb-container{display:flex;align-items:center;gap:8px;margin-top:8px}.project-id{font-size:14px;color:#656d76;font-weight:500;cursor:pointer;padding:4px 8px 4px 0;border-radius:6px;transition:background-color .2s}.project-id.cancelled-title{color:#d1242f}.project-id.cancelled-ended-title{color:#8b949e}.project-id:hover{background-color:#f3f4f6}.header-cancellation-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:11px;font-weight:500;color:#d1242f;background-color:#fff5f5;border:1px solid #ffd1d1;border-radius:12px;white-space:nowrap;line-height:1.2;flex-shrink:0}.content-container{display:flex;flex:1;gap:20px;height:calc(100vh - 120px)}.pdf-panel{flex:1.618;background-color:#fff;border-radius:6px;padding:20px;border:1px solid #d0d7de;display:flex;flex-direction:column}.pdf-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:18px}.add-project-button{font-size:24px;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:8px;color:#656d76;transition:background-color .2s,color .2s}.add-project-button:hover{background-color:#f3f4f6;color:#24292f}@media(max-width:768px){.app.main-page{flex-direction:column}.main-content{background:transparent;margin-top:72px}.subscription-project-selector{top:62px;right:10px}.project-id{font-size:14px;margin-top:4px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#ffffffe6}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#24292f;font-size:14px;font-weight:500}.error-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:16px;box-sizing:border-box}.error-modal-content{background-color:#fff;border-radius:6px;width:90%;max-width:500px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;animation:modalFadeIn .3s ease-out;overflow:hidden;margin:auto}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d0d7de;flex-shrink:0}.error-modal-header h3{margin:0}.error-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#656d76;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s,color .2s}.error-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#24292f}.error-modal-close:disabled{opacity:.5;cursor:not-allowed}.error-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.error-modal-body p{margin:0;color:#24292f;line-height:1.6;font-size:14px;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.error-modal-body p+p{margin-top:12px}.error-modal-body p:first-child{margin-top:0}.error-modal-body p:last-child{margin-bottom:0}.error-modal-footer{padding:16px 20px;border-top:1px solid #d0d7de;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.error-modal-dismiss{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;line-height:1.5}.error-modal-dismiss:hover:not(:disabled){background-color:#2c974b}.error-modal-dismiss:active:not(:disabled){background-color:#298e46}.error-modal-dismiss:disabled{background-color:#94d3a2;cursor:not-allowed;opacity:.8}.error-modal-cancel{background-color:#656d76;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;line-height:1.5}.error-modal-cancel:hover:not(:disabled){background-color:#57606a}.error-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.error-modal-confirm{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;position:relative}.error-modal-confirm:hover:not(:disabled){background-color:#c82333}.error-modal-confirm:disabled{background-color:#dc3545;opacity:.8;cursor:not-allowed}.error-modal-confirm.button-loading .button-text{opacity:0}.button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:button-spin .8s linear infinite}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invite-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;position:relative}.page-logo{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:center}.page-logo img{max-width:120px;height:auto;object-fit:contain}.invite-content{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;width:100%;position:relative;margin-top:80px}.invite-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:20px}.invite-content h1{margin:0;text-align:center;flex:1}.invite-close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.invite-close-button:hover{color:#333}.invite-title{margin-bottom:30px;text-align:center}.invite-subtitle{color:#666;font-size:16px;margin:0 0 20px;line-height:1.6;text-align:center}.invitation-details{margin-bottom:30px}.no-projects-message{color:#666;font-size:16px;text-align:center;padding:20px;margin:0}.projects-list{list-style:none;padding:0;margin:0}.projects-list li{padding:12px 16px;margin-bottom:8px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:16px}.invitation-card{border:1px solid #c3c4c7;border-radius:4px;padding:30px;background-color:#f8f9fa}.invitation-text{color:#333;font-size:18px;margin:0 0 25px;line-height:1.6;text-align:center}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:16px;font-weight:500}.detail-value{color:#333;font-size:16px;text-align:right}.capitalize{text-transform:capitalize}.invite-button-container{display:flex;justify-content:center;gap:15px;margin-top:20px}.invite-button{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5;min-width:140px}.invite-button:hover:not(:disabled){background-color:#2c974b}.invite-button:active:not(:disabled){background-color:#298e46}.invite-button:disabled{background-color:#94d3a2;cursor:not-allowed}.decline-button{background-color:#656d76}.decline-button:hover:not(:disabled){background-color:#57606a}.loading-state,.error-state{text-align:center;padding:40px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p,.error-message{color:#666;font-size:16px;margin:0}.error-message{color:#dc3545;margin:20px 0}@media(max-width:768px){.invite-container{padding:10px}.page-logo{top:10px;left:10px}.page-logo img{max-width:80px}.invite-content{padding:20px;margin-top:60px}.invite-content h1{font-size:24px}.invite-title{font-size:20px}.invite-subtitle{font-size:14px}.invitation-card{padding:20px}.invite-button-container{flex-direction:column}.invite-button{width:100%}}.subscription-info-section{border-top:1px solid #d0d7de}.subscription-toggle-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:none;border:none;cursor:pointer;transition:background-color .2s;color:#656d76;font-size:12px;font-weight:500}.subscription-toggle-button:hover{background-color:#f6f8fa}.subscription-toggle-label{color:#24292f}.subscription-toggle-icon{color:#656d76;transition:transform .2s}.subscription-toggle-icon.expanded{transform:rotate(180deg)}.subscription-list{padding:0 16px 8px;max-height:300px;overflow-y:auto}.subscription-info-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px;cursor:pointer;transition:background-color .2s}.subscription-info-item:hover{background-color:#f6f8fa}.subscription-info-item.active{background-color:#f6f8fa;margin:0 -16px;padding:8px 16px}.subscription-info-item.cancelled{opacity:.6}.subscription-info-item.scheduled-cancel{border-left:3px solid #d1242f;padding-left:13px}.subscription-info-id{color:#24292f;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.subscription-info-item.cancelled .subscription-info-id{color:#656d76}.subscription-info-item.scheduled-cancel .subscription-info-id{color:#d1242f}.subscription-info-role{color:#656d76;font-size:11px;margin-left:8px;flex-shrink:0}.subscription-expand-icon{color:#656d76;margin-left:8px;flex-shrink:0;transition:transform .2s}.subscription-expand-icon.expanded{transform:rotate(180deg)}.projects-list{padding-left:24px;margin-top:4px;margin-bottom:4px}.project-info-item{padding:4px 0;font-size:11px;color:#656d76;cursor:pointer;transition:color .2s}.project-info-item:hover{color:#24292f}.project-info-item.active{color:#0969da;font-weight:500}@media(max-width:768px){.subscription-toggle-button{padding:8px 12px}.subscription-list{padding:0 12px 8px}}.user-profile{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;background-color:#fff;border-radius:6px;border:1px solid #d0d7de;z-index:1000;min-width:200px}.user-profile-main-row{display:flex;align-items:center;gap:16px;padding:8px 16px}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:#24292f;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#656d76;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{background-color:#fff;color:#dc3545;border:1px solid #d0d7de;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;line-height:1.5;flex-shrink:0}.logout-button:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}@media(max-width:768px){.user-profile{top:10px;right:10px;min-width:180px}.user-profile-main-row{padding:8px 12px}.user-avatar{width:32px;height:32px}.user-name{font-size:12px}.user-email{font-size:10px}.logout-button{padding:4px 8px;font-size:12px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.login-content{text-align:center;padding:32px;background-color:#fff;max-width:400px;width:90%}.login-content h1{margin:0 0 16px}.login-content p{color:#656d76;margin:0 0 32px;font-size:14px;line-height:1.5}.login-button{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5}.login-button:hover{background-color:#2c974b}.login-button:active{background-color:#298e46}.github-modal{max-width:420px}.github-status{display:flex;align-items:center;gap:8px;margin-bottom:16px}.github-check{color:#22c55e;font-weight:700}.github-field{margin-bottom:16px}.github-field label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#24292f}.github-field input{width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;box-sizing:border-box}.github-field input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.github-note{font-size:13px;color:#656d76;margin-top:12px}.github-info{font-size:13px;color:#656d76;margin-bottom:8px}.github-repo-selector{max-height:200px;overflow-y:auto;border:1px solid #d0d7de;border-radius:6px;padding:8px;background:#f6f8fa}.github-repo-checkbox{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .2s}.github-repo-checkbox:hover{background:#e1e4e8}.github-repo-checkbox input[type=checkbox],.github-repo-checkbox input[type=radio]{cursor:pointer}.github-repo-checkbox span{font-size:14px;color:#24292f}.github-warning{background:#fff4e6;border:1px solid #ffa657;border-radius:6px;padding:12px;margin-top:16px}.github-warning p{margin:0;font-size:13px;color:#b35900}.disconnect-warning{background:#cf222e!important;color:#fff!important;border-color:#cf222e!important}.disconnect-warning:hover{background:#a40e26!important}.projects-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:var(--bg-generic);padding:20px;position:relative}.projects-page-content{background:#fff;padding:32px;max-width:900px;width:100%;margin-top:40px}.projects-page-header{margin-bottom:32px}.projects-page-header h1{margin:0}.section-label{display:block;font-size:14px;font-weight:600;color:#24292f;margin-bottom:8px}.subscription-selector-section{margin-bottom:32px}.subscription-select{width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.subscription-select:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.create-project-section{margin-bottom:32px}.create-project-section h2{margin:0 0 16px}.create-project-form{display:flex;gap:12px;align-items:flex-start}.project-name-input{flex:1;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f;transition:border-color .2s,box-shadow .2s}.project-name-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.project-name-input:disabled{background-color:#f6f8fa;cursor:not-allowed}.projects-list-section{margin-bottom:32px}.projects-list-section h2{margin:0 0 4px}.seats-count{font-size:13px;color:#57606a;margin:0 0 16px}.projects-grid{display:flex;flex-direction:column;gap:12px}.project-wrapper{border-radius:6px;background:#fff;overflow:hidden;transition:all .2s}.project-wrapper:hover{box-shadow:0 1px 4px #0969da1a}.project-card{padding:12px 16px;transition:background .2s}.project-card.expanded{background-color:#f6f8fa}.project-card.editing{background-color:#fff8e1;border-color:#d4a72c}.project-info{display:flex;align-items:center;gap:8px}.expand-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .2s,background .2s;border-radius:4px;flex-shrink:0;filter:invert(43%) sepia(7%) saturate(442%) hue-rotate(169deg) brightness(94%) contrast(88%)}.expand-button:hover{background:#f6f8fa;filter:invert(14%) sepia(7%) saturate(753%) hue-rotate(169deg) brightness(96%) contrast(92%)}.expand-icon{transition:transform .2s;transform:rotate(-90deg);width:16px;height:16px}.expand-icon.expanded{transform:rotate(0)}.expand-button img{display:block}.project-name-container{display:flex;flex-direction:column;gap:2px;flex:1}.project-name{font-size:14px;font-weight:600;color:#24292f}.project-name.clickable{cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:color .2s,background .2s}.project-name.clickable:hover{color:#0969da;background:#f6f8fa}.project-seats-count{font-size:12px;color:#57606a;padding-left:8px}.project-connections{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #e1e4e8}.connection-button{background:none;border:1px solid #d0d7de;border-radius:6px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;font-size:12px;color:#656d76}.connection-button:hover{background:#f6f8fa;border-color:#0969da}.connection-button.connected{background:#dafbe1;border-color:#2da44e;color:#1a7f37}.connection-button.connected:hover{background:#b4f1c0}.connection-badge{font-size:10px;color:#1a7f37;font-weight:600}.github-icon-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#656d76;transition:color .2s;margin-right:4px}.github-icon-button:hover{color:#24292f}.github-icon-button:active{transform:scale(.95)}.github-icon-button svg{width:16px;height:16px}.join-icon-button{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;flex-shrink:0}.join-icon-button.join{filter:invert(46%) sepia(88%) saturate(466%) hue-rotate(90deg) brightness(95%) contrast(87%)}.join-icon-button.join:hover{background:#dafbe1;filter:invert(33%) sepia(86%) saturate(848%) hue-rotate(90deg) brightness(92%) contrast(93%)}.join-icon-button.join:active{background:#b4f1c0}.join-icon-button.leave{filter:invert(62%) sepia(85%) saturate(1676%) hue-rotate(357deg) brightness(100%) contrast(98%)}.join-icon-button.leave:hover{background:#fff4e6;filter:invert(51%) sepia(90%) saturate(1339%) hue-rotate(3deg) brightness(96%) contrast(91%)}.join-icon-button.leave:active{background:#ffe0b2}.join-icon-button img{width:18px;height:18px;display:block}.delete-icon-button{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;flex-shrink:0;filter:invert(20%) sepia(91%) saturate(2798%) hue-rotate(346deg) brightness(89%) contrast(95%)}.delete-icon-button:hover{background:#ffebe9;filter:invert(17%) sepia(95%) saturate(3237%) hue-rotate(346deg) brightness(87%) contrast(96%)}.delete-icon-button:active{background:#ffd8d3}.delete-icon-button img{width:16px;height:16px;display:block}.project-name-edit-input{flex:1;padding:6px 10px;border:1px solid #0969da;border-radius:6px;font-size:14px;font-weight:600;color:#24292f;transition:border-color .2s,box-shadow .2s}.project-name-edit-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.action-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.action-button:disabled{cursor:not-allowed;opacity:.6}.create-button,.invite-button{background-color:#2da44e;color:#fff}.create-button:hover:not(:disabled),.invite-button:hover:not(:disabled){background-color:#2c974b}.create-button:active:not(:disabled),.invite-button:active:not(:disabled){background-color:#298e46}.select-button{background-color:#0969da;color:#fff}.select-button:hover:not(:disabled){background-color:#0860ca}.select-button:disabled{background-color:#94d3a2}.rename-button{background-color:#8250df;color:#fff}.rename-button:hover:not(:disabled){background-color:#7141c5}.rename-button:disabled{background-color:#d8b9ff}.edit-button{background-color:#8250df;color:#fff}.edit-button:hover:not(:disabled){background-color:#7141c5}.cancel-button{background-color:#656d76;color:#fff}.cancel-button:hover:not(:disabled){background-color:#57606a}.delete-button,.delete-user-button{background-color:#cf222e;color:#fff}.delete-button:hover:not(:disabled),.delete-user-button:hover:not(:disabled){background-color:#a40e26}.action-button.button-loading{justify-content:space-between}.action-button.button-loading .button-text{text-align:left;flex:0}.loading-state,.empty-state{text-align:center;padding:40px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #0969da;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:#656d76;font-size:14px;margin:0}.empty-state{color:#656d76;font-size:14px;padding:20px;background-color:#f6f8fa;border-radius:6px;border:1px dashed #d0d7de}.rename-input-container{margin:16px 0}.rename-input{width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f}.rename-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}@media(max-width:768px){.projects-page-container{padding:16px}.projects-page-content{padding:24px;margin-top:20px}.create-project-form{flex-direction:column}.project-info{flex-direction:column;align-items:flex-start}.project-actions{width:100%;flex-wrap:wrap}.action-button{flex:1;min-width:80px}.user-info{flex-direction:column;align-items:flex-start;gap:8px}.invited-indicator{margin-left:0}}.project-users-section{padding:20px;background:#f6f8fa}.invite-users-subsection,.users-list-subsection{margin-bottom:24px}.invite-users-subsection:last-child,.users-list-subsection:last-child{margin-bottom:0}.project-users-section h4,.invite-users-subsection h3,.users-list-subsection h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#24292f}.invite-form{display:flex;flex-direction:column;gap:16px}.email-input-container{margin-bottom:8px}.email-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border:1px solid #d0d7de;border-radius:6px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.email-tags-container:focus-within{border-color:#0969da;outline:none;box-shadow:0 0 0 3px #0969da1a}.email-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#ddf4ff;border:1px solid #b6e3ff;border-radius:12px;font-size:14px;color:#0969da;line-height:1.4}.email-tag-remove{background:none;border:none;color:#0969da;cursor:pointer;padding:0;margin:0;font-size:18px;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.email-tag-remove:hover{background-color:#0969da1a}.email-input{flex:1;min-width:120px;border:none;outline:none;padding:0;font-size:14px;color:#24292f;background:transparent;line-height:1.5}.email-input::placeholder{color:#656d76}.email-hint{color:#656d76;font-size:12px;margin:8px 0 0;line-height:1.5}.role-selection-container{display:flex;flex-direction:column;gap:8px}.role-label{display:block;font-size:14px;font-weight:600;color:#24292f}.functional-roles-container{display:flex;flex-direction:column;gap:12px}.functional-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.functional-role-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;font-size:14px;color:#24292f}.functional-role-checkbox:hover{background-color:#fff;border-color:#0969da}.functional-role-checkbox input[type=checkbox]{cursor:pointer}.functional-role-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.role-validation-error{color:#cf222e;font-size:13px;margin:4px 0 0;font-weight:500}.user-roles{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.user-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;border-radius:12px;line-height:1.5;background-color:#8250df;color:#fff}.user-badge.pm-badge{background-color:#0969da;color:#fff}.users-grid{display:flex;flex-direction:column;gap:8px}.user-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;transition:background-color .2s,border-color .2s;position:relative;cursor:pointer}.user-card:hover{background-color:#fff;border-color:#0969da}.user-card.editing{background-color:#fff;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.pm-card{background-color:#ddf4ff;border-color:#0969da}.invited-card{background-color:#fff8e1;border-color:#d4a72c;opacity:.9}.user-info{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.user-email{font-size:14px;color:#24292f;font-weight:500}.invited-indicator{font-size:12px;color:#656d76;font-style:italic;margin-left:auto}.user-edit-section{margin-top:12px;padding:12px;background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:6px}.user-edit-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:12px}.user-edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-button,.save-button,.cancel-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.save-button{background-color:#0969da;color:#fff}.save-button:hover{background-color:#0860ca}.save-button:disabled{background-color:#d0d7de;cursor:not-allowed}.cancel-button{background-color:#f6f8fa;color:#24292f;border:1px solid #d0d7de}.cancel-button:hover{background-color:#fff;border-color:#0969da}.action-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.invite-button{background-color:#0969da;color:#fff}.invite-button:hover:not(:disabled){background-color:#0860ca}.invite-button:disabled{background-color:#d0d7de;cursor:not-allowed}.button-loading{position:relative;pointer-events:none}.button-text{display:inline-block}.button-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.user-actions{display:flex;align-items:center;gap:8px}.copy-url-icon-button,.delete-icon-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,color .2s;color:#656d76}.copy-url-icon-button:hover,.delete-icon-button:hover{opacity:1}.copy-url-icon-button:hover{color:#0969da}.copy-url-icon-button img,.delete-icon-button img{width:16px;height:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid #d0d7de;border-top-color:#0969da;border-radius:50%;animation:spin .8s linear infinite}.empty-state{color:#656d76;font-size:14px;text-align:center;padding:20px}.invitation-url-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.invitation-url-modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;width:90%;max-width:600px;max-height:90vh;overflow:auto;animation:slideUp .2s ease-out}.invitation-url-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #d0d7de}.invitation-url-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#24292f}.invitation-url-modal-close{background:none;border:none;font-size:24px;line-height:1;color:#656d76;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s,color .2s}.invitation-url-modal-close:hover{background-color:#f6f8fa;color:#24292f}.invitation-url-modal-body{padding:20px}.invitation-url-label{margin:0 0 12px;font-size:14px;color:#24292f}.invitation-url-label strong{color:#0969da;font-weight:600}.invitation-url-input-container{display:flex;gap:8px;margin-bottom:12px}.invitation-url-input{flex:1;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;font-family:monospace;color:#24292f;background-color:#f6f8fa;cursor:text}.invitation-url-input:focus{outline:none;border-color:#0969da;background-color:#fff;box-shadow:0 0 0 3px #0969da1a}.invitation-url-copy-button{padding:8px 16px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;font-weight:500;color:#24292f;background-color:#f6f8fa;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}.invitation-url-copy-button:hover{background-color:#fff;border-color:#0969da;color:#0969da}.invitation-url-copy-button.copied{background-color:#dafbe1;border-color:#2da44e;color:#1a7f37}.invitation-url-hint{margin:0;font-size:12px;color:#656d76;line-height:1.5}.invitation-url-modal-footer{padding:16px 20px;border-top:1px solid #d0d7de;display:flex;justify-content:flex-end}.invitation-url-modal-close-button{padding:6px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;font-weight:500;color:#24292f;background-color:#f6f8fa;cursor:pointer;transition:background-color .2s,border-color .2s}.invitation-url-modal-close-button:hover{background-color:#fff;border-color:#0969da;color:#0969da}.file-list{position:absolute;top:120px;right:10px;max-width:200px;background:#ffffffe6;border-radius:8px;padding:5px;box-shadow:0 2px 4px #0000001a;z-index:500}.file-item{display:flex;align-items:center;justify-content:space-between;padding:5px;margin:2px 0;border-radius:3px;background:#f5f5f5}.file-item:hover{background:#e9e9e9}.file-name{font-size:.9em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.delete-file-button{background:none;border:none;color:#666;font-size:1.2em;cursor:pointer;padding:0 5px;opacity:0;transition:opacity .2s}.file-item:hover .delete-file-button{opacity:1}.delete-file-button:hover{color:#f44}.welcome-modal-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.welcome-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 16px #00000026}.welcome-modal-header{padding:20px 20px 16px;border-bottom:1px solid #d0d7de}.welcome-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#24292f}.welcome-modal-content{padding:20px;overflow-y:auto;flex:1}.welcome-modal button{margin:0 20px 20px}.document-progress{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;background-color:#fffc;padding:10px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;z-index:500;min-width:200px}.current-section{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.progress-gauge{display:flex;gap:2px;height:8px;background-color:#f5f5f5;border-radius:4px;overflow:hidden}.gauge-segment{flex:1;background-color:#e0e0e0;transition:background-color .3s ease}.gauge-segment.completed{background-color:#4caf50}.gauge-segment.current{background-color:#2196f3}@media(max-width:768px){.document-progress{top:70px;right:10px;padding:8px 16px;min-width:250px}.current-section{font-size:10px;max-width:200px}}.usage-circle{position:absolute;top:70px;right:10px;z-index:500}.circle-container{position:relative;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:50%;padding:5px}.progress-circle{transition:all .3s ease}.progress-stroke{transition:stroke-dashoffset .5s ease-in-out}.usage-square{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 1px 2px #0000001f}.usage-square-text{font-size:11px;font-weight:700;color:#333;letter-spacing:.2px}.circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.total-tokens{font-size:10px;font-weight:700;color:#333;line-height:1}.token-label{font-size:8px;color:#666;margin-top:1px;line-height:1}@media(max-width:768px){.usage-circle{top:180px;right:10px}.usage-square{width:50px;height:50px}.usage-square-text{font-size:10px}.total-tokens{font-size:9px}.token-label{font-size:7px}}@media(max-width:768px){.message-text{max-width:85%}.message-text p,.message-text code,.message-text ul,.message-text ol,.message-text li{font-size:13px}}.visualizer-container{flex:1;margin:0 10px;height:40px;background:transparent;border-radius:8px;overflow:hidden;display:flex;align-items:center;width:100%;min-width:0}.audio-visualizer{width:100%;height:100%;display:flex;align-items:center;min-width:0}.chat-input button.disabled,.chat-textarea.disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-input{padding:8px}.chat-textarea{font-size:13px;padding:6px}}.conversation-starters{padding:20px;display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;animation:startersFadeIn .5s ease-out}.conversation-starters-container{display:flex;flex-direction:column;max-width:720px;width:100%;gap:24px}.conversation-starters-welcome{font-size:14px;line-height:1.6;color:#24292f;text-align:left;padding:0}.conversation-starters-welcome h2{font-size:18px;font-weight:600;color:#24292f;margin:0 0 12px}.conversation-starters-welcome p{margin:0 0 12px}.conversation-starters-welcome p:last-child{margin-bottom:0}.conversation-starters-welcome ul,.conversation-starters-welcome ol{margin:0 0 12px;padding-left:20px}.conversation-starters-welcome li{margin-bottom:6px}.conversation-starters-welcome strong{font-weight:600;color:#24292f}.conversation-starters-welcome em{font-style:italic;color:#656d76}.conversation-starters-buttons{display:flex;flex-direction:row;gap:12px;justify-content:flex-start;flex-wrap:wrap}.conversation-starter-button{background-color:#fafafa;color:#2da44e;border:1px solid #2da44e;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;font-family:inherit;box-shadow:0 1px 2px #0000000d}.conversation-starter-button:hover{background-color:#2da44e;color:#fff;box-shadow:0 2px 4px #2da44e33}.conversation-starter-button:active{background-color:#298e46;color:#fff;box-shadow:none}.conversation-starter-button:focus{outline:none;box-shadow:0 0 0 3px #2da44e4d}@keyframes startersFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.conversation-starters{padding:16px}.conversation-starters-container{gap:20px}.conversation-starters-welcome{font-size:13px}.conversation-starters-welcome h2{font-size:16px}.conversation-starters-buttons{gap:10px}.conversation-starter-button{padding:8px 14px;font-size:13px}}.chat-container{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;max-width:100%;width:100%;box-sizing:border-box;position:relative}.chat-container--blueprint,.chat-container--consultant{background-color:#fff}.privacy-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 20px;margin:-20px -20px 0;background-color:#570412;border-radius:12px 12px 0 0;color:#fff;font-size:12px;font-weight:500}.privacy-indicator svg{flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.message{margin-bottom:20px}.message-content{display:flex;align-items:flex-start}.bot-icon{width:32px;height:32px;background-color:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.message-text{background-color:#f5f5f5;padding:6px 8px;border-radius:8px;max-width:70%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.message-email-id{font-size:11px;margin-bottom:4px;font-weight:500;opacity:.9}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin-top:.5em;margin-bottom:.5em;line-height:1.2}.message-text p{margin:.5em 0;line-height:1.4;font-size:14px}.message-text code{background-color:#e8e8e8;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:14px}.message-text pre{background-color:#e8e8e8;padding:1em;border-radius:4px;overflow-x:auto;margin:.5em 0}.message-text pre code{background-color:transparent;padding:0;border-radius:0}.message-text ul,.message-text ol{margin:.5em 0;padding-left:1.5em;font-size:14px}.message-text li{margin:.25em 0;font-size:14px}.message-text blockquote{border-left:3px solid #ccc;margin:.5em 0;padding-left:1em;color:#666}.message-text a{color:#06c;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text img{max-width:100%;height:auto;border-radius:4px;margin:.5em 0}.message-text table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.message-text th,.message-text td{border:1px solid #ddd;padding:8px;text-align:left}.message-text th{background-color:#f5f5f5;font-weight:600}.message-text tr:nth-child(2n){background-color:#f9f9f9}.message-text tr:hover{background-color:#f0f0f0}.chat-input{display:flex;align-items:flex-end;padding:12px;border-top:1px solid #eee;background-color:#fff}.ai-disclaimer{padding:8px 20px;text-align:center;font-size:11px;color:#999;opacity:.7;background-color:transparent;cursor:pointer;transition:opacity .2s,text-decoration .2s}.ai-disclaimer:hover{opacity:1;text-decoration:underline}.chat-textarea{flex:1;border:none;padding:8px 12px;margin:0 12px;font-size:14px;line-height:24px;min-height:40px;max-height:200px;resize:none;overflow-y:auto;background-color:transparent;font-family:inherit;box-sizing:border-box}.chat-textarea:focus{outline:none}.chat-textarea::-webkit-scrollbar{width:6px}.chat-textarea::-webkit-scrollbar-track{background:transparent}.chat-textarea::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.chat-input button{width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.chat-input button:hover{background-color:#f5f5f5}.thinking-dots{display:flex;align-items:center;gap:4px;padding:4px 0}.thinking-dot{width:8px;height:8px;background-color:#666;border-radius:50%;animation:thinking 1.4s infinite ease-in-out}.thinking-dot:nth-child(1){animation-delay:-.32s}.thinking-dot:nth-child(2){animation-delay:-.16s}.thinking-dot:nth-child(3){animation-delay:0s}@keyframes thinking{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.chat-container{flex:none;height:40vh;padding:12px}.chat-messages{padding:12px}.message-text{max-width:85%}.message-text p,.message-text code{font-size:13px}.chat-input{padding:8px}.chat-textarea{font-size:13px;padding:6px}.message-text ul,.message-text ol,.message-text li{font-size:13px}}.inline-markdown{display:inline}.inline-markdown p{display:inline;margin:0;padding:0}.streaming-message{max-height:7.5em;overflow-y:auto;scroll-behavior:auto;color:#777}.streaming-message::-webkit-scrollbar{width:4px}.streaming-message::-webkit-scrollbar-track{background:transparent}.streaming-message::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.stop-button{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.stop-button:hover{opacity:.8}.stop-button .icon{width:24px;height:24px}.voice-button .icon.recording{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.message-text .markdown-list{margin:.5em 0;padding-left:1.5em;list-style-type:disc}.message-text .markdown-list ol{list-style-type:decimal}.message-text .markdown-list ul{list-style-type:circle}.message-text .markdown-list-item{margin:.25em 0;line-height:1.5}.message-text .markdown-list-item>ul,.message-text .markdown-list-item>ol{margin-top:.25em;margin-bottom:.25em}.update-status-indicator{display:flex;align-items:center;padding:4px 0;font-size:13px;color:#666;background-color:transparent;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.5}50%{opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:6px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d0d7de;background:#fff;border-top-left-radius:6px;border-top-right-radius:6px}.modal-header h2{margin:0}.modal-title{display:flex;flex-direction:column;gap:.25rem}.modal-title h2{margin:0}.timestamp{font-size:12px;color:#656d76;margin-right:.5rem;line-height:1.5}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#656d76;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s,color .2s}.close-button:hover{background-color:#f3f4f6;color:#24292f}.modal-body{padding:1rem;overflow-y:auto;flex:1;min-height:0}.evaluation-section{margin-bottom:30px}.evaluation-section h3{margin-bottom:15px}.evaluation-item{margin-bottom:20px;padding:16px;background:#f6f8fa;border-radius:6px;border:1px solid #d0d7de}.gauge-container{margin-bottom:10px}.gauge-label{font-weight:500;margin-bottom:5px;color:#24292f;font-size:14px;line-height:1.5}.gauge{height:20px;background:#eee;border-radius:10px;overflow:hidden;margin-bottom:5px}.gauge-fill{height:100%;transition:width .3s ease}.gauge-score{font-size:14px;color:#656d76;text-align:right;font-weight:600;line-height:1.5}.explanation{font-size:14px;color:#656d76;margin-top:10px;line-height:1.5;overflow:visible}.explanation p{margin:0 0 1em;overflow:visible}.explanation ul,.explanation ol{margin:.5em 0;padding-left:1.5em;overflow:visible}.explanation li{margin:.25em 0}.explanation strong{color:#24292f;font-weight:600}.explanation code{background-color:#f0f0f0;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:.9em}@media(max-width:768px){.modal-content{width:95%;padding:15px}.modal-header h2{font-size:1.2em}.evaluation-item{padding:10px}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{text-align:center;padding:40px;color:#dc3545;font-size:14px}.error-state p{margin-bottom:20px}.retry-button{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;line-height:1.5}.retry-button:hover:not(:disabled){background-color:#2c974b}.retry-button:active:not(:disabled){background-color:#298e46}.retry-button:disabled{background-color:#94d3a2;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;align-items:center}.refresh-button{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.refresh-button:hover:not(:disabled){background-color:#f3f4f6}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button img{width:24px;height:24px;display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{margin:0}.section-score{min-width:200px}.section-score .gauge-container{margin-bottom:0}.section-score .gauge{height:16px}.section-score .gauge-label{font-size:.9em;margin-bottom:2px}.section-score .gauge-score{font-size:.85em}.section-title{display:flex;align-items:center;gap:.5rem}.collapse-button{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;color:#656d76;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s,color .2s,transform .2s ease}.collapse-button:hover{background-color:#f3f4f6;color:#24292f}.section-content{transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.section-content.expanded{max-height:none;opacity:1}.section-content.collapsed{max-height:0;opacity:0}.pdf-panel{background-color:#fff;border-radius:12px;padding:20px 40px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;transition:all .3s ease;min-width:0;box-sizing:border-box;overflow:hidden;height:100%;width:100%;position:relative}.document-selector{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0}.document-selector label{font-weight:500;color:#495057;font-size:14px;white-space:nowrap;margin:0}.document-selector select{max-width:300px;padding:10px 36px 10px 16px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;font-size:14px;color:#212529;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.document-selector select:hover{border-color:#adb5bd}.document-selector select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff14}.pdf-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:18px;height:100%}.pdf-placeholder.error{color:#dc3545;border-color:#dc3545}.documents-list{flex:1;overflow-y:auto;padding:10px;height:100%}.document-item{padding-left:15px;padding-right:15px;transition:all .2s ease;display:flex;flex-direction:column}.document-item h3{margin:0 0 8px}.document-content{flex:1;overflow-y:auto;font-size:14px;line-height:1.5}.document-content p{margin:0 0 1em}.document-content code{background-color:#f8f9fa;padding:.2em .4em;border-radius:3px;font-family:monospace}.document-content pre{background-color:#f8f9fa;padding:1em;border-radius:4px;overflow-x:auto;margin:.5em 0}.document-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.document-content th,.document-content td{border:1px solid #ddd;padding:8px;text-align:left}.document-content th{background-color:#f5f5f5;font-weight:600}.document-content tr:nth-child(2n){background-color:#f9f9f9}.document-content tr:hover{background-color:#f0f0f0}.download-button{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;z-index:10}.action-buttons{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;z-index:10}.evaluate-button,.download-button{position:static;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.evaluate-button:disabled{opacity:.5;cursor:not-allowed}.evaluate-button:hover,.download-button:hover{background-color:#0000000d}.evaluate-button img,.download-button img{width:24px;height:24px;display:block}@media(max-width:768px){.pdf-panel{flex:none;height:60vh;padding:12px 20px;max-width:100%}.document-item{padding:12px;margin-bottom:12px}.document-item h3{font-size:15px}.document-content{font-size:13px}.action-buttons{top:12px;right:12px;gap:6px}.evaluate-button,.download-button{padding:6px}.evaluate-button img,.download-button img{width:20px;height:20px}}.document-content .markdown-list{margin:.5em 0;padding-left:1.5em;list-style-type:disc}.document-content .markdown-list ol{list-style-type:decimal}.document-content .markdown-list ul{list-style-type:circle}.document-content .markdown-list-item{margin:.25em 0;line-height:1.5}.document-content .markdown-list-item>ul,.document-content .markdown-list-item>ol{margin-top:.25em;margin-bottom:.25em}.content-container{flex:1;height:calc(100vh - 120px);position:relative;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.content-container.private-mode{background-color:transparent}.panel-group-container{width:100%!important;height:100%!important;display:flex!important;flex:1 1 100%!important;min-width:100%!important;max-width:100%!important}.pdf-panel-wrapper,.chat-panel-wrapper{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.pdf-panel-wrapper{transition:width .3s ease,opacity .3s ease}.content-container.collapsed .chat-panel-wrapper{width:100%!important;flex:1 1 100%!important;max-width:100%!important;min-width:100%!important}.resize-handle{width:6px;background-color:transparent;cursor:col-resize;position:relative;transition:background-color .2s ease;flex-shrink:0;z-index:10}.content-container.private-mode .resize-handle{background-color:transparent}.resize-handle:hover{background-color:#0000000d}.resize-handle:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:transparent;transition:background-color .2s ease}.resize-handle:hover:after{background-color:#0969da}.chat-container{flex:1;min-width:0;height:100%}.content-container.collapsed .chat-container{max-width:100%}@media(max-width:768px){.content-container{flex-direction:column;height:auto;min-height:calc(100vh - 120px);gap:12px}.chat-container{max-width:100%}}.customer-subscription-selector{position:relative;display:inline-block;max-width:400px;width:auto}.selector-toggle-button{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.selector-toggle-button:hover{background-color:#f8f6ff99}.selector-toggle-label{font-weight:500;color:#24292f;flex:1;text-align:left}.selector-toggle-icon{color:#656d76;transition:transform .2s;flex-shrink:0}.selector-toggle-icon.expanded{transform:rotate(180deg)}.add-icon{color:#0969da;font-size:18px;font-weight:600;margin-left:8px}.selector-dropdown{position:absolute;top:100%;left:0;min-width:500px;margin-top:8px;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 8px 24px #0000001f;z-index:1000;max-height:600px;overflow-y:auto}.customers-section,.subscriptions-section{padding:12px}.search-container{margin-bottom:12px}.customer-search-input{width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.customer-search-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.customer-search-input::placeholder{color:#8b949e}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f6f8fa}.section-title{font-size:12px;font-weight:600;color:#656d76;text-transform:uppercase;letter-spacing:.5px}.add-button-small{background:none;border:none;color:#0969da;font-size:18px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s;line-height:1}.add-button-small:hover{background-color:#f6f8fa}.customers-list,.subscriptions-list{display:flex;flex-direction:column;gap:4px}.customer-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.customer-item:hover{background-color:#f6f8fa;border-color:#d0d7de}.customer-item.active{background-color:#ddf4ff;border-color:#0969da}.customer-name{font-size:14px;font-weight:500;color:#24292f;margin-bottom:2px}.customer-email{font-size:12px;color:#656d76}.subscription-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.subscription-item:hover{background-color:#f6f8fa;border-color:#d0d7de}.subscription-item.active{background-color:#ddf4ff;border-color:#0969da}.subscription-id{flex:1;font-size:14px;font-weight:500;color:#24292f}.subscription-role{font-size:12px;color:#656d76;padding:2px 8px;background:#f6f8fa;border-radius:12px}.expand-icon{color:#656d76;transition:transform .2s;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.empty-message{padding:16px;text-align:center;color:#656d76;font-size:13px;font-style:italic}.breadcrumb-container{display:flex;align-items:center;gap:8px;margin-top:8px}.breadcrumb{display:flex;align-items:center;gap:4px;flex:1}.breadcrumb-item{font-size:14px;color:#656d76;font-weight:500;cursor:pointer;padding:4px 8px 4px 0;border-radius:6px;transition:background-color .2s}.breadcrumb-item:hover{background-color:#f3f4f6}.breadcrumb-item.active{color:#24292f;cursor:default}.breadcrumb-item.active:hover{background-color:transparent}.breadcrumb-separator{font-size:14px;color:#8b949e;padding:0 4px}.header-with-selector{padding:20px;margin-bottom:20px;max-width:100%;width:100%;box-sizing:border-box}.header{flex:1;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.breadcrumb-row{display:flex;align-items:center;gap:12px;margin-top:16px}.header-custom-subtitle{display:flex;align-items:center;width:auto;max-width:calc(100% - 300px);margin-top:8px;padding-bottom:8px}.reset-project-icon{font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s,transform .1s;-webkit-user-select:none;user-select:none;line-height:1;padding:4px}.reset-project-icon:hover{opacity:1;transform:scale(1.1)}.reset-project-icon:active{transform:scale(.95)}.conversation-name-input{font-size:14px;color:#24292f;margin-top:8px;font-weight:500;padding:6px 12px;border:1px solid #d0d7de;border-radius:6px;background-color:#fff;width:200px;transition:border-color .2s,box-shadow .2s}.conversation-name-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}@media(max-width:768px){.header-with-selector{padding:10px;margin-bottom:10px}.header{padding:0;margin-bottom:0}.breadcrumb-row{margin-top:6px;gap:8px}.reset-project-icon{font-size:18px}.header h1{font-size:20px}}.conversations-panel{position:fixed;inset:0 0 0 72px;background-color:#00000080;display:flex;justify-content:flex-start;z-index:1000}.conversations-panel-content{background-color:#fff;width:300px;height:100%;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column}.conversations-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.conversations-panel-header h2{margin:0}.back-button{background:none;border:none;font-size:20px;cursor:pointer;color:#656d76;padding:4px 8px;border-radius:6px;transition:background-color .2s,color .2s;line-height:1}.back-button:hover{background-color:#f3f4f6;color:#24292f}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.close-button:hover{color:#333}.conversations-list{flex:1;overflow-y:auto;padding:8px}.conversations-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.add-conversation-button-header{font-size:20px;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#656d76;transition:background-color .2s,color .2s;padding:0;line-height:1}.add-conversation-button-header:hover{background-color:#f3f4f6;color:#24292f}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:10px 40px 10px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px;position:relative;min-height:36px;transition:background-color .15s}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.active{background-color:#e9ecef}.conversation-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.conversation-type-icon{flex-shrink:0;color:#656d76;width:16px;height:16px}.conversation-item.active .conversation-type-icon{color:#24292f}.conversation-name{font-size:14px;color:#656d76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-item.active .conversation-name{color:#24292f;font-weight:500}.empty-conversations-message{padding:24px 16px;text-align:center;color:#656d76;font-size:14px;font-style:italic}.delete-conversation-button{display:none;background:none;border:none;padding:4px;cursor:pointer;opacity:.6;transition:opacity .2s;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.delete-conversation-button:hover{opacity:1}.conversation-item:hover .delete-conversation-button{display:block}.delete-conversation-button img{width:16px;height:16px}@media(max-width:768px){.conversations-panel{left:0;width:100%}}.sidebar{width:72px;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px 0;box-shadow:2px 0 5px #0000001a;transition:all .3s ease;position:relative;z-index:1000}.logo{margin-bottom:10px;display:flex;align-items:center;justify-content:center;width:100%}.logo img{max-width:60px;height:auto;object-fit:contain}.nav-menu{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.nav-menu ul{list-style:none;padding:0;margin:0;width:100%}.nav-item{width:100%;height:40px;border:none;background:none;cursor:pointer;margin:0;border-radius:0;display:flex;align-items:center;justify-content:center}.nav-item:hover:not(:disabled){background-color:#f5f5f5}.nav-item:disabled{opacity:.5;cursor:not-allowed}.nav-item.active{background-color:#e0e0e0;border-radius:8px;margin:0 16px;width:calc(100% - 32px)}.nav-item-subordinate .icon{opacity:.7;padding-left:10px}.nav-divider{height:1px;background-color:#e0e0e0;margin:8px 16px;list-style:none;padding:0}.settings-button{width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#f5f5f5}.icon{width:24px;height:24px}.disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sidebar{width:100%;height:72px;flex-direction:row;padding:0 10px;position:fixed;top:0;left:0}.sidebar.expanded{height:100vh;flex-direction:column;padding:10px 0}.logo{margin-bottom:0;margin-right:10px}.sidebar.expanded .logo{margin-bottom:10px;margin-right:0}.nav-menu{flex:1;display:flex;align-items:center}.sidebar.expanded .nav-menu{flex-direction:column;align-items:center}.nav-menu ul{display:flex;flex-direction:row;gap:10px}.sidebar.expanded .nav-menu ul{flex-direction:column;gap:0;width:100%}.nav-item{margin:0;width:40px}.sidebar.expanded .nav-item{margin:0;width:100%}.nav-divider{margin:8px 0;width:1px;height:40px}.sidebar.expanded .nav-divider{margin:8px 16px;width:calc(100% - 32px);height:1px}.settings{margin-left:20px}.sidebar.expanded .settings{margin-left:0;margin-top:auto}.toggle-button{display:none;position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:none;cursor:pointer;z-index:1001}.sidebar.expanded .toggle-button{display:block}}.project-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px}.project-item:hover{background-color:#f5f5f5}.project-item.active{background-color:#e9ecef}.delete-project-button{display:none;background:none;border:none;padding:4px;cursor:pointer;opacity:.6;transition:opacity .2s}.delete-project-button:hover{opacity:1}.project-item:hover .delete-project-button{display:block}.delete-project-button img{width:16px;height:16px}.create-customer-input-group{margin-bottom:20px}.create-customer-input-group:last-of-type{margin-bottom:0}.create-customer-input-group label{display:block;font-size:14px;font-weight:600;color:#24292f;margin-bottom:8px}.create-customer-input-group input{width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.create-customer-input-group input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.create-customer-input-group input:disabled{background-color:#f6f8fa;cursor:not-allowed;opacity:.6}.create-customer-input-group input::placeholder{color:#8b949e}.create-subscription-page{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.create-subscription-header{padding:20px;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.create-subscription-header-content{display:flex;align-items:center;gap:16px}.create-subscription-back-button{background:none;border:1px solid #d0d7de;color:#24292f;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.create-subscription-back-button:hover:not(:disabled){background-color:#f6f8fa;border-color:#0969da;color:#0969da}.create-subscription-back-button:disabled{opacity:.5;cursor:not-allowed}.create-subscription-title-section h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.create-subscription-subtitle{margin:0;font-size:14px;color:#57606a}.create-subscription-content{flex:1;overflow-y:auto;padding:20px}.create-subscription-form{max-width:900px;margin:0 auto}.create-subscription-loading{padding:40px;text-align:center;color:#57606a;font-size:16px}.create-subscription-error{background-color:#ffebe9;border:1px solid #ff8182;color:#86181d;padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:14px}.create-subscription-section{margin-bottom:32px}.create-subscription-section:last-of-type{margin-bottom:0}.create-subscription-section label{display:block;font-size:14px;font-weight:600;color:#24292f;margin-bottom:12px}.create-subscription-product{border:1px solid #d0d7de;border-radius:6px;padding:16px;background:#f6f8fa;display:grid;gap:12px}.product-description{color:#57606a;font-size:14px;margin-top:4px;line-height:1.5}.product-selector select{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;background:#fff;font-size:14px;color:#24292f;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.product-selector select:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.product-selector select:disabled{background-color:#f6f8fa;cursor:not-allowed;opacity:.6}.subscription-plan-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subscription-plan-card{border:2px solid #d0d7de;border-radius:8px;padding:16px;text-align:left;background:#fff;cursor:pointer;transition:all .2s;width:100%}.subscription-plan-card:hover:not(:disabled){border-color:#0969da;box-shadow:0 4px 12px #0969da1f;transform:translateY(-2px)}.subscription-plan-card.selected{border-color:#0969da;background:#f0f7ff;box-shadow:0 4px 12px #0969da29}.subscription-plan-card:disabled{opacity:.6;cursor:not-allowed}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-name{font-weight:600;color:#24292f;font-size:16px}.plan-price{font-weight:600;color:#24292f;font-size:14px}.plan-summary{color:#57606a;font-size:13px;margin-bottom:12px;line-height:1.5}.plan-metrics{display:flex;flex-wrap:wrap;gap:8px}.metric-pill{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:8px 12px;min-width:110px}.metric-label{display:block;font-size:11px;color:#57606a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.metric-value{font-weight:600;color:#24292f;font-size:14px}.create-subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.create-subscription-field{margin-bottom:0}.create-subscription-field label{display:block;font-size:14px;font-weight:600;color:#24292f;margin-bottom:8px}.create-subscription-field input,.create-subscription-section textarea{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;color:#24292f;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.create-subscription-section textarea{min-height:100px;resize:vertical}.create-subscription-field input:focus,.create-subscription-section textarea:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.create-subscription-field input:disabled,.create-subscription-section textarea:disabled{background-color:#f6f8fa;cursor:not-allowed;opacity:.6}.create-subscription-field input::placeholder,.create-subscription-section textarea::placeholder{color:#8b949e}.create-subscription-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.create-subscription-cancel-button{background-color:#656d76;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.create-subscription-cancel-button:hover:not(:disabled){background-color:#57606a}.create-subscription-cancel-button:disabled{opacity:.5;cursor:not-allowed}.create-subscription-submit-button{background-color:#2da44e;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.create-subscription-submit-button.button-loading{justify-content:space-between}.create-subscription-submit-button:hover:not(:disabled){background-color:#2c974b}.create-subscription-submit-button:active:not(:disabled){background-color:#298e46}.create-subscription-submit-button:disabled{background-color:#94d3a2;opacity:.8;cursor:not-allowed}.button-text{flex:1;text-align:center}.create-subscription-submit-button.button-loading .button-text{text-align:left;flex:0}.button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:button-spin .8s linear infinite;display:inline-block;flex-shrink:0}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app.subscriptions-page-new{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-subscriptions);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.subscriptions-view-container{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box;min-height:0}.subscriptions-page-new .main-content{flex:1;display:flex;flex-direction:column;padding:20px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.subscription-tab-content{width:100%;margin:0;padding:20px;box-sizing:border-box;overflow-y:auto;flex:1;min-height:0}.customer-details-panel{padding:24px}.customer-info-section{margin-bottom:32px}.customer-info-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.customer-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.customer-info-item{display:flex;flex-direction:column;gap:4px}.customer-info-item label{font-size:12px;font-weight:600;color:#868e96;text-transform:uppercase}.customer-info-item span{font-size:14px;color:#1a1a1a}.subscriptions-list-section{margin-top:24px}.subscriptions-list-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a1a}.subscription-item{padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.subscription-item.active{background:#e7f5ff;border:1px solid #1971c2}.subscription-item-info{display:flex;flex-direction:column;gap:2px}.subscription-item-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:#666}.subscription-item-status{font-size:11px;color:#868e96}@media(max-width:1024px){.subscription-grid-layout{grid-template-columns:1fr;gap:24px}.customer-info-grid{grid-template-columns:1fr}}.app.subscriptions-page{display:flex;min-height:100vh;background-color:var(--bg-subscriptions);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.subscriptions-view-container{padding:20px;flex:1;overflow-y:auto;width:100%;box-sizing:border-box}.subscriptions-content{width:100%;height:100%}.subscriptions-view-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.header-title-section h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.header-title-section p{color:#666;font-size:16px;margin:0}.header-actions-section{min-width:400px}.subscription-placeholder-v2{display:flex;align-items:center;justify-content:center;min-height:400px;background:#ffffff80;border-radius:16px;border:1px dashed rgba(0,0,0,.1);text-align:center;width:100%}.placeholder-illustration{color:#dee2e6;margin-bottom:24px}.placeholder-content h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.placeholder-content p{color:#6c757d;max-width:400px;margin:0 auto 24px;font-size:15px}.primary-action-button{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.primary-action-button:hover{background:#333;transform:translateY(-1px)}.subscription-main-column{display:flex;flex-direction:column;gap:32px}.content-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000008;overflow:hidden}.card-header{padding:24px;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;align-items:center}.card-title{display:flex;align-items:center;gap:12px}.card-title h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.card-body{padding:24px}.card-body.no-padding{padding:0}.badge-v2{background:#e7f5ff;color:#1971c2;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.count-badge{background:#f8f9fa;color:#495057;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;border:1px solid #dee2e6}.subscription-id-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;color:#adb5bd}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-item label{display:block;font-size:12px;font-weight:600;color:#adb5bd;text-transform:uppercase;margin-bottom:4px}.info-item span{font-size:15px;color:#1a1a1a}.projects-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card-v2{border:1px solid #f1f3f5;border-radius:10px;padding:16px;transition:all .2s}.project-card-v2:hover{border-color:#dee2e6;background:#f8f9fa}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-card-header h4{margin:0;font-size:14px;font-weight:600}.seat-summary{font-size:12px;color:#868e96}.project-users-minimal{display:flex;flex-wrap:wrap;gap:6px}.mini-user-tag{font-size:11px;background:#fff;border:1px solid #e9ecef;padding:2px 6px;border-radius:4px;color:#495057}.more-users{font-size:11px;color:#adb5bd;padding:2px 0}.modal-content-v2{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 40px #0000001a;animation:slideUp .3s ease-out}.modal-header-v2{padding:24px;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;font-size:24px;color:#adb5bd;cursor:pointer}.modal-body-v2{padding:24px}.input-group-v2{margin-bottom:20px}.input-group-v2 label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group-v2 input{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.modal-footer-v2{padding:16px 24px;background:#f8f9fa;border-top:1px solid #f1f3f5;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.text-button{background:none;border:none;font-weight:600;color:#495057;cursor:pointer}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.secondary-button{background:#fff;border:1px solid #dee2e6;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.mini-loading{color:#adb5bd;font-size:14px;text-align:center;padding:24px}.empty-projects{color:#adb5bd;font-size:14px;text-align:center}.user-management-card .card-body{background:#fff}.sidebar{border-right:1px solid #e9ecef}.main-content{background:transparent}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.subscriptions-view-container{padding:32px 40px;margin-top:20px}.subscription-tab-content{width:100%;margin:0;padding:0;box-sizing:border-box}.subscription-grid-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.subscription-main-column{width:100%;display:flex;flex-direction:column;gap:32px}.subscription-users-full,.subscription-contract-full{width:100%;margin:0;display:flex;flex-direction:column;gap:32px}.header-custom-subtitle{display:flex;align-items:center;width:100%}@media(max-width:1024px){.subscription-grid-layout{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.subscriptions-view-container{padding:10px}.subscriptions-view-header{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:24px}.header-actions-section{min-width:0;width:100%}.header-title-section h1{font-size:24px}.info-grid{grid-template-columns:1fr;gap:16px}.card-header,.card-body{padding:16px}.subscription-placeholder-v2{min-height:300px;padding:24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-authorised-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center;width:100%}.not-authorised-placeholder h2{font-size:24px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.not-authorised-placeholder p{color:#666;font-size:15px;margin:0}.investigation-modal{width:90%;max-width:1200px;height:80vh;max-height:900px;display:flex;flex-direction:column}.investigation-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.investigation-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.investigation-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.investigation-modal .close-button{background:none;border:none;font-size:32px;line-height:1;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.investigation-modal .close-button:hover{background:#f3f4f6;color:#000}.unauthorized-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.unauthorized-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:100%;text-align:center}.unauthorized-box h1{margin-bottom:30px}.unauthorized-content{margin-top:20px}.unauthorized-content h2{margin-bottom:20px}.unauthorized-content p{color:#666;margin-bottom:30px;line-height:1.6}.request-access-button{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5}.request-access-button:hover{background-color:#2c974b}.request-access-button:active{background-color:#298e46}:root{--bg-blueprint: #fcfcfc;--bg-private: #fff4e6;--bg-subscriptions: #f8f6ff;--bg-generic: #ffffff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{color:#24292f;font-size:24px;font-weight:600;line-height:1.25;margin:0}h2{color:#24292f;font-size:20px;font-weight:600;line-height:1.5;margin:0}h3{color:#24292f;font-size:18px;font-weight:600;line-height:1.5;margin:0}h4{color:#24292f;font-size:16px;font-weight:600;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button-primary{background-color:#2da44e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.button-primary:hover:not(:disabled){background-color:#2c974b}.button-primary:active:not(:disabled){background-color:#298e46}.button-primary:disabled{background-color:#94d3a2;cursor:not-allowed;opacity:.8}.button-danger{background-color:#cf222e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.button-danger:hover:not(:disabled){background-color:#a40e26}.button-danger:active:not(:disabled){background-color:#8c0821}.button-danger:disabled{background-color:#e4888f;cursor:not-allowed;opacity:.8}.button-secondary{background-color:#fff;color:#24292f;border:1px solid #d0d7de;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.button-secondary:hover:not(:disabled){background-color:#f6f8fa;border-color:#8c959f}.button-secondary:active:not(:disabled){background-color:#eaeef2;border-color:#6e7781}.button-secondary:disabled{background-color:#f6f8fa;color:#8b949e;cursor:not-allowed;opacity:.6}.button-loading .button-text{color:transparent}.button-loading{position:relative}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:button-spin .8s linear infinite;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.button-secondary .button-spinner{border:2px solid rgba(36,41,47,.3);border-top:2px solid #24292f}@keyframes button-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}