.app-container{background:linear-gradient(145deg,#f0f4fa 0%,#e2e9f2 100%);height:100vh;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;display:flex}.sidebar{-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border-right:1px solid #fff6;flex-direction:column;width:300px;height:100vh;padding:32px 20px 28px;display:flex;position:sticky;top:0;box-shadow:0 8px 40px #0014280f}.sidebar-header{margin-bottom:32px;padding-left:4px}.logo{letter-spacing:-.5px;background:linear-gradient(135deg,#2d3748,#4a6cf7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:8px;margin-bottom:20px;display:flex}.nav-item{color:#2c3e50;background:0 0;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item .nav-icon{text-align:center;opacity:.8;width:28px;font-size:20px}.nav-item:hover{color:#1a2634;background:#fff9;transform:translate(4px);box-shadow:0 2px 12px #00000005}.nav-item.active{color:#4a6cf7;background:linear-gradient(135deg,#4a6cf71f,#785aff14);font-weight:600;box-shadow:inset 0 1px #fff9}.nav-item.active:before{content:"";background:linear-gradient(#4a6cf7,#7a5aff);border-radius:4px;width:4px;height:28px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid #ffffff4d;margin-top:auto;padding-top:12px}.leads-button{letter-spacing:.8px;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a6cf7,#7a5aff);border:none;border-radius:60px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #4a6cf740}.leads-button:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:60px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.leads-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 32px #4a6cf759}.leads-button:active{transform:scale(.97)}.content{background:0 0;flex:1;padding:40px}@media (width<=768px){.sidebar{width:80px;padding:20px 12px}.logo,.nav-item span:not(.nav-icon){display:none}.nav-item{justify-content:center;padding:12px}.nav-item .nav-icon{width:auto;font-size:24px}.leads-button{border-radius:50%;width:56px;height:56px;padding:14px;font-size:0}.leads-button:before{content:"🚀";font-size:24px}}.archived-button{letter-spacing:.6px;text-transform:uppercase;color:#2c3e50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff80;border:1px solid #fff9;border-radius:60px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 2px 8px #0000000a}.archived-button:hover{color:#1a2634;background:#fffc;border-color:#4a6cf74d;transform:translateY(-2px);box-shadow:0 8px 20px #00142814}.archived-button:active{transform:scale(.97)}.modal-content{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;flex-direction:column;width:95%;max-width:750px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-body{flex:1;padding:24px 28px;overflow-y:auto}.dropdown-header:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.dropdown-selected{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.dropdown-selected:empty:before{content:"Select...";color:#a0aec0}.dropdown-arrow{color:#a0aec0;font-size:12px;transition:transform .3s}.dropdown-item{cursor:pointer;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.dropdown-item input[type=checkbox]{display:none}.custom-checkbox-small{background:#fff;border:2px solid #cbd5e0;border-radius:4px;width:20px;min-width:20px;height:20px;margin-right:12px;transition:all .3s;position:relative}.dropdown-item input:checked+.custom-checkbox-small{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 3px 10px #667eea4d}.dropdown-item input:checked+.custom-checkbox-small:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown-item-label{color:#2d3748;font-size:.95rem;font-weight:500}.loading-spinner{text-align:center;color:#667eea;padding:12px;font-size:.95rem;font-weight:500}.modal-footer{background:#fafbfc;border-top:1px solid #0000000f;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 28px 20px;display:flex}.btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lead-card:active{cursor:grabbing}.lead-name{color:#2d3748;margin-bottom:4px;font-size:.95rem;font-weight:600}.lead-phone{color:#4a5568;margin-bottom:4px;font-size:.85rem}.service-tag{color:#2b6cb0;background:#ebf4ff;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:500}.manager-tag{color:#276749;background:#f0fff4;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:500}.lead-updated-at{color:#a0aec0;border-top:1px solid #f0f0f0;margin-top:8px;padding-top:6px;font-size:.65rem}.dropdown-item.selected{background:#f0f4ff}.dropdown-radio{background:#fff;border:2px solid #cbd5e0;border-radius:50%;width:20px;min-width:20px;height:20px;margin-right:12px;transition:all .3s;position:relative}.dropdown-item.selected .dropdown-radio{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.dropdown-item.selected .dropdown-radio:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown-check{color:#667eea;margin-left:auto;font-size:16px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}.leads-page{background:linear-gradient(145deg,#f5f7fa 0%,#e6ecf5 100%);min-height:100vh;padding:40px 50px;font-family:Inter,Segoe UI,Roboto,sans-serif}.back-button{color:#fff;background:linear-gradient(135deg,#4a6cf7,#7a5aff);border-radius:60px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #4a6cf74d}.back-button:hover{transform:translate(-4px)scale(1.04);box-shadow:0 8px 24px #4a6cf780}.board-title{color:#1a2634;margin-bottom:30px;font-size:28px;font-weight:300}.board-wrapper{width:100%;height:calc(100vh - 180px);padding-bottom:8px;overflow-x:auto}.board-container{align-items:flex-start;gap:20px;min-width:max-content;height:100%;padding:8px 0;display:flex}.column{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:2px solid #0000;border-radius:20px;flex-direction:column;flex:0 0 300px;height:100%;min-height:400px;max-height:100%;padding:16px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000a}.column-new{background:#2ecc711f;border:2px solid #2ecc71;box-shadow:0 0 0 4px #2ecc7114}.column-header{border-bottom:2px solid #e2e4e8;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:16px;font-weight:600;display:flex}.count{background:#0000000a;border-radius:20px;padding:0 10px;font-size:14px}.lead-list{flex:1;min-height:100px;padding-top:12px;padding-right:4px;overflow-y:auto}.lead-list::-webkit-scrollbar{width:5px}.lead-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.lead-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.lead-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.empty-message{color:#a0b4c8;text-align:center;padding:20px 0;font-size:14px;font-style:italic}.lead-card{cursor:grab;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:14px;margin-bottom:10px;padding:16px 18px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.lead-card:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.lead-card:hover:before{opacity:1}.lead-card:hover{border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 8px 30px #667eea26}.lead-status-badge{color:#fff;letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:3px 12px;font-size:.6rem;font-weight:600;box-shadow:0 2px 8px #667eea4d}.lead-phone{color:#4a5568;background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.85rem;display:flex}.service-tag{color:#2b6cb0;background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:1px solid #2b6cb01f;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:500;transition:all .2s}.service-tag:hover{background:linear-gradient(135deg,#bee3f8,#90cdf4);transform:scale(1.05)}.manager-tag{color:#276749;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #2767491f;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:500;transition:all .2s}.manager-tag:hover{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);transform:scale(1.05)}.lead-card[data-status=New\ Lead]{border-left:4px solid #4299e1}.lead-card[data-status=Need\ Follow-up]{border-left:4px solid #ed8936}.lead-card[data-status="Not Qualified (Qualification)"]{border-left:4px solid #fc8181}.lead-card[data-status="Archived (Qualification)"]{border-left:4px solid #a0aec0}.lead-card[data-status=Qualified]{border-left:4px solid #48bb78}.lead-card[data-status="Converted to Client"]{border-left:4px solid #9f7aea}@keyframes cardAppear{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lead-card:first-child{animation-delay:50ms}.lead-card:nth-child(2){animation-delay:.1s}.lead-card:nth-child(3){animation-delay:.15s}.lead-card:nth-child(4){animation-delay:.2s}.lead-card:nth-child(5){animation-delay:.25s}.lead-card:nth-child(6){animation-delay:.3s}.lead-card:nth-child(7){animation-delay:.35s}.lead-card:nth-child(8){animation-delay:.4s}.lead-card:nth-child(9){animation-delay:.45s}.lead-card:nth-child(10){animation-delay:.5s}.add-lead-wrapper{justify-content:center;margin:10px 0 30px;display:flex}.add-lead-button{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:60px;align-items:center;gap:8px;padding:14px 44px;font-size:18px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #6c5ce759}.add-lead-button:hover{background:linear-gradient(135deg,#5f3dc4,#845ef7);transform:translateY(-3px);box-shadow:0 12px 32px #6c5ce78c}.add-lead-button:active{transform:translateY(0);box-shadow:0 4px 16px #6c5ce74d}.add-lead-button:before{content:"+";font-size:28px;font-weight:300;line-height:1}.column.drag-over-allowed{background:#2ecc7126!important;border:2px solid #2ecc71!important;transition:all .3s!important;transform:scale(1.02)!important;box-shadow:0 0 20px #2ecc7140!important}.column.drag-over-disallowed{opacity:.6!important;background:#e74c3c0f!important;border:2px dashed #e74c3c!important;transition:all .3s!important}.modal-content{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;width:90%;max-width:600px;max-height:80vh;padding:0;animation:.3s slideUp;overflow:hidden;box-shadow:0 25px 60px #0000004d}.modal-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .3s;display:flex}.modal-body{max-height:50vh;padding:32px;overflow-y:auto}.modal-subtitle{color:#6c757d;margin:0 0 20px;font-size:.95rem;font-weight:500}.reasons-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reason-item{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;align-items:center;padding:12px 16px;transition:all .3s;display:flex;position:relative}.reason-item:hover{background:#f8f9ff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.reason-item input[type=checkbox]{display:none}.custom-checkbox{background:#fff;border:2px solid #ced4da;border-radius:6px;width:22px;min-width:22px;height:22px;margin-right:12px;transition:all .3s;position:relative}.reason-item input:checked+.custom-checkbox{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.reason-item input:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reason-label{color:#2d3748;flex:1;font-size:.95rem;font-weight:500}.reason-item.active{background:#f0f4ff;border-color:#667eea}.reason-item.active .reason-label{color:#4a5568}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:#2d3748;margin:0 0 8px;font-size:1.1rem;font-weight:600}.modal-footer{background:#fafbfc;border-top:1px solid #0000000f;justify-content:flex-end;gap:12px;padding:16px 32px 24px;display:flex}.btn-cancel{color:#4a5568;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:10px;padding:10px 28px;font-size:.95rem;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:10px 28px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.qualify-modal{max-width:750px!important}.qualify-modal-body{max-height:60vh!important}.form-input,.form-select,.form-textarea{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-textarea{resize:vertical;min-height:60px}.dropdown-item input[type=radio]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:18px;height:18px;margin-right:12px}.custom-radio{display:none}.add-lead-categories-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;max-height:220px;padding:6px;display:grid;overflow-y:auto}.add-lead-category-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .25s;display:flex;box-shadow:0 1px 3px #00000005}.add-lead-category-item:hover{background:#f0f4ff;border-color:#4a90d9;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d91f}.add-lead-category-item input[type=checkbox]{display:none}.add-lead-category-item .custom-checkbox{background:#fff;border:2px solid #cbd5e0;border-radius:6px;width:22px;min-width:22px;height:22px;transition:all .25s;display:inline-block;position:relative}.add-lead-category-item input[type=checkbox]:checked+.custom-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.add-lead-category-item input[type=checkbox]:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-lead-category-label{color:#2d3748;flex:1;font-size:.95rem;font-weight:500}.main-categories-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;max-height:220px;padding:6px;display:grid;overflow-y:auto}.main-category-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .25s;display:flex;box-shadow:0 1px 3px #00000005}.main-category-item:hover{background:#f0f4ff;border-color:#4a90d9;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d91f}.main-category-item input[type=checkbox]{display:none}.main-category-item .custom-checkbox{background:#fff;border:2px solid #cbd5e0;border-radius:6px;width:22px;min-width:22px;height:22px;transition:all .25s;display:inline-block;position:relative}.main-category-item input[type=checkbox]:checked+.custom-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.main-category-item input[type=checkbox]:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-category-label{color:#2d3748;flex:1;font-size:.95rem;font-weight:500}.sub-categories-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;max-height:300px;padding:6px;display:grid;overflow-y:auto}.sub-category-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .25s;display:flex;box-shadow:0 1px 3px #00000005}.sub-category-item:hover{background:#f0f4ff;border-color:#48bb78;transform:translateY(-1px);box-shadow:0 4px 12px #48bb781f}.sub-category-item input[type=checkbox]{display:none}.sub-category-item .custom-checkbox{background:#fff;border:2px solid #cbd5e0;border-radius:6px;width:22px;min-width:22px;height:22px;transition:all .25s;display:inline-block;position:relative}.sub-category-item input[type=checkbox]:checked+.custom-checkbox{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#48bb78;transform:scale(1.05);box-shadow:0 4px 12px #48bb784d}.sub-category-item input[type=checkbox]:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sub-category-label{color:#2d3748;flex:1;font-size:.95rem;font-weight:500}.add-lead-categories-grid::-webkit-scrollbar{width:5px}.main-categories-grid::-webkit-scrollbar{width:5px}.sub-categories-grid::-webkit-scrollbar{width:5px}.add-lead-categories-grid::-webkit-scrollbar-track{background:#edf2f7;border-radius:10px}.main-categories-grid::-webkit-scrollbar-track{background:#edf2f7;border-radius:10px}.sub-categories-grid::-webkit-scrollbar-track{background:#edf2f7;border-radius:10px}.add-lead-categories-grid::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:10px}.main-categories-grid::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:10px}.sub-categories-grid::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:10px}.add-lead-categories-grid::-webkit-scrollbar-thumb:hover{background:#718096}.main-categories-grid::-webkit-scrollbar-thumb:hover{background:#718096}.sub-categories-grid::-webkit-scrollbar-thumb:hover{background:#718096}.archived-page{background:#f7fafc;max-width:1600px;min-height:100vh;margin:0 auto;padding:30px 40px}.archived-header{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.archived-header h1{color:#2d3748;flex:1;margin:0;font-size:2rem;font-weight:700}.back-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4a6cf7,#7a5aff);border:none;border-radius:60px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #4a6cf74d}.archived-board-container{grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 180px);min-height:500px;display:grid}.archived-column{background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;transition:border-color .3s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.archived-column:hover{border-color:#e2e8f0}.archived-column-header{color:#2d3748;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:2px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:700;display:flex}.archived-column-count{color:#4a5568;background:#e2e8f0;border-radius:20px;padding:2px 12px;font-size:.85rem;font-weight:600}.archived-column-body{flex:1;min-height:300px;padding:12px 16px;overflow-y:auto}.lead-card{cursor:grab;background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:10px;padding:14px 16px;transition:all .3s;position:relative;box-shadow:0 2px 8px #0000000f}.lead-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.lead-card:active{cursor:grabbing;transform:scale(.97)}.archived-card{border-left:4px solid #a0aec0}.unarchived-card{border-left:4px solid #48bb78}.lead-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.lead-name{color:#1a202c;letter-spacing:-.2px;flex:1;font-size:.95rem;font-weight:700}.lead-status-badge{color:#fff;letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:20px;padding:2px 10px;font-size:.55rem;font-weight:600}.archived-badge{background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 2px 8px #4a55684d}.unarchived-badge{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d}.lead-phone,.lead-email{color:#4a5568;align-items:center;gap:6px;margin-bottom:3px;font-size:.8rem;display:flex}.lead-services{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.service-tag{color:#2b6cb0;background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:1px solid #2b6cb01f;border-radius:12px;padding:2px 10px;font-size:.65rem;font-weight:500}.lead-managers{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.manager-tag{color:#276749;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #2767491f;border-radius:12px;padding:2px 10px;font-size:.65rem;font-weight:500}.lead-card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.lead-updated-at{color:#a0aec0;background:#f7fafc;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:.6rem;display:flex}.empty-message{text-align:center;color:#a0aec0;padding:40px 20px;font-size:.95rem;font-weight:500}.lead-card{animation:.3s cardAppear}.archived-column-body::-webkit-scrollbar{width:5px}.archived-column-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.archived-column-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.archived-column-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (width<=1024px){.archived-board-container{grid-template-columns:1fr;height:auto;min-height:auto}.archived-column{min-height:300px;max-height:500px}.archived-column-body{max-height:400px}}.archived-column.drag-over-allowed{background:#2ecc7126!important;border:2px solid #2ecc71!important;transition:all .3s!important;transform:scale(1.02)!important;box-shadow:0 0 20px #2ecc7140!important}.archived-column.drag-over-disallowed{opacity:.6!important;background:#e74c3c0f!important;border:2px dashed #e74c3c!important;transition:all .3s!important}.lead-details-page{background:#f7fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:30px 40px}.lead-details-header h1{color:#2d3748;margin:0;font-size:2rem;font-weight:700}.back-button{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#4a6cf7,#7a5aff);border:none;border-radius:60px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #4a6cf74d}.back-button:hover{color:#fff;transform:translate(-4px)scale(1.04);box-shadow:0 8px 24px #4a6cf780}.lead-details-container{max-width:900px;margin:0 auto}.lead-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 40px;box-shadow:0 4px 24px #00000014}.lead-details-section{border-bottom:1px solid #edf2f7;margin-bottom:28px;padding-bottom:28px}.lead-details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.lead-details-title{color:#2d3748;letter-spacing:-.2px;margin-bottom:16px;font-size:1.1rem;font-weight:700}.lead-details-grid{grid-template-columns:1fr 1fr;gap:16px 32px;display:grid}.lead-details-item{flex-direction:column;gap:4px;display:flex}.lead-details-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.lead-details-value{color:#2d3748;font-size:1rem;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;width:fit-content;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-block}.status-new-lead{color:#2b6cb0;background:#ebf8ff}.status-need-follow-up{color:#c05621;background:#feebc8}.status-not-qualified-qualification{color:#c53030;background:#fed7d7}.status-archived-qualification{color:#4a5568;background:#e2e8f0}.status-qualified{color:#276749;background:#c6f6d5}.status-converted-to-client{color:#6b46c1;background:#e9d8fd}.lead-details-tags{flex-wrap:wrap;gap:8px;display:flex}.service-tag-details{color:#2b6cb0;background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:1px solid #2b6cb01f;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500}.manager-tag-details{color:#276749;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #2767491f;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500}.lead-details-notes{color:#4a5568;white-space:pre-wrap;word-break:break-word;background:#f7fafc;border:1px solid #edf2f7;border-radius:12px;padding:16px 20px;font-size:.95rem;line-height:1.6}@media (width<=768px){.lead-details-page{padding:16px 20px}.lead-details-card{padding:20px 16px}.lead-details-grid{grid-template-columns:1fr;gap:12px}.lead-details-header h1{font-size:1.4rem}.back-button{padding:8px 16px;font-size:.85rem}}.edit-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:60px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #48bb784d}.edit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #48bb7880}.form-group{margin-bottom:16px}.form-group label{color:#2d3748;margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-group textarea{resize:vertical;min-height:60px}.lead-details-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 0;display:flex}.lead-details-header h1{color:#2d3748;flex:1;margin:0;font-size:2rem;font-weight:700}.dropdown-container{cursor:pointer;width:100%;position:relative}.dropdown-header{background:#fff;border:2px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;transition:all .3s;display:flex}.dropdown-header:hover{border-color:#667eea}.dropdown-selected{color:#2d3748;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;overflow:hidden}.dropdown-selected.placeholder{color:#a0aec0}.dropdown-arrow{color:#a0aec0;margin-left:8px;font-size:12px;transition:transform .3s}.dropdown-container.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-list{z-index:1001;background:#fff;border:2px solid #e2e8f0;border-radius:10px;max-height:200px;padding:6px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}.dropdown-item{cursor:pointer;align-items:center;padding:10px 14px;transition:all .2s;display:flex;position:relative}.dropdown-item.selected{background:#f0f4ff;border-radius:8px}.dropdown-checkbox{background:#fff;border:2px solid #cbd5e0;border-radius:4px;width:20px;min-width:20px;height:20px;margin-right:12px;transition:all .2s;display:inline-block;position:relative}.dropdown-item.selected .dropdown-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.dropdown-item.selected .dropdown-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown-item-label{color:#2d3748;flex:1;font-size:.95rem;font-weight:500}.dropdown-check{color:#667eea;margin-left:8px;font-weight:700}.dropdown-list::-webkit-scrollbar{width:5px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dropdown-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.loading-spinner{text-align:center;color:#667eea;padding:20px;font-weight:500}.empty-state{text-align:center;color:#a0aec0;padding:20px;font-size:.95rem}.selected-count{color:#667eea;margin-top:4px;font-size:.85rem;font-weight:500}.documents-page{background:#f7fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px 40px}.documents-header{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.documents-header h1{color:#2d3748;flex:1;margin:0;font-size:2rem;font-weight:700}.create-document-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:60px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #48bb784d}.create-document-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #48bb7880}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.document-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.document-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.document-card-header{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.document-card-header h3{color:#2d3748;flex:1;margin:0;font-size:1.1rem;font-weight:700}.delete-document-btn{color:#e53e3e;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.delete-document-btn:hover:not(:disabled){color:#c53030;background:#fff5f5}.delete-document-btn:disabled{opacity:.5;cursor:not-allowed}.document-card-body{flex:1;padding:16px 20px}.document-card-body p{color:#4a5568;margin:6px 0;font-size:.95rem}.document-card-body p strong{color:#2d3748;font-weight:600}.doc-requirements-list{color:#4a5568;margin:6px 0 0;padding-left:20px;font-size:.9rem}.doc-requirements-list li{margin-bottom:2px}.no-requirements{color:#a0aec0;margin:4px 0 0;font-style:italic}.document-card-link{color:inherit;text-decoration:none;transition:transform .2s;display:block}.document-card-link:hover{transform:translateY(-4px)}.document-card-link .document-card{cursor:pointer;height:100%}.document-card-link .delete-document-btn{cursor:pointer;z-index:2;position:relative}.empty-state{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;padding:80px 20px}.empty-state p{color:#2d3748;margin-bottom:8px;font-size:1.2rem;font-weight:600}.empty-state span{color:#a0aec0;font-size:1rem}.loading,.error{text-align:center;color:#4a5568;padding:40px;font-size:1.1rem}.error{color:#e53e3e}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:480px;padding:32px 24px 24px;animation:.25s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close-btn{cursor:pointer;color:#888;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:12px;right:16px}.modal-close-btn:hover{color:#333}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-warning{color:#d32f2f;margin:0;font-size:18px;font-weight:600}.modal-instruction{color:#555;margin:0;font-size:14px}.modal-input{box-sizing:border-box;border:2px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:#ff4081;outline:none;box-shadow:0 0 0 3px #ff408126}.modal-input.invalid{background-color:#fff5f7;border-color:#ff4081}.modal-delete-btn{color:#666;cursor:not-allowed;background:#ccc;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.modal-delete-btn.active{color:#fff;cursor:pointer;background:#d32f2f}.modal-delete-btn.active:hover{background:#b71c1c;transform:scale(1.02)}.modal-delete-btn.active:active{transform:scale(.98)}@media (width<=640px){.documents-page{padding:16px 20px}.documents-header{gap:12px}.documents-header h1{font-size:1.4rem}.documents-grid{grid-template-columns:1fr}.create-document-button{padding:8px 16px;font-size:.85rem}.modal-content{max-width:100%;margin:12px;padding:24px 16px 16px}.modal-warning{font-size:16px}.modal-input{font-size:15px}.modal-delete-btn{padding:10px 16px;font-size:15px}}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:60px;outline:none;flex:1;min-width:180px;padding:8px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#48bb78;box-shadow:0 0 0 3px #48bb7826}.search-input::placeholder{color:#a0aec0}.create-document-page{background:#f7fafc;max-width:800px;min-height:100vh;margin:0 auto;padding:30px 40px}.create-document-header{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.create-document-header h1{color:#2d3748;flex:1;margin:0;font-size:2rem;font-weight:700}.create-document-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 40px;box-shadow:0 4px 24px #00000014}.create-document-form .form-group{margin-bottom:24px}.create-document-form .form-group label{color:#2d3748;margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.create-document-form .form-group input[type=text],.create-document-form .form-group textarea{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s}.create-document-form .form-group input[type=text]:focus,.create-document-form .form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.document-type-options{gap:16px;margin-top:4px;display:flex}.type-option{cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;transition:border-color .2s,background .2s;display:flex}.type-option:hover{background:#f8f9ff;border-color:#667eea}.type-option input[type=radio]{accent-color:#667eea;flex-shrink:0;width:18px;height:18px;margin:0}.type-label{color:#2d3748;cursor:pointer;font-weight:500}.requirement-input-group{align-items:center;gap:10px;display:flex}.requirement-input-group input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s}.requirement-input-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.add-requirement-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;padding:10px 20px;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex}.add-requirement-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.requirements-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.requirement-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.requirement-item:hover{background:#f0f4ff;border-color:#667eea}.requirement-text{color:#2d3748;flex:1;font-size:.95rem}.remove-requirement-btn{color:#e53e3e;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;transition:all .3s}.remove-requirement-btn:hover{color:#c53030;transform:scale(1.2)}.error-message{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:.9rem}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.form-actions .btn-cancel{color:#4a5568;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:10px;align-items:center;padding:10px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.form-actions .btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.form-actions .btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:10px 28px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.form-actions .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.form-actions .btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=640px){.create-document-page{padding:16px 20px}.create-document-container{padding:20px 16px}.create-document-header h1{font-size:1.4rem}.form-actions{flex-direction:column}.form-actions .btn-cancel,.form-actions .btn-confirm{justify-content:center;width:100%}.document-type-options{flex-direction:column;gap:8px}}.workflows-page{background:#f7fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px 40px;font-family:Inter,Segoe UI,Roboto,sans-serif}.workflows-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:20px 0 30px;display:flex;position:relative}.workflows-header h1{color:#2d3748;text-align:center;letter-spacing:-.5px;flex:1;margin:0;font-family:inherit;font-size:2rem;font-weight:700}.create-category-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #667eea4d}.create-category-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:8px;display:grid}.category-card-link{color:inherit;text-decoration:none;transition:transform .3s;display:block}.category-card-link:hover{transform:translateY(-6px)}.category-card{cursor:pointer;background:#fff;border:1px solid #edf2f7;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;min-height:140px;padding:28px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.category-card:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.category-card:hover{border-color:#667eea;box-shadow:0 12px 40px #0000001a}.category-card:hover:before{opacity:1}.category-card h3{color:#2d3748;letter-spacing:-.3px;margin:0 0 8px;font-family:inherit;font-size:1.2rem;font-weight:700}.category-card .services-count{color:#718096;margin:0;font-family:inherit;font-size:.95rem;font-weight:500}.error-message{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;margin-top:8px;padding:10px 14px;font-family:inherit;font-size:.9rem}@media (width<=640px){.workflows-page{padding:16px 20px}.workflows-header{flex-direction:column;align-items:stretch}.create-category-btn{justify-content:center;width:100%}.categories-grid{grid-template-columns:1fr}.category-card{min-height:100px;padding:20px}}.category-services-page{background:#f7fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px 40px;font-family:Inter,Segoe UI,Roboto,sans-serif}.category-services-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0 24px;display:flex}.category-services-header h1{color:#2d3748;text-align:center;letter-spacing:-.5px;flex:0 auto;margin:0 auto;font-family:inherit;font-size:2rem;font-weight:700}.edit-category-btn,.delete-category-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.edit-category-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.edit-category-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.delete-category-btn{color:#fff;background:#fc8181}.delete-category-btn:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66}.category-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.services-count-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;padding:6px 20px;font-family:inherit;font-size:.95rem;font-weight:600;box-shadow:0 2px 10px #667eea4d}.create-service-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 10px #48bb784d}.create-service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.services-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:8px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #edf2f7;border-radius:16px;justify-content:center;align-items:center;min-height:120px;padding:28px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.service-card:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:#667eea;transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.service-card:hover:before{opacity:1}.service-name{color:#2d3748;word-break:break-word;font-family:inherit;font-size:1.1rem;font-weight:600;line-height:1.4}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:520px;animation:.3s slideUp;overflow:hidden;box-shadow:0 30px 80px #0000004d}@media (width<=768px){.category-services-page{padding:16px 20px}.category-services-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{flex-wrap:wrap;justify-content:flex-start}.category-stats{flex-direction:column;align-items:stretch}.services-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.service-card{min-height:100px;padding:20px 16px}.modal-content{max-width:95%}}.service-card-link{color:inherit;text-decoration:none;display:block}.workflow-details-page{background:#f7fafc;max-width:1600px;min-height:100vh;margin:0 auto;padding:30px 40px;font-family:Inter,Segoe UI,Roboto,sans-serif}.workflow-details-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px 0 24px;display:flex}.workflow-details-header h1{color:#2d3748;flex:1;margin:0;font-family:inherit;font-size:2rem;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.edit-service-btn,.delete-service-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.edit-service-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.edit-service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.delete-service-btn{color:#fff;background:#fc8181}.delete-service-btn:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66}.workflow-stats{margin-bottom:20px}.stages-count-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;padding:6px 20px;font-family:inherit;font-size:.95rem;font-weight:600;box-shadow:0 2px 10px #667eea4d}.stages-scroll-container{align-items:stretch;padding:8px 0 20px;display:flex;overflow-x:auto}.stages-scroll-container::-webkit-scrollbar{height:8px}.stages-scroll-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:10px}.stages-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.stages-scroll-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.stages-wrapper{align-items:stretch;gap:20px;min-width:max-content;padding-bottom:6px;display:flex}.stage-card{text-align:center;cursor:grab;background:#fff;border:1px solid #edf2f7;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;min-width:180px;max-width:220px;min-height:100px;padding:24px 20px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.stage-card:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stage-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.stage-card:hover:before{opacity:1}.stage-card:active{cursor:grabbing}.stage-name{color:#2d3748;word-break:break-word;font-family:inherit;font-size:1rem;font-weight:600}.add-stage-card{cursor:pointer;background:#fff;border:2px dashed #cbd5e0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;min-width:180px;max-width:220px;min-height:100px;padding:24px 20px;transition:all .3s;display:flex}.add-stage-card:hover{background:#f8f9ff;border-color:#667eea;transform:scale(1.02)}.add-stage-icon{color:#667eea;font-size:2.5rem;font-weight:300;line-height:1}.empty-state{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:20px;max-width:600px;margin:40px auto;padding:60px 20px}.empty-state p{color:#2d3748;margin-bottom:8px;font-family:inherit;font-size:1.2rem;font-weight:600}.empty-state span{color:#a0aec0;font-family:inherit;font-size:1rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:520px;font-family:inherit;animation:.3s slideUp;overflow:hidden;box-shadow:0 30px 80px #0000004d}.delete-modal{max-width:560px}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-header h2{color:#fff;margin:0;font-family:inherit;font-size:1.3rem;font-weight:600}.delete-modal-header{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;transition:all .3s}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:28px 28px 20px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{color:#2d3748;margin-bottom:8px;font-family:inherit;font-size:.95rem;font-weight:600;display:block}.modal-body .form-group input{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.modal-body .form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea26}.delete-warning{color:#2d3748;background:#fff5f5;border-left:4px solid #fc8181;border-radius:12px;margin-bottom:20px;padding:16px 20px;font-family:inherit;font-size:.95rem;line-height:1.7}.modal-footer{border-top:1px solid #edf2f7;justify-content:flex-end;gap:12px;margin-top:8px;padding:12px 0 8px;display:flex}.modal-footer .btn-cancel{color:#4a5568;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:12px;padding:10px 24px;font-family:inherit;font-weight:600;transition:all .3s}.modal-footer .btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.modal-footer .btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:10px 28px;font-family:inherit;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #667eea4d}.modal-footer .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.modal-footer .btn-confirm:disabled{opacity:.5;cursor:not-allowed}.delete-modal-footer .btn-danger{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:12px;padding:10px 28px;font-family:inherit;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #e53e3e4d}.delete-modal-footer .btn-danger:hover:not(:disabled){background:#c53030;transform:translateY(-2px);box-shadow:0 8px 24px #e53e3e66}.delete-modal-footer .btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.workflow-details-page{padding:16px 20px}.workflow-details-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{justify-content:flex-start}.stage-card,.add-stage-card{min-width:140px;max-width:180px;padding:16px}.stages-wrapper{gap:12px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.add-stage-modal{max-height:90vh;max-width:900px!important}.add-stage-modal-body{max-height:70vh;padding:24px 28px 16px;overflow-y:auto}.add-stage-modal-body::-webkit-scrollbar{width:6px}.add-stage-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.add-stage-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.form-section{background:#fafbfc;border:1px solid #edf2f7;border-radius:12px;margin-bottom:24px;padding:16px}.form-section>label{color:#2d3748;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.section-input-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-input-group input{border:2px solid #e2e8f0;border-radius:8px;flex:1;min-width:120px;padding:8px 12px;font-size:.95rem}.section-input-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;padding:6px 16px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}.add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.section-items{flex-direction:column;gap:6px;margin-top:10px;display:flex}.section-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;transition:all .2s;display:flex}.section-item:hover{background:#f8f9ff;border-color:#667eea}.section-item .remove-btn{color:#e53e3e;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;transition:all .2s}.section-item .remove-btn:hover{color:#c53030;transform:scale(1.2)}.drag-handle{cursor:grab;color:#a0aec0;-webkit-user-select:none;user-select:none;margin-right:8px;font-size:1.2rem}.dropdown-container{flex:1;position:relative}.doc-search-input{width:100%}.dropdown-list{z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.dropdown-item{cursor:pointer;padding:8px 14px;transition:background .2s}.dropdown-item:hover{background:#f0f4ff}.reminder-note-input{flex:2}.reminder-date-input{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-width:180px;padding:8px 12px;font-family:inherit;font-size:.95rem}.reminder-date-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.reminder-date{color:#718096;font-size:.8rem;font-weight:500}.react-datepicker{border-color:#e2e8f0!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;box-shadow:0 10px 40px #00000026!important}.react-datepicker__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-bottom:none!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day-name{text-transform:uppercase}.react-datepicker__day{color:#2d3748!important}.react-datepicker__day:hover{color:#fff!important;background:#667eea!important}.react-datepicker__day--selected{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.react-datepicker__day--keyboard-selected{color:#fff!important;background:#667eea!important}.react-datepicker__time-container{border-left:1px solid #e2e8f0!important}.react-datepicker__time-container .react-datepicker__time{background:#fff!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{color:#2d3748!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{color:#fff!important;background:#667eea!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow{border-color:#fff!important}.question-input-group{flex-wrap:wrap}.question-text-input{flex:2;min-width:150px}.question-options{background:#fff;border:1px solid #edf2f7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;width:100%;margin:10px 0 8px;padding:10px 14px;display:flex}.question-options-group{flex-direction:column;gap:6px;display:flex}.question-options-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.question-options .radio-group{flex-wrap:wrap;gap:6px;display:flex}.question-options .radio-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:4px 14px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.question-options .radio-option:hover{background:#f8f9ff;border-color:#667eea}.question-options .radio-option.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 12px #667eea4d}.question-options .radio-option input[type=radio]{display:none}.question-options-divider{background:#e2e8f0;width:1px;height:40px;margin:0 4px}.option-text-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1;min-width:100px;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:all .3s}.option-text-input:focus{box-shadow:0 0 0 3px rgba(102, .stage-details-page { padding: 30px 40px; max-width: 1200px; margin: 0 auto; min-height: 100vh; background: #f7fafc; font-family: "Inter", "Segoe UI", Roboto, sans-serif; } .stage-details-header { display: flex; align-items: center; gap: 16px; padding: 16px 0 24px; flex-wrap: wrap; border-bottom: 2px solid #e2e8f0; margin-bottom: 20px; } .stage-details-header h1 { margin: 0; font-size: 2rem; color: #2d3748; font-weight: 700; flex: 1; font-family: inherit; } .back-button { color: #4a5568; text-decoration: none; padding: 8px 16px; border-radius: 30px; transition: all .3s ease; font-weight: 600; font-size: .95rem; font-family: inherit; background: transparent; border: 2px solid #e2e8f0; } .back-button:hover { background: #edf2f7; border-color: #cbd5e0; } .header-actions { display: flex; gap: 12px; align-items: center; } .edit-stage-btn, .delete-stage-btn { padding: 8px 18px; border: none; border-radius: 30px; font-weight: 600; font-size: .85rem; font-family: inherit; cursor: pointer; transition: all .3s ease; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 2px 8px #0000000f; } .edit-stage-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } .edit-stage-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px #667eea66; } .delete-stage-btn { background: #fc8181; color: white; } .delete-stage-btn:hover { background: #e53e3e; transform: translateY(-2px); box-shadow: 0 6px 20px #e53e3e66; }  .stage-details-container { margin-top: 20px; } .stage-details-card { background: white; border-radius: 20px; padding: 32px; box-shadow: 0 4px 16px #0000000f; border: 1px solid #edf2f7; } .stage-detail-item { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid #edf2f7; } .stage-detail-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .stage-detail-label { font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .5px; font-family: inherit; } .stage-detail-value { font-size: 16px; color: #2d3748; font-family: inherit; }  .tags-container { display: flex; flex-wrap: wrap; gap: 8px; } .tag { background: #edf2f7; padding: 6px 16px; border-radius: 20px; font-size: 14px; color: #2d3748; font-family: inherit; } .document-tag { background: #dbeafe; color: #1e40af; } .document-tag-send { background: #d1fae5; color: #065f46; } .empty-text { color: #a0aec0; font-style: italic; font-size: 14px; font-family: inherit; }  .reminders-list { display: flex; flex-direction: column; gap: 8px; } .reminder-item { background: #fef3c7; padding: 10px 16px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; } .reminder-note { font-weight: 500; color: #1a202c; font-family: inherit; } .reminder-date-display { font-size: 13px; color: #6b7280; font-family: inherit; }  .questions-list { display: flex; flex-direction: column; gap: 12px; } .question-item { background: #f8f7ff; padding: 14px 18px; border-radius: 12px; border-left: 4px solid #8b5cf6; } .question-text { display: flex; flex-direction: column; gap: 4px; } .question-text strong { font-size: 15px; color: #1a202c; font-family: inherit; } .question-meta-display { font-size: 12px; color: #6b7280; font-family: inherit; } .question-options-display { margin-top: 4px; padding: 4px 12px; background: #f3f0ff; border-radius: 6px; font-size: 13px; color: #4a5568; font-family: inherit; }  .edit-stage-modal { max-width: 900px !important; max-height: 90vh; } .edit-stage-modal-body { max-height: 70vh; overflow-y: auto; padding: 24px 28px 16px; } .edit-stage-modal-body::-webkit-scrollbar { width: 6px; } .edit-stage-modal-body::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .edit-stage-modal-body::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; }  .form-section { margin-bottom: 24px; border: 1px solid #edf2f7; border-radius: 12px; padding: 16px; background: #fafbfc; } .form-section > label { font-weight: 600; color: #2d3748; display: block; margin-bottom: 8px; font-size: .95rem; } .section-input-group { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .section-input-group input { flex: 1; padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: .95rem; min-width: 120px; } .section-input-group input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px #667eea26; } .add-btn { padding: 6px 16px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 8px; font-size: 1.2rem; font-weight: 700; cursor: pointer; transition: all .3s; display: flex; align-items: center; justify-content: center; min-width: 40px; } .add-btn:hover { transform: scale(1.05); box-shadow: 0 4px 12px #667eea4d; } .section-items { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; } .section-item { display: flex; justify-content: space-between; align-items: center; background: white; padding: 8px 14px; border-radius: 8px; border: 1px solid #e2e8f0; transition: all .2s; } .section-item:hover { border-color: #667eea; background: #f8f9ff; } .section-item .remove-btn { background: transparent; border: none; color: #e53e3e; font-size: 1.1rem; cursor: pointer; padding: 0 4px; transition: all .2s; } .section-item .remove-btn:hover { color: #c53030; transform: scale(1.2); } .drag-handle { cursor: grab; color: #a0aec0; font-size: 1.2rem; user-select: none; margin-right: 8px; }  .dropdown-container { position: relative; flex: 1; } .doc-search-input { width: 100%; } .dropdown-list { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #e2e8f0; border-radius: 8px; max-height: 200px; overflow-y: auto; z-index: 1001; box-shadow: 0 4px 20px #0000001a; } .dropdown-item { padding: 8px 14px; cursor: pointer; transition: background .2s; } .dropdown-item:hover { background: #f0f4ff; }  .reminder-note-input { flex: 2; } .reminder-date-input { width: 100%; padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: .95rem; background: white; font-family: inherit; cursor: pointer; min-width: 180px; } .reminder-date-input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px #667eea26; } .reminder-date { font-size: .8rem; color: #718096; font-weight: 500; }  .react-datepicker { font-family: "Inter", "Segoe UI", Roboto, sans-serif !important; border-color: #e2e8f0 !important; box-shadow: 0 10px 40px #00000026 !important; } .react-datepicker__header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; border-bottom: none !important; } .react-datepicker__current-month, .react-datepicker__day-name { color: white !important; } .react-datepicker__day-name { text-transform: uppercase; } .react-datepicker__day { color: #2d3748 !important; } .react-datepicker__day:hover { background: #667eea !important; color: white !important; } .react-datepicker__day--selected { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; } .react-datepicker__day--keyboard-selected { background: #667eea !important; color: white !important; } .react-datepicker__time-container { border-left: 1px solid #e2e8f0 !important; } .react-datepicker__time-container .react-datepicker__time { background: white !important; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { color: #2d3748 !important; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { background: #667eea !important; color: white !important; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; } .react-datepicker__navigation-icon::before { border-color: white !important; }  .question-input-group { flex-wrap: wrap; } .question-text-input { flex: 2; min-width: 150px; } .question-options { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 10px 0 8px 0; padding: 10px 14px; background: white; border-radius: 10px; border: 1px solid #edf2f7; width: 100%; } .question-options-group { display: flex; flex-direction: column; gap: 6px; } .question-options-label { font-size: .75rem; font-weight: 600; color: #718096; text-transform: uppercase; letter-spacing: .5px; } .question-options .radio-group { display: flex; gap: 6px; flex-wrap: wrap; } .question-options .radio-option { display: flex; align-items: center; gap: 4px; padding: 4px 14px; border-radius: 20px; border: 2px solid #e2e8f0; cursor: pointer; transition: all .3s ease; font-weight: 500; font-size: .85rem; background: white; user-select: none; } .question-options .radio-option:hover { border-color: #667eea; background: #f8f9ff; } .question-options .radio-option.active { border-color: #667eea; background: linear-gradient(135deg, #667eea, #764ba2); color: white; box-shadow: 0 2px 12px #667eea4d; } .question-options .radio-option input[type="radio"] { display: none; } .question-options-divider { width: 1px; height: 40px; background: #e2e8f0; margin: 0 4px; } .checkbox-options-group { margin-top: 8px; } .checkbox-options-group > label { font-weight: 500; color: #4a5568; display: block; margin-bottom: 6px; font-size: .9rem; } .option-text-input { padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: .95rem; transition: all .3s ease; background: white; font-family: inherit; flex: 1; min-width: 100px; } .option-text-input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px #667eea26; }  .delete-modal { max-width: 560px; } .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 28px; border-bottom: 1px solid #0000000f; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .modal-header h2 { margin: 0; color: white; font-size: 1.3rem; font-weight: 600; font-family: inherit; } .delete-modal-header { background: linear-gradient(135deg, #e53e3e, #c53030) !important; } .modal-close { background: #fff3; border: none; color: white; width: 36px; height: 36px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: all .3s ease; } .modal-close:hover { background: #ffffff4d; transform: rotate(90deg); } .modal-body { padding: 28px 28px 20px; } .modal-body .form-group { margin-bottom: 20px; } .modal-body .form-group label { display: block; font-weight: 600; color: #2d3748; font-size: .95rem; margin-bottom: 8px; font-family: inherit; } .modal-body .form-group input { width: 100%; padding: 12px 16px; border: 2px solid #e2e8f0; border-radius: 12px; font-size: 1rem; transition: all .3s ease; box-sizing: border-box; font-family: inherit; } .modal-body .form-group input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 4px #667eea26; } .delete-warning { font-size: .95rem; line-height: 1.7; color: #2d3748; margin-bottom: 20px; font-family: inherit; background: #fff5f5; padding: 16px 20px; border-radius: 12px; border-left: 4px solid #fc8181; } .modal-footer { display: flex; justify-content: flex-end; gap: 12px; padding: 12px 0 8px; border-top: 1px solid #edf2f7; margin-top: 8px; } .modal-footer .btn-cancel { padding: 10px 24px; background: transparent; border: 2px solid #e2e8f0; border-radius: 12px; color: #4a5568; font-weight: 600; cursor: pointer; transition: all .3s ease; font-family: inherit; } .modal-footer .btn-cancel:hover { background: #f7fafc; border-color: #cbd5e0; } .modal-footer .btn-confirm { padding: 10px 28px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 12px; color: white; font-weight: 600; cursor: pointer; transition: all .3s ease; box-shadow: 0 4px 16px #667eea4d; font-family: inherit; } .modal-footer .btn-confirm:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px #667eea66; } .modal-footer .btn-confirm:disabled { opacity: .5; cursor: not-allowed; } .delete-modal-footer .btn-danger { padding: 10px 28px; background: #e53e3e; border: none; border-radius: 12px; color: white; font-weight: 600; cursor: pointer; transition: all .3s ease; box-shadow: 0 4px 16px #e53e3e4d; font-family: inherit; } .delete-modal-footer .btn-danger:hover:not(:disabled) { background: #c53030; transform: translateY(-2px); box-shadow: 0 8px 24px #e53e3e66; } .delete-modal-footer .btn-danger:disabled { opacity: .5; cursor: not-allowed; } .error-message { margin-top: 16px; padding: 12px 16px; background: #fed7d7; color: #9b2c2c; border-radius: 12px; border: 1px solid #fc8181; font-family: inherit; } .loading { text-align: center; padding: 40px; color: #4a5568; font-size: 16px; font-family: inherit; }  .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #0009; backdrop-filter: blur(8px); display: flex; justify-content: center; align-items: center; z-index: 1000; animation: fadeIn .3s ease; } .modal-content { background: white; border-radius: 24px; max-width: 520px; width: 90%; box-shadow: 0 30px 80px #0000004d; animation: slideUp .3s ease; overflow: hidden; font-family: inherit; }  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px) scale(.95); } to { opacity: 1; transform: translateY(0) scale(1); } }  @media (max-width: 768px) { .stage-details-page { padding: 16px 20px; } .stage-details-header { flex-direction: column; align-items: stretch; gap: 12px; } .stage-details-header h1 { font-size: 1.5rem; text-align: center; } .header-actions { justify-content: center; flex-wrap: wrap; } .stage-details-card { padding: 20px; } .edit-stage-modal { max-width: 95% !important; } .edit-stage-modal-body { padding: 16px; } .section-input-group { flex-direction: column; align-items: stretch; } .section-input-group input { width: 100%; min-width: auto; } .reminder-date-input { min-width: auto; } .question-options { flex-direction: column; align-items: stretch; } .question-options-divider { display: none; } .reminder-item { flex-direction: column; align-items: flex-start; } .modal-content { width: 95%; max-width: 95%; } });border-color:#667eea;outline:none}