.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-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}.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}@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-body{padding:28px 28px 20px}.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}@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}}.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}.error-message{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin-top:12px;padding:10px 14px}.section-item.dragging{opacity:.5;background:#edf2f7}.section-item{cursor:default}.section-item:active{cursor:grabbing}.stage-details-page{background:#f7fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:30px 40px;font-family:Inter,Segoe UI,Roboto,sans-serif}.stage-details-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0 24px;display:flex}.stage-details-header h1{color:#2d3748;flex:1;margin:0;font-family:inherit;font-size:2rem;font-weight:700}.header-actions{gap:12px;display:flex}.edit-stage-btn,.delete-stage-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-stage-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.edit-stage-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.delete-stage-btn{color:#fff;background:#fc8181}.delete-stage-btn:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66}.stage-details-container{max-width:900px;margin:0 auto}.stage-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 40px;box-shadow:0 4px 24px #00000014}.stage-details-section{border-bottom:1px solid #edf2f7;margin-bottom:28px;padding-bottom:28px}.stage-details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stage-details-title{color:#2d3748;letter-spacing:-.2px;margin-bottom:16px;font-family:inherit;font-size:1.1rem;font-weight:700}.stage-details-grid{grid-template-columns:1fr 1fr;gap:16px 32px;display:grid}.stage-details-item{flex-direction:column;gap:4px;display:flex}.stage-details-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;font-size:.75rem;font-weight:600}.stage-details-value{color:#2d3748;font-family:inherit;font-size:1rem;font-weight:500}.tag{color:#2b6cb0;background:#ebf8ff;border:1px solid #2b6cb01f;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:.85rem;font-weight:500}.doc-tag{color:#276749;background:#f0fff4}.send-tag{color:#975a16;background:#fefcbf}.reminders-list{flex-direction:column;gap:8px;display:flex}.reminder-item{background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.reminder-note{color:#2d3748;font-family:inherit;font-weight:500}.reminder-date{color:#718096;font-family:inherit;font-size:.85rem}.questions-list{flex-direction:column;gap:8px;display:flex}.question-item{background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.question-preview{color:#2d3748;font-family:inherit;font-weight:500}.question-meta{color:#718096;font-family:inherit;font-size:.85rem}.delete-modal{max-width:560px}.delete-modal-header{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.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}.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}.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}.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}.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{max-height:70vh;padding:28px 28px 20px;overflow-y:auto}.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}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#2d3748;margin-bottom:4px;font-family:inherit;font-size:.9rem;font-weight:600;display:block}.modal-body .form-group input,.modal-body .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}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.modal-body .form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.error-message{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin-top:10px;padding:10px 14px;font-family:inherit;font-size:.9rem}.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}@media (width<=768px){.stage-details-page{padding:16px 20px}.stage-details-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{justify-content:flex-start}.stage-details-grid{grid-template-columns:1fr;gap:12px}.stage-details-card{padding:20px 16px}.edit-modal{max-width:95%!important}}.edit-modal{max-width:750px!important}.edit-modal-body{max-height:70vh;padding:24px 28px 16px;overflow-y:auto}.edit-modal-body::-webkit-scrollbar{width:6px}.edit-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.edit-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.form-section{background:#fafbfc;border:1px solid #edf2f7;border-radius:12px;margin-bottom:20px;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}.question-options{flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.question-options label{align-items:center;gap:4px;font-weight:500;display:flex}.question-options input[type=radio]{accent-color:#667eea;margin:0 2px}.reminder-note-input{flex:2}.reminder-date-input{flex:1.5}.question-text-input{flex:2;min-width:150px}.question-input-group{flex-wrap:wrap}.doc-search-input{width:100%}.empty-text{color:#a0aec0;font-size:.95rem;font-style:italic}.stage-details-tags{flex-wrap:wrap;gap:8px;display:flex}.dropdown-container{flex:1;position:relative}.doc-search-input{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:.95rem}.doc-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.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}.empty-state{color:#a0aec0;text-align:center;padding:12px 14px}