@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#fafafa;--surface:#fff;--border:#e4e4e7;--border-hover:#d4d4d8;--text-primary:#18181b;--text-secondary:#71717a;--text-tertiary:#a1a1aa;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--info:#0284c7;--info-light:#f0f9ff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--sidebar-width:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{font-family:var(--font-sans)}.text-page-title{color:var(--text-primary);letter-spacing:-.025em;font-size:24px;font-weight:600;line-height:1.25}.text-section-header{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.text-body{color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.5}.text-label{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.4}.text-meta{color:var(--text-secondary);font-size:12px;font-weight:400}.tabular-nums{font-variant-numeric:tabular-nums}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);padding:20px 16px 16px}.sidebar-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sidebar-logo-icon{background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:12px 8px 4px;font-size:11px;font-weight:600}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:7px 8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sidebar-nav-item:hover{background:var(--bg);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-light);color:var(--accent)}.sidebar-nav-item svg{opacity:.7;flex-shrink:0}.sidebar-nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:12px 8px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.page-body{flex:1;padding:24px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.4;font-family:var(--font-sans);border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{color:var(--text-primary);border-color:var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-sm{padding:5px 10px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px}.btn-icon{aspect-ratio:1;padding:7px}.btn-icon.btn-sm{padding:5px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-primary);font-size:13px;font-weight:500}.form-label-required:after{content:" *";color:var(--danger)}.form-input{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:8px 12px;transition:border-color .12s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e514}.form-input::placeholder{color:var(--text-tertiary)}.form-input.error{border-color:var(--danger)}.form-error{color:var(--danger);font-size:12px}.form-hint{color:var(--text-secondary);font-size:12px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}textarea.form-input{resize:vertical;min-height:80px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-hover:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-body{padding:20px}.card-footer{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius) var(--radius);padding:12px 20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.stat-card-label{color:var(--text-secondary);text-transform:none;margin-bottom:6px;font-size:12px;font-weight:500}.stat-card-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2}.stat-card-trend{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-neutral{color:var(--text-secondary)}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{background:var(--surface);z-index:1;text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.table th.sortable{cursor:pointer}.table th.sortable:hover{color:var(--text-primary)}.table th.num,.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table td{color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle;height:40px;padding:10px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg)}.table tbody tr.clickable{cursor:pointer}.badge{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-default{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-accent{background:var(--accent-light);color:var(--accent)}.status-dot{align-items:center;gap:6px;font-size:13px;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.kanban-root{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;padding-bottom:16px;display:grid}.kanban-column{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;min-width:0;height:38vh;min-height:290px;max-height:420px;display:flex;overflow:hidden}.kanban-column-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.kanban-column-title{color:var(--text-primary);flex:1;font-size:12px;font-weight:600}.kanban-count-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:100px;padding:1px 5px;font-size:10px;font-weight:600}.kanban-cards{flex-direction:column;flex:1;gap:6px;min-height:80px;padding:6px;display:flex;overflow-y:auto}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;padding:10px 12px;transition:box-shadow .15s,border-color .15s}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.kanban-card.dragging{box-shadow:var(--shadow-md);opacity:.9;cursor:grabbing}.kanban-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.kanban-card-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.kanban-card-phone{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.kanban-card-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.kanban-days-badge{color:var(--text-tertiary);font-size:11px}.kanban-empty{text-align:center;color:var(--text-tertiary);padding:16px 12px;font-size:13px}.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.filter-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.filter-chip-remove{opacity:.6;align-items:center;display:flex}.filter-chip-remove:hover{opacity:1}.filter-select{font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:5px 28px 5px 10px;transition:border-color .12s}.filter-select:focus{border-color:var(--accent)}.filter-select:disabled{opacity:.4;cursor:not-allowed}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:var(--text-tertiary);pointer-events:none;position:absolute;left:10px}.search-input{font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:200px;padding:5px 10px 5px 32px;transition:border-color .12s,width .2s}.search-input:focus{border-color:var(--accent);width:280px}.avatar{background:var(--accent-light);color:var(--accent);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar-sm{width:24px;height:24px;font-size:11px}.avatar-md{width:32px;height:32px;font-size:13px}.avatar-lg{width:40px;height:40px;font-size:16px}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;animation:.15s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius) var(--radius);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.slideover{background:var(--surface);border-left:1px solid var(--border);width:480px;height:100vh;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;animation:.15s slideInRight;display:flex;position:fixed;top:0;right:0}.slideover-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.slideover-body{flex:1;padding:20px 24px;overflow-y:auto}.slideover-footer{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:26px;bottom:0;left:13px}.timeline-icon{background:var(--bg);border:1px solid var(--border);width:26px;height:26px;color:var(--text-secondary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.timeline-content{flex:1;padding-top:3px}.timeline-text{color:var(--text-primary);font-size:13px;line-height:1.4}.timeline-time{color:var(--text-tertiary);margin-top:2px;font-size:11px}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .12s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-tertiary);margin-bottom:4px}.empty-state-title{color:var(--text-primary);font-size:14px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:300px;font-size:13px}.pagination{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .12s;display:flex}.pagination-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.view-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);display:inline-flex;overflow:hidden}.view-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--surface);color:var(--text-primary)}.toast-container{z-index:200;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--text-primary);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);align-items:center;gap:10px;max-width:360px;padding:12px 16px;font-size:13px;font-weight:500;animation:.15s slideInRight;display:flex}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warning{background:var(--warning)}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg) 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{@page{size:auto;margin:0!important}html,body{color:#000!important;background:#fff!important;margin:0!important;padding:12mm!important}.sidebar,.page-header,.no-print,button{display:none!important}.main-content{margin-left:0!important;padding:0!important}.page-body{padding:0!important}.card{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;border:none!important}}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.alert-danger{color:#dc2626!important;background-color:#fef2f2!important;border:1px solid #fecaca!important}.alert-success{color:#16a34a!important;background-color:#f0fdf4!important;border:1px solid #bbf7d0!important}.alert-warning{color:#d48806!important;background-color:#fffbe6!important;border:1px solid #ffe58f!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.w-full{width:100%}.min-w-0{min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.p-4{padding:16px}.p-6{padding:24px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.text-right{text-align:right}.text-center{text-align:center}.font-mono{font-family:Geist Mono,ui-monospace,monospace}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:13px}.text-xs{font-size:12px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.divider{background:var(--border);height:1px;margin:16px 0}