:root{--primary-color: #4CAF50;--secondary-color: #f4f4f4;--text-color: #333;--background-color: #fff;--font-family: "Arial", sans-serif;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}body{margin:0;font-family:var(--font-family);background-color:var(--secondary-color);color:var(--text-color)}nav{background-color:#f9f9f9;padding:10px 20px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px #0000001a}.desktop-nav{list-style:none;display:flex;flex-direction:row;align-items:center;gap:20px;padding:0;margin:0;justify-content:space-between}.desktop-nav li{margin:0}.desktop-nav li a{color:#333;text-decoration:none;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition)}.desktop-nav li a:hover{background-color:#4caf501a;color:var(--primary-color)}.desktop-nav .user-info{font-weight:700;color:#555;font-size:.9rem}.desktop-nav .logout-btn{color:#333;background:none;border:1px solid #ccc;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:var(--transition)}.desktop-nav .logout-btn:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}.mobile-nav{display:none}.mobile-nav details{width:100%}.mobile-nav details summary{cursor:pointer;font-weight:700;color:#333;background-color:var(--primary-color);color:#fff;padding:.75rem 1rem;border-radius:var(--border-radius);list-style:none;-webkit-user-select:none;user-select:none;outline:none;margin-bottom:10px}.mobile-nav details summary::-webkit-details-marker{display:none}.mobile-nav details summary:before{content:"☰ ";margin-right:8px}.mobile-nav details[open] summary:before{content:"✕ "}.mobile-nav details ul{list-style:none;padding:0;margin:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.mobile-nav details ul li{margin:0;border-bottom:1px solid #eee}.mobile-nav details ul li:last-child{border-bottom:none}.mobile-nav details ul li a{color:#333;text-decoration:none;font-weight:700;padding:1rem;display:block;transition:var(--transition)}.mobile-nav details ul li a:hover{background-color:#4caf501a;color:var(--primary-color)}.mobile-nav .user-info{font-weight:700;color:#555;font-size:.9rem;padding:1rem;background-color:#f8f9fa}.mobile-nav .logout-btn{color:#dc3545;background:none;border:none;padding:1rem;width:100%;text-align:right;cursor:pointer;font-weight:700;transition:var(--transition)}.mobile-nav .logout-btn:hover{background-color:#dc35451a}@media (min-width: 769px){.desktop-nav{display:flex}.mobile-nav{display:none}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav{display:block}nav{padding:10px}}main{padding:2rem}.card{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin:1rem 0;transition:var(--transition)}.card:hover{transform:translateY(-5px)}.card h3{margin-top:0;color:var(--primary-color)}form{display:flex;flex-direction:column;gap:1rem}input,button{padding:8px 4px;border:1px solid #ccc;border-radius:var(--border-radius);font-size:1rem}button{background-color:var(--primary-color);color:var(--background-color);cursor:pointer;transition:var(--transition)}button:hover{background-color:#45a049}table{width:100%;border-collapse:collapse;margin:1rem 0}table th,table td{border:1px solid #ddd;padding:.75rem;text-align:left}table th{background-color:var(--primary-color);color:var(--background-color)}.text-center{text-align:center}.margin-top{margin-top:2rem}.error-message{color:red;font-weight:700}.success-message{color:green;font-weight:700}.editable-field{position:relative;cursor:pointer}.editable-field:hover .edit-icon{display:inline}.edit-icon{position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#007bff;cursor:pointer;display:none}.api-info{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:var(--border-radius);width:80%!important;margin:auto}.api-info-text{margin-top:.5rem;font-size:.9rem;color:#555;padding:20px;direction:ltr}.lead-row{background:#fff;border-bottom:1px solid #e0e0e0;transition:background .2s}.lead-row:hover{background:#f5faff}.lead-row.editing{background:#eaf6ff}.lead-expanded-row>td{padding:0;background:#f9f9f9;border-bottom:2px solid #1976d2}.summary-text-expanded{min-height:40px;padding:10px;background:#f1f8ff;border-radius:6px;cursor:pointer;color:#333;font-size:1.05em;border:1px solid #e0e0e0;transition:background .2s}.summary-text-expanded:hover{background:#e3f2fd}.summary-textarea-expanded{width:100%;min-height:60px;padding:10px;border-radius:6px;border:1.5px solid #1976d2;font-size:1.05em;background:#fff;resize:vertical;transition:border .2s}.summary-textarea-expanded:focus{border:2px solid #1976d2;outline:none}.star-premium{font-size:1.3em;color:#e0e0e0;margin:0 1px;transition:color .2s,transform .1s;vertical-align:middle}.star-premium.filled{color:#ffc107;text-shadow:0 1px 2px #ffe082;transform:scale(1.15)}.crm-button{border:none;border-radius:5px;padding:7px 14px;color:#fff;font-weight:500;font-size:1em;margin:0 2px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #1976d212;display:inline-flex;align-items:center;gap:6px}.crm-button:active{box-shadow:0 1px 2px #1976d21f}.add-comment-section{margin-top:12px}.comment-input-group{display:flex;flex-direction:column;gap:8px}.comment-textarea{width:100%;min-height:40px;padding:8px;border-radius:5px;border:1.2px solid #b0bec5;font-size:1em;background:#f8f9fa;resize:vertical;transition:border .2s}.comment-textarea:focus{border:1.5px solid #1976d2;outline:none}.comment-buttons{display:flex;justify-content:flex-end;gap:8px}.lead-expanded-row .comment-list{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:5px;padding:10px;background-color:#fff}.lead-expanded-row .comment-item{margin-bottom:10px;padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:4px solid #1976d2}.lead-expanded-row .comment-item strong{color:#1976d2}.lead-expanded-row .comment-item small{color:#6c757d}.lead-expanded-row .comment-item .crm-button{padding:4px 10px;font-size:.95em}input[type=text],input[type=email],select{padding:6px 8px;border-radius:4px;border:1.2px solid #b0bec5;font-size:1em;margin-bottom:4px;background:#f8f9fa;transition:border .2s}input[type=text]:focus,input[type=email]:focus,select:focus{border:1.5px solid #1976d2;outline:none}@media (max-width: 900px){.lead-expanded-row>td>div{flex-direction:column!important;gap:16px!important}}