body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button{cursor:pointer;font-family:inherit;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.dashboard-header{margin-bottom:40px}.dashboard-header h2{color:#333;font-size:36px;margin-bottom:10px}.dashboard-header p{color:#666;font-size:18px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;gap:20px;padding:30px;transition:all .3s}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.prospects-card{border-left:4px solid #f59e0b}.leads-card{border-left:4px solid #3b82f6}.clients-card{border-left:4px solid #4ade80}.projects-card{border-left:4px solid #8b5cf6}.stat-icon{font-size:48px}.stat-info h3{color:#333;font-size:36px;margin-bottom:5px}.stat-info p{color:#666;font-size:16px;font-weight:500}.quick-actions{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px}.quick-actions h3{color:#333;font-size:24px;margin-bottom:20px}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s}.action-btn:hover{box-shadow:0 6px 20px #4ade804d;transform:translateY(-2px)}.conversion-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:40px;padding:30px}.conversion-section h3{color:#333;font-size:24px;margin-bottom:20px}.conversion-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.conversion-card{background:#f8f9fa;border-left:4px solid #4ade80;border-radius:12px;padding:20px;transition:all .3s}.conversion-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.overall-conversion{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e}.conversion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.conversion-label{color:#333;font-size:16px;font-weight:600}.conversion-percentage{color:#22c55e;font-size:32px;font-weight:700}.conversion-bar{background-color:#e5e7eb;border-radius:6px;height:12px;margin-bottom:10px;overflow:hidden;width:100%}.conversion-fill{border-radius:6px;height:100%;transition:width .5s ease}.prospect-to-lead{background:linear-gradient(90deg,#f59e0b,#3b82f6)}.lead-to-client{background:linear-gradient(90deg,#3b82f6,#4ade80)}.overall-fill{background:linear-gradient(90deg,#4ade80,#22c55e)}.conversion-detail{color:#666;font-size:14px;margin:0}.prospects-grid{display:flex;flex-direction:column;gap:8px}.prospect-card{align-items:center;background:#fff;border-left:4px solid #f59e0b;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px;transition:all .2s}.lead-card{border-left:4px solid #3b82f6}.client-card{border-left:4px solid #4ade80}.prospect-card:hover{box-shadow:0 4px 12px #0000001a}.card-content{gap:20px}.card-content,.card-info{align-items:center;display:flex;flex:1 1;min-width:0}.card-info{gap:15px}.card-header{align-items:center;display:flex;gap:12px;min-width:200px}.card-header h3{color:#333;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.card-name{color:#333;font-size:15px;font-weight:600;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-role{min-width:120px}.card-email,.card-phone,.card-role{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-email,.card-phone{min-width:180px}.card-timeline{color:#007aff;font-size:13px;font-weight:500;min-width:100px}.card-actions{display:flex;flex-shrink:0;gap:8px}.card-actions button{font-size:13px;padding:6px 12px;white-space:nowrap}@media (max-width:1200px){.card-info{flex-wrap:wrap;gap:10px}.card-email,.card-header h3,.card-name,.card-phone,.card-role{min-width:auto}.card-content{min-width:0}}@media (max-width:768px){.prospect-card{align-items:flex-start;flex-direction:column}.card-content{width:100%}.card-info{flex-direction:column;gap:8px;width:100%}.card-email,.card-header,.card-name,.card-phone,.card-role,.card-timeline{min-width:100%}.card-actions{flex-wrap:wrap;width:100%}.card-actions button{flex:1 1;min-width:60px}}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:20px}.detail-grid div{background-color:#f8f8f8;border-radius:8px;padding:12px}.detail-grid strong{color:#666;display:block;font-size:14px;margin-bottom:5px}.modal-form h4{color:#333;font-size:18px;margin-bottom:10px;margin-top:20px}.csv-instructions{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:15px}.csv-instructions p{color:#16a34a;font-weight:600;margin-bottom:10px}.csv-instructions ul{color:#15803d;list-style-position:inside}.csv-instructions li{font-size:14px;margin-bottom:5px}.upload-form{display:flex;flex-direction:column;gap:15px}.upload-form label{color:#333;font-weight:600;margin-bottom:-10px}.upload-form input[type=file]{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:12px;transition:border-color .3s}.upload-form input[type=file]:hover{border-color:#4ade80}.upload-form select{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px}.social-media-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.social-media-section h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:15px}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.social-links a{background-color:#4ade80;border-radius:6px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .3s}.social-links a:hover{background-color:#22c55e}.pagination-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:10px;justify-content:center;margin-top:40px;padding:20px}.pagination-btn{background-color:#4ade80;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.pagination-btn:hover:not(:disabled){background-color:#22c55e;transform:translateY(-2px)}.pagination-btn:disabled{background-color:#d1d5db;cursor:not-allowed;transform:none}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:8px 14px;transition:all .3s}.pagination-number:hover{background-color:#f0fdf4;border-color:#4ade80;color:#22c55e}.pagination-number.active{background-color:#4ade80;border-color:#4ade80;color:#fff}.pagination-ellipsis{color:#9ca3af;font-weight:700;padding:0 5px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:24px;transition:all .3s}.project-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-4px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-header h3{color:#333;font-size:20px;margin:0}.project-color{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;width:24px}.project-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.project-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;padding-top:15px}.project-actions button{flex:1 1}.color-section{margin:20px 0}.color-section label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.color-grid{grid-gap:10px;background-color:#f8f9fa;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(8,1fr);max-height:300px;overflow-y:auto;padding:10px}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:45px;position:relative;transition:all .3s;width:45px}.color-option:hover{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.color-option.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333;transform:scale(1.1)}.color-option.selected:after{color:#fff;content:"✓";font-size:20px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%)}.color-grid::-webkit-scrollbar{width:6px}.color-grid::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.color-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.color-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}.selected-color-display{background-color:#f8f9fa;border-radius:8px;color:#333;font-size:14px;margin-top:15px;padding:10px;text-align:center}.selected-color-display span{font-size:24px;margin:0 5px}.settings-container{margin:0 auto;max-width:1000px}.settings-container h2{color:#333;font-size:32px;margin-bottom:30px}.settings-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:0}.settings-tabs button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:12px 24px;position:relative;transition:color .3s}.settings-tabs button:hover{color:#22c55e}.settings-tabs button.active{color:#22c55e;font-weight:600}.settings-tabs button.active:after{background-color:#22c55e;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.settings-content{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:30px}.settings-section h3{color:#333;font-size:24px;margin-bottom:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.info-item{background-color:#f8f8f8;border-radius:10px;padding:15px}.info-item label{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.info-item p{color:#333;font-size:16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card{background:#f8f8f8;border-left:4px solid #4ade80;border-radius:10px;padding:20px}.team-card h4{color:#333;font-size:18px;margin-bottom:8px}.team-card p{color:#666;font-size:14px;margin-bottom:4px}.user-type{background-color:#4ade80;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.assigned-projects{color:#007aff!important;font-weight:500;margin-top:8px}.team-card button{margin-top:15px;width:100%}.projects-assignment{margin:20px 0}.projects-assignment label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.checkbox-label{align-items:center;background-color:#f8f8f8;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:10px;transition:background-color .2s}.checkbox-label:hover{background-color:#f0f0f0}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.danger-zone{background-color:#fff5f5;border:1px solid #fecaca;border-radius:12px;margin-top:40px;padding:20px}.danger-zone h4{color:#dc2626;font-size:20px;margin-bottom:15px}.btn-danger,.btn-logout{background-color:#ff3b30;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:15px;margin-top:10px;padding:12px 24px}.btn-danger:hover,.btn-logout:hover{background-color:#e02d22}.team-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.team-card-actions .btn-secondary{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.team-card-actions .btn-secondary:hover{background-color:#5a6268}.team-card-actions .btn-delete{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.team-card-actions .btn-delete:hover{background-color:#c82333}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.loading{color:#666;font-size:18px;min-height:400px}.loading,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:linear-gradient(135deg,#4ade80,#22c55e);min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.login-header h1{color:#22c55e;font-size:32px;margin-bottom:10px;text-align:center}.login-header h2{color:#333;font-size:20px;font-weight:400;margin-bottom:30px;text-align:center}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:14px;transition:border-color .3s;width:100%}.login-form input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a;outline:none}.login-button{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s}.login-button:hover{box-shadow:0 4px 12px #4ade8066;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:20px;text-align:center}.toggle-button{color:#22c55e;font-weight:700;text-decoration:underline}.password-toggle,.toggle-button{background:none;border:none;cursor:pointer}.password-toggle{align-items:center;display:flex;font-size:20px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s}.password-toggle:hover{opacity:.7}.dashboard-container{background-color:#f5f5f7;min-height:100vh}.dashboard-main{margin:0 auto;max-width:1400px;padding:40px}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:15px 40px}.nav-brand h1{color:#22c55e;font-size:24px;margin:0}.nav-list{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-item{background:none;border:none;color:#333;cursor:pointer;font-size:16px;padding:8px 0;position:relative;transition:color .3s}.nav-item.active,.nav-item:hover{color:#22c55e}.nav-item.active:after{background-color:#22c55e;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.nav-user{align-items:center;display:flex;gap:20px}.nav-user span{color:#666}.logout-button{background-color:#ff3b30;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#e02d22}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h2{color:#333;font-size:32px}.header-actions{display:flex;gap:15px}.btn-primary{background-color:#4ade80;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary:hover{background-color:#22c55e;box-shadow:0 4px 12px #4ade804d;transform:translateY(-2px)}.btn-secondary{background-color:#5856d6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-revert{background-color:#ff9500;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-revert:hover{background-color:#e08600;box-shadow:0 4px 12px #ff95004d;transform:translateY(-2px)}.btn-edit{background-color:#007aff}.btn-edit,.btn-view{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-view{background-color:#5856d6}.btn-convert{background-color:#ff9500}.btn-convert,.btn-delete{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-delete{background-color:#ff3b30}.btn-cancel{background-color:#ff3b30}.btn-cancel,.btn-save{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.btn-close,.btn-save{background-color:#4ade80}.btn-close{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;width:100%}.btn-close:hover{background-color:#22c55e}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.large-modal{max-width:800px}.modal-content h3{color:#333;font-size:24px;margin-bottom:20px}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;width:100%}.modal-form textarea{font-family:inherit;resize:vertical}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.modal-actions{display:flex;gap:15px;margin-top:20px}.modal-actions button{flex:1 1}.no-data{background:#fff;border-radius:12px;color:#666;font-size:18px;padding:60px 20px;text-align:center}
/*# sourceMappingURL=main.2f256c67.css.map*/