@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.notes-container{display:flex;height:calc(100vh - 40px);gap:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.notes-sidebar{width:300px;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.notes-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.notes-header h3{margin:0;font-size:1.1rem;color:#495057}.add-note-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.add-note-btn:hover{background:#128c7e}.notes-list{flex:1;overflow-y:auto;padding:10px}.note-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .2s}.note-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000000d}.note-item.active{border-color:#25d366;background-color:#f0fff4}.note-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.note-item-header h4{margin:0;font-size:1rem;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.delete-btn-mini{background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px}.delete-btn-mini:hover{color:#dc3545}.note-preview{font-size:.85rem;color:#6c757d;margin:0 0 8px}.note-date{font-size:.75rem;color:#adb5bd}.notes-editor{flex:1;display:flex;flex-direction:column;padding:20px;background:#fff}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.note-title-input{flex:1;font-size:1.5rem;font-weight:600;border:none;outline:none;color:#212529;background:transparent}.note-title-input:disabled{background:transparent;color:#212529}.editor-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-primary{background:#25d366;color:#fff}.btn-primary:hover{background:#128c7e}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover{background:#dee2e6}.note-content-input{flex:1;resize:none;border:none;outline:none;font-size:1rem;line-height:1.6;color:#495057;font-family:inherit;padding:0}.note-content-view{flex:1;overflow-y:auto;font-size:1rem;line-height:1.6;color:#495057}.note-content-view p{margin-bottom:1em}.no-selection{flex:1;display:flex;justify-content:center;align-items:center;color:#adb5bd}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--bg-dark);background-image:radial-gradient(circle at top right,rgba(18,140,126,.2),transparent 40%),radial-gradient(circle at bottom left,rgba(52,183,241,.2),transparent 40%)}.auth-card{background:var(--bg-panel);padding:2.5rem;border-radius:var(--radius);box-shadow:0 8px 32px #0006;width:100%;max-width:400px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h2{text-align:center;margin-bottom:2rem;color:var(--text-main);font-weight:700;font-size:1.8rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-dim);font-size:.9rem}.form-group input{width:100%;padding:1rem;background:var(--bg-hover);border:1px solid var(--glass-border);border-radius:var(--radius);font-size:1rem;color:var(--text-main);transition:var(--transition)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #25d36633}.error-message{background-color:#ff4d4d26;color:#ff4d4d;padding:.75rem;border-radius:var(--radius);margin-bottom:1.5rem;text-align:center;border:1px solid rgba(255,77,77,.2);font-size:.9rem}button[type=submit]{width:100%;padding:1rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}button[type=submit]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #25d3664d}button[type=submit]:disabled{background-color:var(--bg-hover);color:var(--text-dim);cursor:not-allowed;transform:none;box-shadow:none}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-dim)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500;margin-left:5px;transition:var(--transition)}.auth-footer a:hover{color:var(--secondary);text-decoration:underline}.app-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-deep);color:var(--text-primary);overflow:hidden}.sidebar{width:260px;height:100%;background:var(--bg-deep);display:flex;flex-direction:column;padding:0;z-index:20;border-right:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px;height:70px;padding:0 32px}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px var(--primary-glow))}.logo h1{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}nav{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition)}.nav-item:hover{background:var(--bg-panel);color:var(--text-primary)}.nav-item.active{background:var(--bg-accent);color:var(--primary);box-shadow:inset 0 0 0 1px var(--border-strong)}.nav-item .icon{opacity:.7}.nav-item.active .icon{opacity:1;color:var(--primary)}.content-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-deep)}.app-header{height:70px;background:#08090acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:10}.header-search{position:relative;width:280px}.header-search input{background:var(--bg-panel);border:1px solid var(--border);padding:8px 12px 8px 36px;color:var(--text-primary);width:100%;font-size:.85rem}.header-search input:hover{border-color:var(--border-strong)}.header-actions{display:flex;align-items:center;gap:16px}.main-content{flex:1;overflow-y:auto;padding:40px}.page-header{margin-bottom:40px}.page-header h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:.95rem}.crm-card,.stat-card,.glass-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-base);transition:var(--transition)}.crm-card:hover{border-color:var(--border-strong);box-shadow:0 8px 30px #0006}.send-btn,.btn-primary{background:linear-gradient(180deg,#10b981,#059669);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px var(--primary-glow);display:inline-flex;align-items:center;gap:8px}.send-btn:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.secondary-btn,.btn-secondary{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500}.secondary-btn:hover,.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{padding:32px 24px}.stat-value{font-size:2.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.04em;line-height:1;margin:12px 0 4px}.stat-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.trend-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:12px}.trend-positive{background:var(--primary-muted);color:var(--primary)}.trend-negative{background:#ef44441a;color:#ef4444}.trend-neutral{background:var(--bg-hover);color:var(--text-muted)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:16px 24px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:16px 24px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.data-table tr:hover td{background:#ffffff05;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.dashboard-grid-secondary{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.whatsapp-preview{background:#0b141a;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 50px #00000080}.msg-bubble{background:#005c4b;border-radius:8px 8px 0;padding:8px 12px;color:#e9edef;position:relative;max-width:85%;margin-left:auto}.modal-overlay{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{box-shadow:var(--shadow-overlay)}:root{--primary: #10b981;--primary-dark: #059669;--primary-glow: rgba(16, 185, 129, .2);--primary-muted: rgba(16, 185, 129, .1);--bg-deep: #f8fafc;--bg-panel: #ffffff;--bg-hover: #f1f5f9;--bg-accent: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-strong: #cbd5e1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-base: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-overlay: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;font-weight:500;transition:var(--transition);cursor:pointer;border:none;outline:none;display:inline-flex;align-items:center;justify-content:center}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.crm-card{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:var(--radius-md);padding:20px}.page-header h2{color:var(--text-primary);font-weight:600}.page-header p{color:var(--text-secondary)}