*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f5f2;--surface: #ffffff;--surface2: #f0eeea;--border: #e4e1db;--border2: #d0cdc5;--text: #1a1916;--text2: #6b6860;--text3: #9e9b94;--green: #1d6f42;--green-light: #4caf78;--green-bg: #e8f5ee;--green-dim: rgba(29,111,66,.07);--green-border: rgba(29,111,66,.22);--blue: #1a4fa0;--blue-bg: #e8eef8;--blue-border: #c3d5ef;--amber: #a05c10;--amber-bg: #fdf0e0;--amber-border: #f5d5a0;--purple: #5b3fa0;--purple-bg: #eeebf9;--purple-border: #d4ccf0;--red: #c0392b;--red-bg: #fdeaea;--red-border: #f0b0b0;--row-alt: #f0eeea;--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", monospace;--sans: var(--font);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 20px 50px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--sidebar: 220px}html,body,#root{height:100%;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1;font-family:var(--font)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover:not(:disabled){background:#165230;border-color:#165230}.btn-dark{background:var(--text);color:#fff;border-color:var(--text)}.btn-dark:hover:not(:disabled){background:#2d2c28}.btn-secondary{background:var(--surface);color:var(--text2);border-color:var(--border2);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:var(--border2);color:var(--text);background:var(--row-alt)}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{color:var(--text);background:var(--row-alt)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red-border)}.btn-danger:hover{background:var(--red-bg)}.btn-warn{background:transparent;color:var(--amber);border-color:var(--amber-border)}.btn-warn:hover{background:var(--amber-bg)}.btn-whatsapp{background:var(--green);color:#fff;border-color:var(--green)}.btn-whatsapp:hover:not(:disabled){background:#165230}.btn-whatsapp:disabled{background:var(--border);color:var(--text3);border-color:var(--border);cursor:default}.btn:disabled{background:var(--row-alt);color:var(--text3);border-color:var(--border);cursor:default}.btn svg{width:14px;height:14px;flex-shrink:0}.sidebar{width:var(--sidebar);min-height:100vh;background:var(--surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-logo-icon{width:32px;height:32px;background:var(--text);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.sidebar-logo-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.2}.sidebar-logo-sub{font-size:10.5px;color:var(--text3)}.sidebar-nav{flex:1;padding:10px 10px 0;display:flex;flex-direction:column;gap:1px}.sidebar-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:14px 8px 5px}.sidebar-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:400;color:var(--text2);cursor:pointer;transition:all .12s;border:none;background:transparent;width:100%;text-align:left;position:relative}.sidebar-item:hover{background:var(--bg);color:var(--text)}.sidebar-item.active{background:var(--text);color:#fff;font-weight:500}.sidebar-item.active svg{opacity:1}.sidebar-item svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.sidebar-item:hover svg{opacity:1}.sidebar-item .material-icons-round{font-size:18px;flex-shrink:0}.sidebar-badge{margin-left:auto;background:var(--green-light);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:20px;min-width:18px;text-align:center}.sidebar-item.active .sidebar-badge{background:#ffffff40}.sidebar-footer{border-top:1px solid var(--border);padding:10px;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.sidebar-user-name{font-size:12.5px;font-weight:500;color:var(--text);line-height:1.3}.sidebar-user-sub{font-size:10.5px;color:var(--text3)}.sidebar-wa{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:400;color:var(--text2);cursor:pointer;transition:all .12s;border:none;background:transparent;width:100%;text-align:left}.sidebar-wa:hover{background:var(--bg);color:var(--text)}.sidebar-wa svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.wa-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-left:auto}.wa-on{background:var(--green-light);box-shadow:0 0 0 2px #4caf7840}.wa-off{background:#ef4444}.wa-wait{background:#f59e0b;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.main-content{margin-left:var(--sidebar);flex:1;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:50;flex-shrink:0}.topbar-title{font-size:15px;font-weight:600;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;width:230px;transition:border-color .15s}.topbar-search:focus-within{border-color:var(--border2)}.topbar-search svg{color:var(--text3);flex-shrink:0;width:13px;height:13px}.topbar-search input{border:none;background:none;font-family:var(--font);font-size:13px;color:var(--text);outline:none;width:100%}.topbar-search input::placeholder{color:var(--text3)}.content-area{padding:24px;flex:1}.stats-grid{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:22px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;flex:1 1 0;min-width:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.stat-card.active-stat{border-color:var(--text);box-shadow:var(--shadow)}.stat-label{font-size:11px;color:var(--text3);font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stat-value{font-size:22px;font-weight:600;letter-spacing:-.5px;line-height:1;margin-bottom:3px;color:var(--text)}.stat-value.green{color:var(--green)}.stat-value.blue{color:var(--blue)}.stat-value.amber{color:var(--amber)}.stat-value.muted{color:var(--text3)}.stat-sub{font-size:10.5px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.tabs-pill{display:flex;gap:2px;background:var(--surface2);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border);flex-wrap:wrap}.tab-pill{padding:5px 12px;border-radius:5px;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text2);transition:all .12s;border:none;background:none;font-family:var(--font);display:flex;align-items:center;gap:5px;white-space:nowrap}.tab-pill:hover{color:var(--text)}.tab-pill.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tab-pill .count{font-size:10px;background:var(--border);color:var(--text2);padding:1px 5px;border-radius:10px;font-weight:600}.tab-pill.active .count{background:var(--text);color:#fff}.view-toggle{display:inline-flex;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.view-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:5px;border:none;background:none;color:var(--text3);cursor:pointer;transition:all .12s}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.view-btn svg{width:14px;height:14px;display:block}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.tbl-header{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--surface)}.tbl-title{font-size:13.5px;font-weight:600;color:var(--text)}.tbl-title span{color:var(--text3);font-weight:400;font-size:12px;margin-left:4px}table{width:100%;border-collapse:collapse}thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover td{background:var(--row-alt)}tbody td{padding:12px 16px;font-size:13px;vertical-align:middle}.cell-name{font-weight:600;color:var(--text)}.cell-muted{color:var(--text2)}.cell-dim{color:var(--text3);font-size:12px;font-family:var(--mono)}.s-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;border-radius:20px;white-space:nowrap}.s-badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.s-novo{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.s-novo:before{background:var(--green-light)}.s-atribuido{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-border)}.s-atribuido:before{background:#8b6dd8}.s-em_atendimento{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.s-em_atendimento:before{background:#4a90d9}.s-agendado{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.s-agendado:before{background:#f0a020}.s-finalizado{background:var(--row-alt);color:var(--text3);border:1px solid var(--border)}.s-finalizado:before{background:var(--border2)}.tags-wrap{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.tag{font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.role-pill{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.02em}.role-admin{background:var(--text);color:#fff}.role-user{background:var(--blue-bg);color:var(--blue)}.status-active{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--green);font-weight:500}.status-active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green-light);flex-shrink:0}.status-blocked{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--red);font-weight:500}.status-blocked:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;font-size:13px;font-weight:500;z-index:999;max-width:340px;border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.toast-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.toast-err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface);width:500px;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;box-shadow:-8px 0 40px #0000001f;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.drawer-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:3px}.drawer-subtitle{font-size:12px;color:var(--text3);font-family:var(--mono)}.drawer-close{background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s}.drawer-close:hover{background:var(--bg);color:var(--text)}.drawer-close svg{width:16px;height:16px}.drawer-actions{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.drawer-body{overflow-y:auto;flex:1;padding:0}.status-bar{display:flex;align-items:center;gap:3px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;background:var(--bg)}.status-step{padding:4px 12px;font-size:11.5px;font-weight:500;border-radius:20px;cursor:pointer;border:1px solid transparent;transition:all .12s;font-family:var(--font)}.status-step.inactive{background:var(--surface);color:var(--text3);border-color:var(--border)}.status-step.inactive:hover{background:var(--border);color:var(--text2)}.status-step.active{background:var(--text);color:#fff;border-color:var(--text)}.modal-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;padding:0 8px}.mtab{padding:10px 16px;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text3);border-bottom:2px solid transparent;transition:all .12s;background:transparent;border-top:none;border-left:none;border-right:none;font-family:var(--font)}.mtab:hover{color:var(--text2)}.mtab.active{color:var(--text);border-bottom-color:var(--text)}.modal-body{overflow-y:auto;padding:20px;flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.modal{background:var(--surface);width:600px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);animation:slideUpIn .2s ease}@keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-sm{width:420px}.modal-wide{width:720px}.modal-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--border)}.modal-head-title{font-size:15px;font-weight:600;color:var(--text)}.modal-head-sub{font-size:11.5px;color:var(--text3);margin-top:3px}.btn-x{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text3);font-size:18px;cursor:pointer;line-height:1;padding:3px 8px;transition:all .12s}.btn-x:hover{color:var(--text);background:var(--border)}.modal-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;background:var(--bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.assign-item{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.assign-item:hover{background:var(--bg)}.assign-item.selected{background:var(--green-bg)}.assign-name{font-weight:500;font-size:13px}.assign-sub{font-size:11px;color:var(--text3);margin-top:1px}.assign-check{color:var(--green);font-size:16px;font-weight:700}.f-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:5px}.f-input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s}.f-input:focus{border-color:var(--border2);background:var(--surface)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.info-item{padding:9px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.info-item label{font-size:12.5px;color:var(--text2);font-weight:400}.info-item:not(:nth-child(2n)){padding-right:16px}.info-item:nth-child(2n){padding-left:16px;border-left:1px solid var(--border)}.info-val{font-size:12.5px;color:var(--text);font-weight:500}.note-item{border:none;padding:0;margin:0;background:none}.note-meta{font-size:11px;color:var(--text3);margin-bottom:4px}.note-meta strong{color:var(--text2);font-weight:600}.note-text{font-size:13px;color:var(--text);line-height:1.6}.qr-wrap{min-height:80px;display:flex;align-items:center;justify-content:center;padding:20px}.qr-wrap img{max-width:240px;border:1px solid var(--border);border-radius:var(--radius-sm)}.kanban-scroll{overflow-x:auto;scrollbar-width:none;padding:0 24px 16px}.kanban-scroll::-webkit-scrollbar{display:none}.kanban-board{display:flex;gap:12px;align-items:start}.kanban-col{flex:0 0 240px;width:240px;max-width:240px;display:flex;flex-direction:column}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid transparent}.kanban-col-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kanban-col-label{font-size:12px;font-weight:600;color:var(--text)}.kanban-col-count{background:var(--bg);color:var(--text2);font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;border:1px solid var(--border)}.kanban-drop-zone{background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:8px;min-height:100px;display:flex;flex-direction:column;gap:8px;transition:background .15s}.kanban-drop-zone.drag-over{background:var(--green-bg);outline:2px dashed var(--green-border);outline-offset:-2px}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;box-shadow:var(--shadow);transition:all .15s;position:relative}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--border2);transform:translateY(-1px)}.kanban-card-name{font-weight:600;font-size:13px;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-phone{font-size:11.5px;color:var(--text3);font-family:var(--mono);margin-bottom:8px}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.kanban-avatar{width:20px;height:20px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.kanban-empty{display:flex;align-items:center;justify-content:center;height:64px;color:var(--text3);font-size:12px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.page-title{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.3px}.page-subtitle{font-size:12.5px;color:var(--text3);margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.add-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px}.add-card-title{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:7px}.add-card-title .material-icons-round{font-size:17px;color:var(--green)}.add-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.add-form-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:flex-start;gap:14px;transition:all .15s;box-shadow:var(--shadow)}.item-card:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.item-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-card-icon .material-icons-round{font-size:20px}.item-card-body{flex:1;min-width:0}.item-card-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.item-card-desc{font-size:12px;color:var(--text2);margin-bottom:5px}.item-card-url{font-size:11px;color:var(--text3);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:10px}.item-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tab-scroll{overflow-x:auto;scrollbar-width:none}.tab-scroll::-webkit-scrollbar{display:none}.empty-row td{text-align:center;padding:48px;color:var(--text3);font-size:13px;border:none}.content-with-sidebar{margin-left:var(--sidebar);flex:1;min-width:0}@media (max-width: 700px){.stats-grid{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 5px)}}