@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap);:root{--triviana-blauw:#232296;--triviana-blauwgroen:#77c9d1;--triviana-oranje:#fc9d42;--triviana-paars:indigo;--triviana-groen:#21838a;--triviana-grijs:#e6e6e6;--triviana-donker-grijs:#898896;--triviana-zwart:#000;--triviana-wit:#fff;--primary-color:var(--triviana-blauw);--primary-light:#3a39b0;--secondary-color:var(--triviana-donker-grijs);--accent-color:var(--triviana-oranje);--accent-secondary:var(--triviana-blauwgroen);--success-color:var(--triviana-groen);--danger-color:#dc3545;--warning-color:var(--triviana-oranje);--light-bg:#f5f5f7;--border-color:#dee2e6;--gradient-primary:linear-gradient(90deg,var(--triviana-blauw) 67.5%,var(--triviana-blauwgroen) 100%);--gradient-accent:linear-gradient(90deg,var(--triviana-blauw) 67.5%,var(--triviana-oranje) 100%);--gradient-full:linear-gradient(90deg,var(--triviana-blauw) 0%,var(--triviana-blauwgroen) 50%,var(--triviana-oranje) 100%)}body{background-color:#f5f5f7;background-color:var(--light-bg);color:#000;color:var(--triviana-zwart);font-family:Source Sans Pro,Arial,sans-serif;line-height:1.6;margin:0}.container{margin:0 auto;max-width:1200px;padding:20px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-family:Source Sans Pro,Arial,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#232296;background:var(--triviana-blauw);color:#fff;color:var(--triviana-wit)}.btn-primary:hover{background:#3a39b0;background:var(--primary-light);box-shadow:0 4px 12px #2322964d;transform:translateY(-1px)}.btn-secondary{background-color:#898896;background-color:var(--triviana-donker-grijs);color:#fff;color:var(--triviana-wit)}.btn-secondary:hover{background-color:#6b6a78}.btn-danger{background-color:#dc3545;background-color:var(--danger-color);color:#fff;color:var(--triviana-wit)}.btn-danger:hover{background-color:#c82333}.btn-accent{background:#fc9d42;background:var(--triviana-oranje);color:#fff;color:var(--triviana-wit)}.btn-accent:hover{background:#e88a2f}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.card{background:#fff;background:var(--triviana-wit);border:1px solid #2322960d;border-radius:12px;box-shadow:0 2px 8px #23229614;margin-bottom:20px;padding:24px}.header{align-items:center;background:linear-gradient(90deg,#232296 67.5%,#77c9d1);background:var(--gradient-primary);box-shadow:0 2px 10px #23229633;color:#fff;color:var(--triviana-wit);display:flex;justify-content:space-between;padding:15px 24px}.header h1{font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.header nav a{color:#fff;color:var(--triviana-wit);font-weight:600;margin-right:24px;opacity:.9;text-decoration:none;transition:opacity .2s}.header nav a:hover{opacity:1}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.contact-card{background:#fff;background:var(--triviana-wit);border-left:4px solid #232296;border-left:4px solid var(--triviana-blauw);border-radius:12px;box-shadow:0 2px 8px #23229614;padding:20px;transition:transform .2s,box-shadow .2s}.contact-card:hover{box-shadow:0 4px 16px #2322961f;transform:translateY(-2px)}.contact-card h3{color:#232296;color:var(--triviana-blauw);font-weight:700;margin-bottom:12px}.contact-card p{color:#898896;color:var(--triviana-donker-grijs);margin:6px 0}.contact-card p strong{color:#000;color:var(--triviana-zwart)}.loading{color:#898896;color:var(--triviana-donker-grijs);padding:40px;text-align:center}.error{background-color:#fef2f2;border-left:4px solid #dc3545;border-left:4px solid var(--danger-color);border-radius:8px;color:#dc3545;color:var(--danger-color);margin:20px 0;padding:15px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#23229666;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--triviana-wit);border-radius:16px;box-shadow:0 20px 60px #23229633;max-height:90vh;max-width:500px;overflow-y:auto;padding:28px;width:90%}.modal-content.modal-large{max-width:700px}.modal-content h2{border-bottom:2px solid #e6e6e6;border-bottom:2px solid var(--triviana-grijs);color:#232296;color:var(--triviana-blauw);font-weight:700;margin-bottom:24px;margin-top:0;padding-bottom:16px}.form-group{margin-bottom:18px}.form-group label{color:#000;color:var(--triviana-zwart);display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e6e6e6;border:2px solid var(--triviana-grijs);border-radius:8px;box-sizing:border-box;font-family:Source Sans Pro,Arial,sans-serif;font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#232296;border-color:var(--triviana-blauw);box-shadow:0 0 0 3px #2322961a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-error{background-color:#fef2f2;border-left:4px solid #dc3545;border-left:4px solid var(--danger-color);border-radius:8px;color:#dc3545;color:var(--danger-color);font-size:14px;margin-bottom:16px;padding:12px}.form-actions{border-top:1px solid #e6e6e6;border-top:1px solid var(--triviana-grijs);display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px}.table-container{border-radius:12px;box-shadow:0 2px 8px #23229614;overflow-x:auto}.data-table{background:#fff;background:var(--triviana-wit);border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--triviana-grijs);padding:14px 18px;text-align:left}.data-table th{background:linear-gradient(180deg,#f8f8fc,#f0f0f5);color:#232296;color:var(--triviana-blauw);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.data-table tr:hover{background-color:#77c9d114}.data-table tr:last-child td{border-bottom:none}.tabs{border-bottom:3px solid #e6e6e6;border-bottom:3px solid var(--triviana-grijs);display:flex;gap:0;margin-bottom:24px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#898896;color:var(--triviana-donker-grijs);cursor:pointer;font-family:Source Sans Pro,Arial,sans-serif;font-size:14px;font-weight:600;margin-bottom:-3px;padding:14px 24px;transition:all .2s}.tab:hover{background:#23229608}.tab.active,.tab:hover{color:#232296;color:var(--triviana-blauw)}.tab.active{border-bottom-color:#232296;border-bottom-color:var(--triviana-blauw)}.tab-content{min-height:200px}.tab-info{color:#898896;color:var(--triviana-donker-grijs);margin-bottom:15px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.status-badge.status-new{background-color:#77c9d133;color:#21838a;color:var(--triviana-groen)}.status-badge.status-contacted{background-color:#fc9d4233;color:#d07a1a}.status-badge.status-qualified{background-color:#21838a26;color:#21838a;color:var(--triviana-groen)}.status-badge.status-converted{background-color:#2322961a;color:#232296;color:var(--triviana-blauw)}.status-badge.status-lost{background-color:#dc35451a;color:#dc3545;color:var(--danger-color)}.status-badge.stage-prospecting{background-color:#77c9d133;color:#21838a;color:var(--triviana-groen)}.status-badge.stage-qualification{background-color:#fc9d4233;color:#d07a1a}.status-badge.stage-proposal{background-color:#2322961a;color:#232296;color:var(--triviana-blauw)}.status-badge.stage-negotiation{background-color:#4b00821a;color:indigo;color:var(--triviana-paars)}.status-badge.stage-closed-won{background-color:#21838a26;color:#21838a;color:var(--triviana-groen)}.status-badge.stage-closed-lost{background-color:#dc35451a;color:#dc3545;color:var(--danger-color)}.detail-grid{grid-gap:16px;display:grid;gap:16px}.detail-row{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--triviana-grijs);display:flex;gap:12px;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#898896;color:var(--triviana-donker-grijs);font-weight:600;min-width:140px}.detail-value{color:#000;color:var(--triviana-zwart)}.detail-value a{color:#232296;color:var(--triviana-blauw);text-decoration:none}.detail-value a:hover{text-decoration:underline}.config-display{grid-gap:12px;display:grid;gap:12px}.config-row{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--triviana-grijs);display:flex;gap:12px;padding:10px 0}.config-row:last-child{border-bottom:none}.config-label{color:#898896;color:var(--triviana-donker-grijs);font-weight:600;min-width:160px}.config-value{color:#000;color:var(--triviana-zwart)}.config-row a{color:#232296;color:var(--triviana-blauw);text-decoration:none}.config-row a:hover{text-decoration:underline}.wizard{padding:10px}.wizard-steps{border-bottom:2px solid #e6e6e6;border-bottom:2px solid var(--triviana-grijs);display:flex;gap:16px;margin-bottom:30px;padding-bottom:24px}.wizard-step{background-color:#e6e6e6;background-color:var(--triviana-grijs);border-radius:25px;color:#898896;color:var(--triviana-donker-grijs);font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.wizard-step.active{background:linear-gradient(90deg,#232296 67.5%,#77c9d1);background:var(--gradient-primary);box-shadow:0 4px 12px #2322964d;color:#fff;color:var(--triviana-wit)}.wizard-content h3{color:#232296;color:var(--triviana-blauw);font-weight:700;margin-bottom:12px;margin-top:0}.wizard-actions{border-top:2px solid #e6e6e6;border-top:2px solid var(--triviana-grijs);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.search-box{display:flex;gap:12px;margin:20px 0}.search-box input{border:2px solid #e6e6e6;border:2px solid var(--triviana-grijs);border-radius:8px;flex:1 1;font-family:Source Sans Pro,Arial,sans-serif;font-size:14px;padding:12px 16px}.search-box input:focus{border-color:#232296;border-color:var(--triviana-blauw);outline:none}.site-list{margin-top:20px}.site-item{border:2px solid #e6e6e6;border:2px solid var(--triviana-grijs);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:12px;padding:16px;transition:all .2s}.site-item:hover{background-color:#23229608;border-color:#232296;border-color:var(--triviana-blauw);transform:translateX(4px)}.site-item strong{color:#232296;color:var(--triviana-blauw)}.site-url{color:#898896;color:var(--triviana-donker-grijs);font-size:12px;margin-top:4px}.list-config-item{border:2px solid #e6e6e6;border:2px solid var(--triviana-grijs);border-radius:10px;margin-bottom:16px;padding:18px;transition:border-color .2s}.list-config-item:hover{border-color:#77c9d1;border-color:var(--triviana-blauwgroen)}.list-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.list-config-header label{color:#232296;color:var(--triviana-blauw);font-weight:700}.selected-badge{background-color:#21838a26;border-radius:20px;color:#21838a;color:var(--triviana-groen);font-size:12px;font-weight:600;padding:5px 12px}.list-config-actions{display:flex;gap:12px}.list-config-actions select{border:2px solid #e6e6e6;border:2px solid var(--triviana-grijs);border-radius:8px;flex:1 1;font-family:Source Sans Pro,Arial,sans-serif;padding:10px 14px}.config-summary{background:linear-gradient(135deg,#23229608,#77c9d10d);border:1px solid #e6e6e6;border:1px solid var(--triviana-grijs);border-radius:12px;margin:20px 0;padding:24px}.config-item{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--triviana-grijs);padding:10px 0}.config-item:last-child{border-bottom:none}.pipeline-summary{display:flex;gap:16px;margin-bottom:24px;overflow-x:auto;padding:12px 0}.pipeline-stage{background:#fff;background:var(--triviana-wit);border-radius:12px;border-top:4px solid #232296;border-top:4px solid var(--triviana-blauw);box-shadow:0 2px 8px #23229614;flex:0 0 auto;min-width:150px;padding:18px;text-align:center;transition:transform .2s}.pipeline-stage:hover{transform:translateY(-2px)}.pipeline-stage:nth-child(2){border-top-color:#77c9d1;border-top-color:var(--triviana-blauwgroen)}.pipeline-stage:nth-child(3){border-top-color:#fc9d42;border-top-color:var(--triviana-oranje)}.pipeline-stage:nth-child(4){border-top-color:indigo;border-top-color:var(--triviana-paars)}.pipeline-stage:nth-child(5){border-top-color:#21838a;border-top-color:var(--triviana-groen)}.pipeline-stage-name{color:#898896;color:var(--triviana-donker-grijs);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.pipeline-stage-count{color:#232296;color:var(--triviana-blauw);font-size:28px;font-weight:900}.pipeline-stage-amount{color:#898896;color:var(--triviana-donker-grijs);font-size:14px;font-weight:600;margin-top:6px}.drop-zone{background:#77c9d108;border:3px dashed #77c9d1;border:3px dashed var(--triviana-blauwgroen);border-radius:12px;cursor:pointer;margin-bottom:20px;padding:50px 20px;text-align:center;transition:all .2s}.drop-zone.drag-over,.drop-zone:hover{background:#2322960d;border-color:#232296;border-color:var(--triviana-blauw)}.drop-zone-content{color:#898896;color:var(--triviana-donker-grijs)}.drop-zone-icon{font-size:52px;margin-bottom:12px}.selected-file{align-items:center;background-color:#23229608;border-radius:8px;display:flex;gap:16px;padding:12px}.file-icon{font-size:36px}.file-info{flex:1 1;text-align:left}.file-name{color:#232296;color:var(--triviana-blauw);font-weight:600}.file-size{color:#898896;color:var(--triviana-donker-grijs);font-size:12px}.dynamic-field-manager{margin-top:12px}.add-field-form{background:linear-gradient(135deg,#23229608,#77c9d10d);border:1px solid #e6e6e6;border:1px solid var(--triviana-grijs);border-radius:10px;margin-bottom:24px;padding:20px}h2{margin-bottom:8px}h2,h3{color:#232296;color:var(--triviana-blauw);font-weight:700}h4{color:#898896;color:var(--triviana-donker-grijs);font-weight:600}a{color:#232296;color:var(--triviana-blauw);text-decoration:none}a:hover{color:#3a39b0;color:var(--primary-light);text-decoration:underline}.login-container{align-items:center;background:linear-gradient(90deg,#232296 67.5%,#77c9d1);background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--triviana-wit);border-radius:20px;box-shadow:0 20px 60px #0003;max-width:400px;padding:48px;text-align:center;width:90%}.login-card h1{color:#232296;color:var(--triviana-blauw);font-weight:900;margin-bottom:12px}.login-card p{color:#898896;color:var(--triviana-donker-grijs);margin-bottom:32px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.wizard-steps{gap:10px}.pipeline-summary,.wizard-steps{flex-direction:column}.pipeline-stage{min-width:auto}.tabs{flex-wrap:wrap}.tab{flex:1 0 auto;padding:12px 16px}.header,.tab{text-align:center}.header{flex-direction:column;gap:15px}.header nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.header nav a{margin-right:0}}
/*# sourceMappingURL=main.a0d18b50.css.map*/