@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--background);bottom:0;left:0;position:fixed;top:0;width:var(--sidebar-width)}.sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{height:100%;padding:10px}.logo{margin-bottom:40px}.logo img{height:32px}.nav{display:flex;flex:1 1;flex-direction:column;gap:1rem}.nav a{border-radius:6px;color:var(--primaryColor50);font-family:var(--fontPrimary);font-size:13px;font-weight:500;padding:5px;text-decoration:none}.nav a.active,.nav a:hover{color:var(--primaryColor)}.nav a:hover{background-color:var(--primaryColor10)}.user-menu{border-top:1px solid var(--primaryColor10);margin-top:auto;padding-top:20px;position:relative}.user-dropdown-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--primaryColor);cursor:pointer;display:flex;font-family:var(--fontPrimary);font-size:13px;font-weight:500;gap:.5rem;padding:8px;width:100%}.user-dropdown-button:hover{background-color:var(--primaryColor10)}.dropdown-arrow{margin-left:auto;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;bottom:100%;box-shadow:0 2px 8px #0000001a;left:0;margin-bottom:.5rem;overflow:hidden;position:absolute;right:0}.dropdown-menu a,.dropdown-menu button{background:none;border:none;color:var(--primaryColor);cursor:pointer;display:block;font-family:var(--fontPrimary);font-size:15px;font-weight:500;padding:8px 16px;text-align:left;text-decoration:none;width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:var(--primaryColor10)}.dropdown-menu a:not(:last-child),.dropdown-menu button:not(:last-child){border-bottom:1px solid var(--primaryColor10)}.nav a{align-items:center;display:flex;gap:20px}.nav-icon{color:currentColor}.loading-container{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center;width:100%}.loading-spinner{border:4px solid var(--dotlinePurple);border-left:4px solid #0000;height:64px;margin-bottom:2rem;width:64px}.loading-text{color:var(--dotlinePurple);font-size:24px;font-weight:500;margin-bottom:1rem}.loading-subtext{color:#666;font-size:14px;max-width:400px}.create-contract{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.create-contract h1{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:36px;font-weight:600;margin-bottom:2rem}.form-section{background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;margin-bottom:2rem;padding:1.5rem;width:100%}.form-section label{color:var(--primaryColor);display:block;font-size:18px;font-weight:500;margin-bottom:.5rem;text-align:left}.contract-type-select{background-color:#fff;border:1px solid var(--primaryColor10);padding:.8rem;width:100%}.contract-type-select,.template-summary{border-radius:4px;font-size:15px;margin-bottom:1rem}.template-summary{background-color:var(--primaryColor05);color:var(--primaryColor80);line-height:1.5;padding:1rem}.contract-parties-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.contract-party-row{grid-gap:20px;align-items:center;background-color:var(--primaryColor05);border-radius:4px;display:grid;gap:20px;grid-template-columns:2fr 3fr;padding:1rem}.party-role{color:var(--primaryColor);display:flex;flex-direction:column;font-weight:500;gap:4px}.role-description{font-size:13px;font-weight:400}.contract-party-input{background-color:#fff;border:1px solid var(--primaryColor10);border-radius:4px;font-size:15px;padding:.8rem;width:100%}.contract-party-profile{background-color:var(--primaryColor10);color:var(--primaryColor);font-weight:500}.required-fields-container{display:flex;flex-direction:column;gap:1rem}.required-field-row{grid-gap:20px;align-items:start;background-color:var(--primaryColor05);border-radius:4px;display:grid;gap:20px;grid-template-columns:2fr 3fr;padding:1rem}.field-label{color:var(--primaryColor);display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:4px}.field-description{color:var(--primaryColor50);font-size:13px;font-weight:400}.field-input{background-color:#fff;padding:.8rem}.contract-input,.field-input{border:1px solid var(--primaryColor10);border-radius:4px;font-size:15px;width:100%}.contract-input{background:#fff;font-family:var(--fontPrimary);min-height:200px;padding:1rem;resize:vertical}.draft-button{background:var(--dotlinePurple);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:1rem;min-width:200px;padding:1rem 2rem;transition:all .2s ease;width:auto}.draft-button:hover{box-shadow:0 2px 4px #0000001a;opacity:.9;transform:translateY(-1px)}.draft-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.category-header{border-bottom:1px solid var(--primaryColor10);color:var(--primaryColor80);font-size:16px;margin-bottom:1rem;padding-bottom:.5rem}@media (max-width:768px){.create-contract{padding:1rem}.contract-party-row,.required-field-row{gap:10px;grid-template-columns:1fr}.form-section{padding:1rem}.draft-button{width:100%}}.contract-input:focus,.contract-party-input:focus,.contract-type-select:focus,.field-input:focus{border-color:var(--dotlinePurple);box-shadow:0 0 0 2px rgba(var(--dotlinePurpleRGB),.1);outline:none}.contract-card{background:var(--white);border:1px solid var(--primaryColor10);border-radius:8px;color:var(--primaryColor);font-family:var(--fontPrimary);min-height:200px;overflow:hidden;text-decoration:none}.contract-card:hover{transform:translateY(-2px)}.contract-card-content{padding:1.5rem}.contract-card h3{color:var(--primaryColor);font-family:var(--fontPrimary);font-size:18px;font-weight:500;margin:0 0 1rem}.contract-meta{align-items:center;color:var(--primaryColor50);display:flex;font-size:.9rem;justify-content:space-between}.contract-parties{margin:12px 0}.party-details{margin-bottom:8px}.party-details:last-child{margin-bottom:0}.party-name{font-size:12px}.party-role{font-size:.9rem;margin-top:2px}.contracts-view{font-family:var(--fontPrimary);margin:0 auto;max-width:1200px;padding:100px 2rem}.contracts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.contracts-header h1{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:20px;font-weight:500;margin:0}.new-contract-button{background:var(--dotlinePurple);border-radius:4px;color:var(--white);font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:opacity .2s}.new-contract-button:hover{opacity:.9}.contracts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-contracts{background:var(--white);border:1px solid var(--primaryColor10);border-radius:8px;padding:4rem 2rem;text-align:center}.no-contracts p{color:var(--primaryColor50);margin-bottom:1.5rem}.start-button{border-radius:4px;padding:.75rem 1.5rem}.contracts-error,.contracts-loading{color:var(--primaryColor);font-family:var(--fontPrimary);padding:2rem;text-align:center}.contracts-error{color:#dc3545}@media (max-width:768px){.contracts-view{padding:1rem}.contracts-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.contracts-grid{grid-template-columns:1fr}}.templates-view{font-family:var(--fontPrimary);margin:0 auto;max-width:1200px;padding:100px 2rem}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.templates-header h1{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:20px;font-weight:500;margin:0}.new-template-button{background:var(--dotlinePurple);border-radius:4px;color:var(--white);font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:opacity .2s}.new-template-button:hover{opacity:.9}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:var(--white);border:1px solid var(--primaryColor10);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.template-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.template-card-header h2{color:var(--primaryColor);font-size:16px;font-weight:500;margin:0}.template-card-type{color:var(--primaryColor50);font-size:14px;margin-top:.5rem}.template-card-link{color:var(--dotlinePurple);display:inline-block;font-size:14px;font-weight:500;margin-top:1rem;text-decoration:none}.template-card-link:hover{text-decoration:underline}.no-templates{background:var(--white);border:1px solid var(--primaryColor10);border-radius:8px;padding:4rem 2rem;text-align:center}.no-templates p{color:var(--primaryColor50);margin-bottom:1.5rem}.start-button{background:var(--dotlinePurple);border-radius:8px;color:var(--white);display:inline-block;font-size:15px;font-weight:500;padding:6px 12px;text-decoration:none;transition:opacity .2s}.start-button:hover{opacity:.9}.templates-error,.templates-loading{color:var(--primaryColor);font-family:var(--fontPrimary);padding:2rem;text-align:center}.templates-error{color:#dc3545}@media (max-width:768px){.templates-view{padding:1rem}.templates-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.templates-grid{grid-template-columns:1fr}}.single-contract{background:var(--background);color:var(--primaryColor);font-family:var(--fontPrimary);margin:auto;max-width:900px}.contract-header{align-items:left;display:flex;justify-content:space-between;margin-bottom:2rem}.contract-header h1{color:var(--primaryColor);font-family:var(--fontPrimary);margin:0}.contract-content{background:var(--white);border:1px solid var(--primaryColor10);border-radius:12px;padding:60px}.contract-meta{grid-gap:1rem;border-bottom:1px solid var(--primaryColor10);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem;padding-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--primaryColor50);font-size:.9rem;font-weight:600}.meta-value{color:var(--primaryColor)}.contract-article{border:1px solid var(--primaryColor10);border-radius:4px;margin-bottom:2rem;padding:1rem}.contract-article h2{color:var(--primaryColor);font-family:var(--fontPrimary);margin-bottom:1rem;padding-bottom:.5rem}.contract-clause,.party-content{border-radius:4px;line-height:1.6;padding:10px 10px 10px 0}.contract-clause ol,.contract-clause ul{margin:1rem 0;padding-left:2rem}.contract-clause li{margin-bottom:.5rem}.contract-clause p{margin:0}.contract-clause strong{font-weight:600}.contract-clause em{font-style:italic}.contract-clause h1,.contract-clause h2,.contract-clause h3,.contract-clause h4{color:var(--primaryColor);font-family:var(--fontSecondary);margin:1.5rem 0 1rem}.contract-clause ul{list-style-type:disc}.contract-clause ul ul{list-style-type:circle}.contract-clause ul ul ul{list-style-type:square}.contract-actions{display:flex;gap:1rem}.action-button{background:var(--dotlinePurple);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-family:var(--fontPrimary);font-size:.9rem;padding:.5rem 1rem;transition:opacity .2s}.action-button:hover{opacity:.9}.action-button.debug{background:var(--primaryColor50)}.action-button.debug:hover{opacity:.8}.error,.loading,.not-found{font-family:var(--fontPrimary);font-size:1.2rem;padding:2rem;text-align:center}.parsing-error{background:#dc35451a;color:#dc3545;margin-top:1rem}.contract-text,.parsing-error{border-radius:4px;padding:1rem}.contract-text{background:var(--background);font-family:var(--fontPrimary);line-height:1.5;overflow-x:auto;white-space:pre-wrap}@media (max-width:768px){.contract-header{align-items:flex-start;flex-direction:column;gap:1rem}.contract-meta{grid-template-columns:1fr}.contract-content{padding:1rem}}.contract-title{margin-bottom:2rem;padding-bottom:1rem;text-align:left}.contract-title h2{color:var(--primaryColor);font-family:var(--fontPrimary);margin:0}.contract-parties{margin-bottom:2rem}.party{border-radius:4px;font-family:var(--fontPrimary);line-height:1.6;margin-bottom:1rem;padding:1rem}.article-number{font-weight:600}.article-number,.clause-number{color:var(--primaryColor);margin-right:.5rem}.clause-number{display:inline-block;font-weight:500;min-width:2.5rem}.contract-clause{border-radius:4px;display:flex;line-height:1.6;padding:10px 10px 10px 0}.contract-clause>span:last-child{flex:1 1}.contract-signatures{border-top:1px solid var(--primaryColor10);margin-top:4rem;padding-top:2rem}.witness-statement{line-height:1.6;margin:2rem 0}.signature-block{margin:3rem 0}.party-header{font-weight:600;margin-bottom:2rem}.signature-line{font-family:monospace;margin:2rem 0 .5rem}.signatory-details{margin:.5rem 0}.signature-metadata{line-height:1.8;margin-top:1rem}.article-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.edit-button{color:var(--primaryColor50);transition:color .2s}.edit-button:hover{color:var(--primaryColor)}.edit-container{border:1px solid var(--primaryColor10);border-radius:12px;margin:1rem 0;padding:1rem}.edit-container,.edit-input{background:var(--primaryColor);color:#fff}.edit-input{border:1px solid var(--primaryColor20);border-radius:4px;font-family:var(--fontPrimary);font-size:15px;margin-bottom:1rem;min-height:100px;outline:none;padding:.75rem;resize:vertical;width:100%}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-button.secondary{background:var(--background);border:1px solid var(--primaryColor20);color:var(--primaryColor)}.action-button.secondary:hover{background:var(--primaryColor10)}.kvk-lookup-container{position:relative}.party-selection-area{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;position:relative}.analyze-button{background:none;border:none;border-radius:6px;color:var(--primaryColor50);cursor:pointer;font-size:13px;padding:8px 0;text-align:left;transition:all .2s}.analyze-button:hover{border-color:var(--primaryColor);color:var(--primaryColor)}.analyze-button:disabled{cursor:not-allowed;opacity:.5}.kvk-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.kvk-title{color:#111;font-size:16px;font-weight:600;margin-bottom:1rem}.kvk-search-form{display:flex;gap:8px}.search-icon{z-index:2}.kvk-search-input{background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;color:var(--primaryColor);font-size:14px;padding:10px 10px 10px 40px;position:relative;width:100%}.kvk-search-input:focus{border-color:var(--primaryColor);outline:none}.parties-dropdown{background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-input-container{flex:1 1;position:relative}.party-dropdown-item{border-bottom:1px solid var(--primaryColor10);cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.party-dropdown-item:last-child{border-bottom:none}.party-dropdown-item:hover{background-color:var(--primaryColor05)}.party-dropdown-item .party-name{color:var(--primaryColor);font-weight:500;margin-bottom:.25rem}.no-results,.parties-loading{color:var(--primaryColor50);padding:1rem;text-align:center}.no-results{font-style:italic}.kvk-error{color:#ef4444;font-size:14px;margin-top:.5rem;padding:.5rem;text-align:center}.role-tabs{border-bottom:1px solid var(--primaryColor10);display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.role-tab{background:none;border:none;color:var(--primaryColor50);cursor:pointer;font-weight:500;padding:8px 16px;position:relative;white-space:nowrap}.role-tab.active{border-bottom:2px solid var(--primaryColor);color:var(--primaryColor)}.filled-indicator{font-size:12px;margin-left:4px}.selected-role-info{background:var(--primaryColor10);border-radius:4px;margin-bottom:16px;padding:8px}.role-description{color:var(--primaryColor50);font-size:14px;margin:0}@media (max-width:480px){.kvk-search-form{flex-direction:column}.party-selection-area{gap:8px}.role-tabs{gap:4px}.role-tab{font-size:13px;padding:6px 12px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:18px;font-weight:500;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--primaryColor);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.modal-close:hover{background:var(--primaryColor10)}.party-kvk-search-input{background:#fff;color:var(--primaryColor);font-size:15px;padding:10px 10px 10px 40px}.parties-table,.party-kvk-search-input{border:0 solid var(--primaryColor10);border-radius:8px;width:100%}.table-header{color:var(--primaryColor50);font-size:12px;font-weight:500}.table-header,.table-row{border-bottom:0 solid var(--primaryColor10);display:grid;grid-template-columns:2fr 1fr 1fr 48px;padding:8px 4px}.table-row{align-items:center;border-radius:5px;box-sizing:border-box;font-size:15px}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#fff;border:0 solid var(--primaryColor10);box-sizing:border-box;font-weight:500}.party-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(12,1fr);margin-bottom:1rem}.party-input-name{grid-column:span 8}.party-input-entity-type{grid-column:span 4}.party-input-registration{grid-column:span 12}.party-input-city,.party-input-jurisdiction{grid-column:span 6}.party-input-address{grid-column:span 12}.party-input-representative,.party-input-role{grid-column:span 6}.party-input-email{grid-column:span 12}.party-input{background-color:#fff;border:1px solid var(--primaryColor10);border-radius:4px;font-size:15px;padding:10px;width:100%}textarea.party-input{font-family:var(--fontPrimary);height:auto;min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.submit-button{background:var(--dotlinePurple);border-radius:8px;font-size:15px;padding:6px 12px}.submit-button:hover{opacity:.9}.submit-button:disabled{background:#ccc}.more-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--primaryColor);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.more-button:hover{background:var(--primaryColor10)}@media (max-width:768px){.parties-view{padding:1rem}.view-header{align-items:flex-start;flex-direction:column;gap:1rem}.modal-content{padding:1rem;width:95%}.party-inputs{grid-template-columns:1fr}.party-input-city,.party-input-email,.party-input-entity-type,.party-input-jurisdiction,.party-input-name,.party-input-registration,.party-input-representative,.party-input-role{grid-column:1/-1}.table-header,.table-row{font-size:14px;gap:.5rem;grid-template-columns:1fr 1fr auto auto}}.kvk-search-container{margin-bottom:1.5rem;position:relative;width:100%}.kvk-search-input-wrapper{align-items:center;background-color:#fff;border:1px solid var(--primaryColor10);border-radius:4px;display:flex}.loader-icon,.search-icon{color:var(--primaryColor);height:20px;width:20px}.spinning{animation:spin 1s linear infinite}.kvk-search-results{background:#fff;border:1px solid var(--primaryColor10);border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.kvk-search-result-item{background:none;border:none;border-bottom:1px solid var(--primaryColor10);cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;width:100%}.kvk-search-result-item:last-child{border-bottom:none}.kvk-search-result-item:hover{background-color:var(--primaryColor10)}.party-view{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;position:relative}.party-view-title{font-size:20px;font-weight:600}.add-party-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--primaryColor);cursor:pointer;display:flex;gap:8px;justify-content:left;padding:6px 0;transition:all .2s}.search-container{position:relative}.search-icon{color:var(--primaryColor50);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;color:var(--primaryColor);font-size:14px;padding:10px 10px 10px 40px;width:100%}.search-input:focus{border-color:var(--primaryColor);outline:none}.parties-sidebar-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.party-item{align-items:flex-start;background:#fff;border:1px solid var(--primaryColor10);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;text-align:left;transition:all .2s;width:100%}.party-item:hover{background:var(--primaryColor05);border-color:var(--primaryColor)}.party-name{color:var(--primaryColor);font-weight:500}.party-type{color:var(--primaryColor50);font-size:.875rem}.bottom-sheet{background:#fff;border-top:1px solid var(--primaryColor10);border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;box-shadow:0 -4px 12px #0000001a;left:0;padding:1rem;position:absolute;right:0}.role-input{border:1px solid var(--primaryColor10);border-radius:8px;font-size:14px;margin:12px 0;padding:10px;width:100%}.bottom-sheet-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem}.cancel-button,.submit-button{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button{background:none;border:1px solid var(--primaryColor10);color:var(--primaryColor50)}.submit-button{background:var(--primaryColor)}.submit-button:disabled{opacity:.5}.error-message{color:#ef4444;font-size:14px;padding:.5rem;text-align:center}.no-results,.parties-loading{color:var(--primaryColor50);padding:1rem;text-align:center}.chat-container{border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.message{animation:fadeIn .3s ease-in;display:flex;margin-bottom:8px;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.assistant-message{align-self:flex-start}.message-bubble{border-radius:1rem;line-height:1.4;padding:.75rem;white-space:pre-wrap}.user-message .message-bubble{background-color:#2563eb;border-bottom-right-radius:.25rem;color:#fff}.assistant-message .message-bubble{background-color:#f3f4f6;border-bottom-left-radius:.25rem;color:#111}.error-message .message-bubble{background-color:#fecaca;color:#991b1b}.message-bubble.loading{padding:.5rem 1rem}.chat-input-container{background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.chat-input{border:1px solid #d0d0d0;border-radius:4px;flex:1 1;font-size:.95rem;outline:none;padding:.75rem;transition:all .2s ease}.chat-input:focus{border-color:#2563eb;outline:none}.chat-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.chat-send-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:background-color .2s}.chat-send-button:hover{background-color:#1d4ed8}.chat-send-button:active:not(:disabled){background-color:#004085}.chat-send-button.disabled{background-color:#93c5fd;cursor:not-allowed}.input-row{display:flex;gap:.5rem;width:100%}.typing-indicator{align-items:center;display:flex;gap:.25rem}.typing-indicator span{animation:bounce 1.5s ease-in-out infinite;background-color:#9ca3af;border-radius:50%;height:.6rem;width:.6rem}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.add-highlighted-text-button{align-items:center;align-self:flex-start;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#6e6e6e;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;margin-bottom:10px;max-width:200px;padding:6px 12px;transition:all .2s ease}.add-highlighted-text-button:hover{background-color:#e0e0e0;border-color:#aaa}.add-highlighted-text-button:active{background-color:#d0d0d0;transform:translateY(1px)}.magic-kit-sidebar{background-color:#f2f2f2;border:1px solid var(--primaryColor10);border-radius:12px;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;top:60px;width:375px;z-index:2}.magic-content{flex:1 1;overflow-y:auto;padding-bottom:60px}.magic-nav{border-radius:0 0 12px 12px;border-top:1px solid var(--primaryColor10);bottom:0;display:flex;height:60px;left:0;position:absolute;right:0}.magic-nav-button{background:none;background-color:#f2f2f2;border:none;color:var(--primaryColor50);cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .2s}.magic-nav-button.active{border-top:3px solid var(--primaryColor);color:var(--primaryColor)}.magic-actions{flex-direction:column;padding:1rem}.magic-kit-sidebar textarea.magic-button{background:#fff;color:var(--primaryColor);font-family:var(--fontPrimary);font-size:14px;min-height:200px;padding:10px;resize:vertical;width:100%}.magic-update-button{background:var(--primaryColor);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 3px}.magic-update-button.disabled{cursor:not-allowed;opacity:.5}.magic-analyze-button{background:var(--primaryColor50);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 3px;width:120px}.magic-analyze-button.disabled{cursor:not-allowed;opacity:.5}.refresh-analysis-button{align-items:center;background-color:#ffffff1a;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:11px;gap:4px;margin-bottom:16px;padding:4px 8px;transition:all .2s}.refresh-analysis-button:hover{background-color:#fff3}.refresh-analysis-button.disabled{cursor:not-allowed;opacity:.5}.magic-divider{background:var(--primaryColor10);height:1px;margin:1rem 0}.analysis-header{margin-bottom:24px}.analysis-header h2,.magic-kit-title{color:#111;font-size:20px;font-weight:600}.analysis-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.metric-card{padding:10px}.enforce-icon{color:#5198ff;margin-bottom:12px}.consistent-icon{color:#ea9159;margin-bottom:12px}.metric-label{font-size:14px;font-weight:500;margin-top:40px}.metric-value{font-size:24px;font-weight:600}.balance-card{padding:10px}.balance-icon{color:#52ba5a;margin-bottom:12px}.balance-header{font-size:18px;font-weight:500;margin-bottom:20px;margin-top:10px}.balance-parties{display:flex;justify-content:space-between;margin-bottom:12px}.party-name{font-size:14px;font-weight:400}.party-percentage{font-size:24px;font-weight:500}.balance-slider{background:#ffffff1a;border-radius:2px;height:4px;margin:8px 0;position:relative;width:100%}.balance-slider-thumb{background:#fff;border-radius:50%;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.metric-card{background-color:#1c1c1e;border-radius:10px;color:#fff;margin-bottom:16px;padding:16px}.metric-description{color:#9ea3ae;font-size:14px;line-height:1.4;margin-top:8px}.jurisdiction-card{align-items:center;background-color:#1c1c1e;border-radius:10px;color:#fff;display:flex;gap:12px;padding:16px}.jurisdiction-icon{color:#5198ff}.jurisdiction-content{flex:1 1}.jurisdiction-label{color:#9ea3ae;font-size:14px;margin-bottom:4px}.jurisdiction-value{font-size:16px;font-weight:500}.warnings-section{margin-top:24px}.warnings-section h3{align-items:center;color:#111;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.warning-icon{color:#ea9159}.warning-card{background-color:#fff;border:1px solid #ffe2d3;border-radius:12px;margin-bottom:8px;padding:16px}.warning-title{color:var(--primaryColor);font-size:14px;font-weight:500;margin-bottom:8px}.warning-description{margin-bottom:8px}.warning-description,.warning-recommendation{color:var(--primaryColor50);font-size:14px;line-height:1.4}.balance-card{background-color:#1c1c1e;border-radius:10px;color:#fff;margin-bottom:24px;padding:16px}.balance-explanation{color:#9ea3ae;font-size:14px;line-height:1.4;margin-top:16px}.fix-button{align-items:center;background-color:#fff;border:1px solid var(--primaryColor10);border-radius:6px;color:var(--primaryColor);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px;transition:background-color .2s}.fix-button:hover{background-color:var(--primaryColor10)}.fix-button:active{transform:translateY(1px)}.balance-party-name{font-size:12px;margin:4px 0}.balance-party-role{color:#fff3;font-size:12px;margin-top:0}.magic-kit-subtitle{margin:0}.legal-sources-section{margin-top:24px}.legal-sources-section h3{align-items:center;color:#111;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.legal-sources-icon{color:#5198ff}.legal-source-card{background-color:#fff;border:1px solid #d1e0ff;border-radius:12px;cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s}.legal-source-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.legal-source-title{color:var(--primaryColor);font-size:14px;font-weight:500;margin-bottom:8px}.legal-source-type{color:var(--primaryColor50);font-size:12px;font-style:italic;margin-bottom:8px}.legal-source-provisions{margin-bottom:8px}.provisions-label{color:var(--primaryColor50);font-size:13px;font-weight:500;margin-bottom:4px}.provisions-list{margin:0;padding-left:20px}.provisions-list li{color:var(--primaryColor50);font-size:12px;margin-bottom:2px}.legal-source-relevance{border-top:1px solid #eef3ff;color:var(--primaryColor50);font-size:13px;line-height:1.4;margin-top:8px;padding-top:8px}.view-details-hint{color:var(--primaryColor);font-size:12px;font-weight:500;margin-top:8px;text-align:right}.more-provisions{color:var(--primaryColor);font-style:italic}.single-source-header{flex-direction:column}.back-button{align-self:flex-start;color:var(--primaryColor);font-weight:500;margin-bottom:12px}.back-button:hover{color:var(--primaryColor70)}.single-source-title{color:#111;margin:0}.single-source-view{background-color:#fff;border:1px solid #d1e0ff;border-radius:12px;padding:20px}.single-source-name{border-bottom:1px solid #eef3ff;color:var(--primaryColor);font-size:18px;margin-top:0;padding-bottom:12px}.single-source-type-container{display:flex;margin-bottom:20px}.single-source-label{color:#666;font-size:14px;width:60px}.single-source-value{color:var(--primaryColor);flex:1 1;font-size:14px;font-style:italic}.single-source-provisions-container,.single-source-relevance-container{margin-bottom:20px}.single-source-provisions-title,.single-source-relevance-title{color:#333;font-size:15px;font-weight:600;margin-bottom:12px}.single-source-provisions-list{margin:0}.single-source-provision-item{color:var(--primaryColor50);line-height:1.4;margin-bottom:8px}.single-source-relevance-text{background-color:#f8faff;border-radius:8px;color:var(--primaryColor50);line-height:1.6;margin:0;padding:12px}.single-source-header{align-items:center;display:flex;margin-bottom:20px}.back-button{color:#4a90e2;font-size:14px;gap:8px;padding:0}.single-source-title{font-size:18px;font-weight:600;margin-left:16px}.single-source-view{padding:0 4px}.single-source-name{font-size:20px;font-weight:600;margin-bottom:16px}.single-source-type-container{margin-bottom:16px}.single-source-label{color:#555;font-weight:500;margin-right:8px}.single-source-value{font-weight:400}.single-source-provisions-container{margin-bottom:16px}.single-source-provisions-title{font-size:16px;font-weight:500;margin-bottom:8px}.single-source-provisions-list{list-style-type:disc;padding-left:20px}.single-source-provision-item{font-size:14px;margin-bottom:4px}.single-source-relevance-container{margin-bottom:16px}.single-source-relevance-title{font-size:16px;font-weight:500;margin-bottom:8px}.single-source-relevance-text{font-size:14px;line-height:1.5}.analyze-legal-source-button{align-items:center;background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:10px 16px}.analyze-legal-source-button.disabled{cursor:not-allowed;opacity:.7}.legal-source-analysis-results{margin-top:24px}.legal-source-divider{background-color:#e0e0e0;height:1px;margin:16px 0}.legal-source-analysis-heading{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.relevance-score-container{align-items:center;background-color:#f5f8ff;border-radius:8px;display:flex;margin-bottom:16px;padding:12px}.relevance-score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;margin-right:16px;width:48px}.score-high{background-color:#4caf50}.score-medium{background-color:#ff9800}.score-low{background-color:#f44336}.relevance-score-details h4{font-size:14px;font-weight:600;margin-bottom:4px}.relevance-score-details p{color:#666;font-size:12px}.relevance-description-container{margin-bottom:20px}.relevance-description-heading{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.relevance-description-text{background-color:#fafafa;border:1px solid #eee;border-radius:6px;font-size:13px;line-height:1.5;padding:12px}.key-points-container{margin-bottom:20px}.key-points-heading{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.key-point-item{background-color:#f8f8f8;border:1px solid #eee;border-radius:6px;margin-bottom:12px;padding:12px}.key-point-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.key-point-name{font-size:13px;font-weight:600}.key-point-score{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.score-tag-high{background-color:#e8f5e9;color:#2e7d32}.score-tag-medium{background-color:#fff3e0;color:#ef6c00}.score-tag-low{background-color:#ffebee;color:#c62828}.key-point-description{font-size:12px;line-height:1.5}.learn-more-container{margin-bottom:16px}.learn-more-heading{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.learn-more-content{align-items:center;background-color:#e3f2fd;border-radius:6px;display:flex;padding:10px 12px}.learn-more-text{color:#1565c0;font-size:13px;margin:0;word-break:break-all}.learn-more-link{background-color:#bbdefb;border-radius:4px;color:#1565c0;font-size:12px;margin-left:auto;padding:4px 8px;text-decoration:none}.loading-analysis{color:#666;display:flex;justify-content:center;padding:20px}.template-select-container{position:relative;width:100%}.template-select-trigger{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 12px 12px 44px;width:100%}.template-select-trigger:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.search-icon{color:#6b7280;height:16px;width:16px}.template-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;display:none;height:300px;left:0;position:absolute;top:0;width:100%;z-index:1000}.template-dropdown.open{animation:slideDown .2s ease-out;display:flex;flex-direction:column}.template-search{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px}.template-options-container{flex-grow:1;overflow-y:auto}.template-search-wrapper{align-items:center;display:flex;position:relative}.template-search-icon{color:#6b7280;left:8px;position:absolute}.template-search input{border:1px solid #e5e7eb;border-radius:4px;font-size:15px;padding:8px 8px 8px 32px;width:100%}.template-search input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.template-group-label{background-color:#f9fafb;color:#6b7280;font-size:.9rem;font-weight:500;padding:8px 12px}.template-option{color:var(--primaryColor);cursor:pointer;font-size:15px;padding:14px 12px}.template-option:hover{background-color:#f9fafb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.processing-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.processing-content{background:#fff;border:1px solid var(--primaryColor10);border-radius:12px;max-width:600px;padding:40px;width:90%}.processing-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:40px;text-align:center}.steps-container{display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:16px;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step.completed{opacity:.8}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#4b5563;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.step.active .step-number{background:#2563eb;color:#fff}.step.completed .step-number{background:#059669;color:#fff}.step-content{flex:1 1}.step-content h3{color:#1a1a1a;font-size:1.1rem;font-weight:500;margin:0 0 4px}.step-content p{color:#6b7280;font-size:.9rem;margin:0}.loading-indicator{margin-top:12px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:24px;width:24px}.check-mark{color:#059669;font-size:1.2rem;margin-top:8px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{text-align:center}.error-state h2{color:#dc2626;margin-bottom:16px}.error-state p{color:#6b7280;margin-bottom:24px}.retry-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:#1d4ed8}.empty-state-container{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-top:60px;width:100%}.empty-state-content{max-width:400px;padding:20px;width:100%}.section-title{color:#1a1a1a;font-size:1.25rem;font-weight:500;margin-bottom:20px;text-align:center}.template-section{margin-bottom:40px}.template-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;padding:12px;width:100%}.template-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.divider{margin:40px 0;position:relative;text-align:center}.divider:after,.divider:before{background-color:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 30px)}.divider:before{left:0}.divider:after{right:0}.divider span{background-color:#fff;color:#6b7280;font-size:.9rem;padding:0 20px}.create-section{padding-top:10px}.create-options{display:flex;gap:24px;margin-top:20px}.create-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:24px;transition:border-color .2s,box-shadow .2s}.create-box:hover{border-color:#2563eb;box-shadow:0 2px 4px #2563eb1a}.box-title{color:#1a1a1a;font-size:1.1rem;font-weight:500;margin-bottom:20px;text-align:center}.ai-form,.upload-form{display:flex;flex-direction:column;gap:16px}.file-input{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;padding:10px;transition:border-color .2s;width:100%}.file-input:hover{border-color:#2563eb}.ai-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1a1a1a;font-size:.9rem;min-height:100px;padding:12px;resize:vertical;width:100%}.ai-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.submit-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.contract-actions-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid var(--primaryColor10);border-radius:0;border-right:1px solid var(--primaryColor10);box-sizing:border-box;display:flex;justify-content:space-between;left:0;margin:0;padding:10px;position:sticky;right:0;top:0;width:100%;z-index:3}.contract-actions-toolbar .toolbar-title{flex:1 1}.contract-actions-toolbar .toolbar-actions{align-items:center;display:flex;gap:.75rem}.contract-actions-toolbar .actions-group{align-items:center;display:flex;gap:.5rem}.template-modal-content{display:flex;flex-direction:column;gap:1.5rem}.template-name-input{border:1px solid #e2e8f0;border-radius:.375rem;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s;width:100%}.template-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.template-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.template-modal-actions button{border-radius:.375rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.template-modal-actions .cancel-button{background-color:#f3f4f6;color:#374151}.template-modal-actions .cancel-button:hover{background-color:#e5e7eb}.template-modal-actions .save-button{background-color:#3b82f6;color:#fff}.template-modal-actions .save-button:hover{background-color:#2563eb}.template-modal-actions button:disabled{cursor:not-allowed;opacity:.5}.contract-title-input{width:400px}.toolbar-action-dropdown-container{position:relative}.toolbar-action-more-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.toolbar-action-more-button:hover{background-color:#f3f4f6}.toolbar-action-dropdown-menu{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:.25rem;min-width:160px;position:absolute;right:0;top:100%;z-index:50}.toolbar-action-dropdown-item{background:none;border:none;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-align:left;transition:all .2s;width:100%}.toolbar-action-dropdown-item:hover{background-color:#f3f4f6}.magic-contract{background:var(--background);color:var(--primaryColor);font-family:var(--fontPrimary);margin-right:415px;position:relative}.magic-header{align-items:center;background-color:#fff;border-bottom:1px solid var(--primaryColor10);border-radius:0;border-right:1px solid var(--primaryColor10);box-sizing:border-box;display:flex;justify-content:space-between;left:0;margin:0;padding:10px;position:sticky;right:0;top:0;width:100%;z-index:9}.contract-title-input{border:0 solid var(--primaryColor10);padding:10px}.magic-header h1{color:var(--primaryColor);font-size:1.8rem;margin:0}.magic-actions{display:flex;gap:1rem}.magic-button,.magic-save-button,.save-contract-button{border-radius:8px;cursor:pointer;font-size:14px;padding:6px;transition:all .2s}.save-contract-button{background-color:#232323;border:none;font-weight:700;z-index:9}.magic-button{background:var(--background);border:1px solid var(--primaryColor10);color:var(--primaryColor)}.magic-button:hover{background:var(--primaryColor10)}.magic-save-button{background:#6366f1;background:var(--dotlinePurple,#6366f1);border:none;color:#fff}.magic-save-button:hover{opacity:.9}.magic-contract-container{background:var(--white);border-radius:0 0 12px 12px;border-right:1px solid var(--primaryColor10);border-top:0;min-height:600px;padding:60px}.ProseMirror{min-height:600px;outline:none}.tagged-content{background:#fafafa!important;border:2px solid #6366f1!important;border-radius:8px!important;margin:1.5rem 0!important;padding:2rem 1.5rem 1.5rem!important;position:relative!important}.tagged-content:before{background:#6366f1!important;border-radius:4px!important;color:#fff!important;content:attr(data-tag-title);font-size:.875rem!important;font-weight:500!important;left:1rem!important;padding:.2rem .8rem!important;position:absolute!important;top:-.8rem!important;z-index:10!important}.tagged-content p{margin:.5rem 0!important}.tagged-content:hover{background:#f5f5f5!important;border-color:#4f46e5!important}div.tiptap p{font-size:15px;line-height:25px}div.tiptap h2{line-height:25px;margin-top:60px}div.tiptap h1{margin:60px 0}.tiptap ol{counter-reset:section;font-size:15px;line-height:25px;list-style:none;padding-left:0}.tiptap ol>li{counter-increment:section;padding-left:3em;position:relative}.tiptap ol>li:before{color:var(--primaryColor50);content:counter(section) "";left:0;margin-right:.5em;position:absolute}.tiptap ol ol{counter-reset:subsection;padding-left:2em}.tiptap ol ol>li{counter-increment:subsection;padding-left:3em;position:relative}.tiptap ol ol>li:before{color:var(--primaryColor50);content:counter(section) "." counter(subsection);left:0;margin-right:.5em;position:absolute}.tiptap ol ol ol{counter-reset:subsubsection;padding-left:2em}.tiptap ol ol ol>li{counter-increment:subsubsection;padding-left:2.5em;position:relative}.tiptap ol ol ol>li:before{content:counter(section) "." counter(subsection) "." counter(subsubsection);left:0;margin-right:.5em;position:absolute}@media (max-width:768px){.magic-contract,.magic-contract-container{padding:1rem}.magic-header{flex-direction:column;gap:1rem}.magic-actions{width:100%}.magic-button,.magic-save-button{flex:1 1}}.ProseMirror mark{background-color:#ffeb3b!important;color:#000;transition:background-color .3s ease}.parties-view{display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:100px 2rem}.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.parties-view h1{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:20px;font-weight:500;margin:0}.add-button{align-items:center;background:var(--primaryColor);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:.5rem;padding:6px 12px;text-decoration:none;transition:opacity .2s ease}.add-button:hover{opacity:.9}.company-name{color:var(--primaryColor);font-weight:500;margin-bottom:.25rem}.company-kvk{color:var(--primaryColor);font-size:14px;opacity:.7}.parties-dropdown-container{position:relative}.parties-dropdown-menu{background:#fff;border:1px solid var(--primaryColor10);border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:120px;position:absolute;right:0;top:100%;z-index:10}.parties-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.parties-dropdown-item:hover{background-color:var(--primaryColor05)}.table-row{position:relative}.party-input-checkbox{align-items:center;display:flex;grid-column:span 12;margin-top:.5rem}.party-input-checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.party-input-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.parties-dropdown-item.edit{color:var(--primaryColor)}.parties-dropdown-item.delete{color:#dc2626}.parties-dropdown-menu{min-width:140px}.table-row{cursor:pointer}.parties-dropdown-container{cursor:default}.user-badge{background-color:var(--primaryColor);border-radius:6px;color:#fff;font-size:12px;font-weight:500;margin:0 8px 0 0;padding:4px}.kvk-company-details{color:var(--primaryColor50)}.single-party-view{margin:0 auto;max-width:1200px;padding:2rem}.back-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--primaryColor50);cursor:pointer;display:flex;gap:.5rem;padding:.5rem}.back-button:hover{background:var(--primaryColor50)}.party-details{margin-top:2rem}.party-details h1{align-items:center;color:var(--primaryColor);display:flex;font-family:var(--fontSecondary);font-size:20px;font-weight:500;gap:1rem;margin:0}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.detail-group{display:flex;flex-direction:column;gap:.5rem}.detail-group.full-width{grid-column:1/-1}.detail-group label{color:var(--primaryColor50);font-size:12px;font-weight:500}.detail-group div{font-size:15px;line-height:24px}@media (max-width:768px){.single-party-view{padding:1rem}.details-grid{gap:1rem;grid-template-columns:1fr}}.profile-view{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.profile-view h1{color:var(--primaryColor);font-family:var(--fontSecondary);font-size:36px;font-weight:500;margin-bottom:2rem}.profile-section{background:#fff;border:1px solid var(--primaryColor10);border-radius:4px;padding:2rem;width:100%}.profile-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-input{background-color:#fff;border:1px solid var(--primaryColor10);border-radius:4px;font-size:15px;padding:.8rem;width:100%}textarea.profile-input{font-family:var(--fontPrimary);min-height:100px;resize:vertical}.profile-buttons{display:flex;gap:1rem;justify-content:flex-start}.cancel-button,.save-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;gap:.5rem;padding:.75rem 1.5rem}.save-button{background:var(--dotlinePurple);color:#fff}.save-button:disabled{background:#ccc;cursor:not-allowed}.cancel-button{background:#f0f0f0;color:var(--primaryColor)}.cancel-button:hover,.save-button:hover:not(:disabled){opacity:.9}.profile-display{position:relative}.edit-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--primaryColor);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:0;top:0}.edit-button:hover{background:var(--primaryColor10)}.profile-content h2{color:var(--primaryColor);font-family:var(--fontPrimiary);font-size:24px;margin-bottom:1.5rem}.profile-details{gap:1rem}.profile-details,.profile-field{display:flex;flex-direction:column}.profile-field{gap:.25rem}.profile-field strong{color:var(--primaryColor);font-size:14px}.profile-field p{color:var(--primaryColor);font-size:16px;margin:0;white-space:pre-wrap}.auth{display:flex;min-height:100vh}.auth,.auth-logo{background:var(--background)}.auth-logo{align-items:center;border-right:1px solid var(--primaryColor10);display:none;justify-content:center;padding:2rem;width:50%}.auth-logo img{height:44px;max-width:80%}.auth-form{align-items:center;display:flex;justify-content:center;padding:2rem;width:100%}.auth-container{background:#fff;border-radius:8px;max-width:400px;padding:2rem;width:100%}.auth h1{margin-bottom:.5rem;text-align:center}.auth h1,.auth h2{color:var(--primaryColor)}.auth h2{font-size:1.5rem;margin-bottom:2rem;text-align:left}.form-group{margin-bottom:1rem}.form-group input{border:1px solid var(--primaryColor10);border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:var(--dotlinePurple);box-shadow:0 0 0 2px #007bff1a;outline:none}.error{color:#dc3545;font-size:.9rem;margin:1rem 0;text-align:center}.submit-btn{background:var(--dotlinePurple);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.auth-switch{color:var(--primaryColor50);margin-top:1.5rem;text-align:center}.auth-switch a{color:var(--dotlinePurple);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (min-width:768px){.auth-logo{display:flex}.auth-form{width:50%}}:root{--background:#fff;--primaryColor:#202020;--primaryColor50:#20202080;--primaryColor10:#2020201a;--white:#fff;--dotlinePurple:#2044fc;--sidebar-width:200px;--fontPrimary:"Inter",Helvetica,Arial,sans-serif;--fontSecondary:"Inter",Helvetica,Arial,sans-serif}body{background-color:#fff;background-color:var(--background);margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{color:#202020;color:var(--primaryColor)}body,button,h1,h2,h3,h4,h5,h6{font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--fontPrimary)}button{background-color:#2044fc;background-color:var(--dotlinePurple);color:#fff}input,main,textarea{box-sizing:border-box}main{background-color:#fbfbfb;border-left:1px solid #2020201a;border-left:1px solid var(--primaryColor10);margin-left:200px;margin-left:var(--sidebar-width);max-width:calc(100vw - 200px);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;padding:0}p.smalltext{color:#20202080;color:var(--primaryColor50);font-size:12px}