*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh}.home-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}.header{text-align:center;padding:80px 20px 40px}.header h1{font-size:3.5rem;color:#333;font-weight:400;margin-bottom:10px;letter-spacing:1px}.subtitle{color:#999;font-size:1rem;text-transform:lowercase;letter-spacing:3px}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px}.button-container{position:relative;width:100%;max-width:300px}.primary-button{width:100%;padding:16px 40px;background:#333;color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.primary-button:hover{background:#444;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:10px;background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;overflow:hidden;animation:slideDown .3s ease;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:14px 20px;background:#fff;border:none;border-bottom:1px solid #eee;text-align:left;font-size:1rem;color:#333;cursor:pointer;transition:all .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f5f5f5;padding-left:25px}.leads-page{min-height:100vh;background:#f5f5f5}.top-bar{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.top-bar-left{display:flex;gap:15px}.top-bar-right{display:flex;gap:20px;align-items:center}.top-bar-button{padding:8px 16px;background:none;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;transition:all .3s;font-size:.95rem}.top-bar-button:hover{background:#f0f0f0;border-color:#999}.view-toggle{display:flex;gap:5px;background:#f0f0f0;padding:3px;border-radius:8px}.view-toggle-button{padding:6px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.95rem}.view-toggle-button.active{background:#fff;box-shadow:0 2px 4px #0000001a}.role-switch-button{padding:8px 16px;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.95rem}.role-switch-button:hover{background:#444}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.content-header h2{font-size:1.8rem;color:#333;font-weight:400}.header-buttons{display:flex;gap:10px}.import-button{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:500}.import-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a74533}.leads-content{padding:30px;max-width:1400px;margin:0 auto}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.leads-table{width:100%;border-collapse:collapse}.leads-table th{background:#f8f9fa;padding:15px 20px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.leads-table td{padding:15px 20px;border-bottom:1px solid #e9ecef;color:#666}.leads-table tr:hover td{background:#f8f9fa}.empty-table{text-align:center;color:#999;font-style:italic;padding:40px!important}.status-text{display:inline-block;padding:4px 8px;background:#e9ecef;border-radius:4px;font-size:.9rem;color:#495057}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin-bottom:20px;color:#333}.import-textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:20px}.import-textarea:focus{outline:none;border-color:#333}.modal-buttons{display:flex;justify-content:flex-end;gap:12px}.modal-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.95rem}.modal-button.cancel{background:#f8f9fa;color:#333}.modal-button.cancel:hover{background:#e9ecef}.modal-button.submit{background:#333;color:#fff}.modal-button.submit:hover{background:#444}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#333}.form-textarea{resize:vertical;min-height:80px}.form-select{background:#fff;cursor:pointer}.clear-button{padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:500}.clear-button:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc354533}.delete-button{padding:5px 10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .3s}.delete-button:hover{background:#c82333;transform:scale(1.05)}.delete-button-small{background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:0 5px;transition:all .2s}.delete-button-small:hover{color:#dc3545;transform:scale(1.2)}.leads-table th:last-child,.leads-table td:last-child{text-align:center;width:100px}.modal-hint{color:#666;font-size:.9rem;margin-bottom:5px}.modal-example{color:#999;font-size:.85rem;margin-bottom:15px;font-style:italic}.kanban-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.kanban-column{background:#f8f9fa;border-radius:12px;padding:15px;min-height:600px;display:flex;flex-direction:column;gap:10px}.kanban-column h3{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:600;padding-bottom:10px;border-bottom:3px solid #dee2e6}.kanban-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;cursor:move;transition:all .2s;border:1px solid #e0e0e0}.kanban-card.readonly{cursor:default;opacity:.9}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#333}.kanban-card.readonly:hover{transform:none;box-shadow:0 2px 4px #0000001a;border-color:#e0e0e0}.kanban-card-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.85rem}.kanban-card-id{color:#666;font-weight:500}.kanban-card-manager{background:#e9ecef;padding:2px 8px;border-radius:4px;color:#495057}.kanban-card h4{margin:0 0 8px;color:#333;font-size:1rem;font-weight:600}.kanban-card p{margin:0 0 10px;color:#666;font-size:.9rem;line-height:1.4}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e9ecef}.kanban-card-source{background:#e7f3ff;color:#06c;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.choice-modal{max-width:500px}.choice-buttons{display:flex;flex-direction:column;gap:15px;margin:25px 0}.choice-button{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s;text-align:left;width:100%}.choice-button:hover{border-color:#333;background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.choice-text{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:5px}.choice-description{font-size:.9rem;color:#666}.choice-modal .modal-button{width:100%;padding:12px;margin-top:10px}.kanban-placeholder{background:#fff;border-radius:12px;padding:60px;text-align:center;box-shadow:0 4px 6px #0000001a}.kanban-placeholder p{color:#999;font-size:1.2rem;font-style:italic}@media(max-width:768px){.header{padding:60px 20px 30px}.header h1{font-size:2.8rem}.subtitle{font-size:.9rem}.top-bar{flex-direction:column;gap:15px;padding:15px}.top-bar-left,.top-bar-right{width:100%;justify-content:center}.content-header{flex-direction:column;gap:15px;text-align:center}.kanban-container{grid-template-columns:1fr}.leads-table th,.leads-table td{padding:10px}}@media(max-width:480px){.header{padding:40px 20px 20px}.header h1{font-size:2.2rem}.primary-button{padding:14px 30px;font-size:1rem}}
