:root{--brand: #1a56db;--brand-light: #3b82f6;--brand-lighter: #dbeafe;--brand-bg: #eff6ff;--brand-dark: #1e40af;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #059669;--success-light: #d1fae5;--warning: #d97706;--warning-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--info: #0284c7;--info-light: #e0f2fe;--bg-page: var(--gray-50);--bg-card: var(--white);--bg-sidebar: var(--white);--bg-hover: var(--gray-100);--bg-active: var(--brand-bg);--border: var(--gray-200);--border-light: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-inverse: var(--white);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 248px;--header-height: 56px;--transition: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--white);animation:fadeIn .4s ease}.welcome-content{text-align:center;z-index:2;position:relative;max-width:520px;padding:40px}.welcome-icon{width:72px;height:72px;border-radius:16px;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}.welcome-icon .material-icons-round{font-size:36px;color:var(--white)}.welcome-content h1{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:var(--gray-900)}.welcome-content h1 .accent{color:var(--brand)}.welcome-tagline{color:var(--text-secondary);font-size:1rem;margin-bottom:40px}.welcome-features{display:flex;gap:12px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}.welcome-feature{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem}.welcome-feature .material-icons-round{font-size:18px;color:var(--brand)}.welcome-bg-shapes,.shape{display:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--brand);color:var(--white)}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:10px 28px;font-size:.9375rem}.btn-outline{background:var(--white);border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-text{background:none;border:none;color:var(--brand);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:0}.btn-text:hover{color:var(--brand-dark);text-decoration:underline}.btn-icon{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:0}.btn-icon .material-icons-round{font-size:20px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.app-shell{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;transition:var(--transition-slow);flex-shrink:0;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:20px}.sidebar-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon .material-icons-round{font-size:18px;color:var(--white)}.sidebar-logo-text{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.sidebar-logo-text .accent{color:var(--brand)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;transition:var(--transition);cursor:pointer;border:none;background:none;font-family:inherit;font-size:.875rem;width:100%;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--brand);border-radius:0 2px 2px 0}.nav-item{position:relative}.nav-item .material-icons-round{font-size:20px;flex-shrink:0}.nav-label{white-space:nowrap}.nav-badge{margin-left:auto;padding:1px 7px;border-radius:10px;font-size:.6875rem;font-weight:600;background:var(--gray-100);color:var(--gray-500)}.nav-badge.new{background:var(--brand);color:var(--white)}.sidebar-footer{border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:4px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm)}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--gray-800)}.sidebar-user-role{font-size:.6875rem;color:var(--text-muted)}.avatar{width:32px;height:32px;border-radius:8px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--white);flex-shrink:0}.avatar-sm{width:28px;height:28px;border-radius:6px;font-size:.6875rem}.avatar-lg{width:40px;height:40px;border-radius:10px;font-size:.875rem}.avatar-xl{width:56px;height:56px;border-radius:14px;font-size:1.1rem}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-page)}.header{height:var(--header-height);padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--white);flex-shrink:0;z-index:50}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:4px}.sidebar-toggle-btn{display:none}.breadcrumbs{display:flex;align-items:center;gap:4px;font-size:.8125rem}.breadcrumb-item{color:var(--text-muted)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-sep{font-size:16px;color:var(--gray-300)}.search-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);min-width:260px}.search-bar:focus-within{border-color:var(--brand);background:var(--white);box-shadow:0 0 0 3px var(--brand-lighter)}.search-bar .material-icons-round{font-size:18px;color:var(--text-muted)}.search-bar input{background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:.8125rem;flex:1}.search-bar input::placeholder{color:var(--text-muted)}.search-bar kbd{padding:1px 6px;background:var(--white);border:1px solid var(--border);border-radius:3px;font-size:.625rem;color:var(--text-muted);font-family:inherit}.notification-btn{position:relative}.notification-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:2px solid var(--white)}.page-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px;animation:pageIn .25s ease}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:.875rem;font-weight:600;color:var(--gray-800)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}.metric-card:hover{box-shadow:var(--shadow-sm)}.metric-card:before{display:none}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.metric-icon .material-icons-round{font-size:22px}.metric-icon.purple{background:var(--brand-lighter);color:var(--brand)}.metric-icon.blue{background:var(--info-light);color:var(--info)}.metric-icon.green{background:var(--success-light);color:var(--success)}.metric-icon.orange{background:var(--warning-light);color:var(--warning)}.metric-icon.red{background:var(--danger-light);color:var(--danger)}.metric-value{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2px;color:var(--gray-900)}.metric-label{color:var(--text-secondary);font-size:.8125rem}.metric-change{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:600;margin-top:6px;padding:2px 6px;border-radius:4px}.metric-change.up{color:var(--success);background:var(--success-light)}.metric-change.down{color:var(--danger);background:var(--danger-light)}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.kanban-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;min-height:calc(100vh - 180px)}.kanban-column{min-width:272px;max-width:288px;flex-shrink:0;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column}.kanban-column-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.kanban-column-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.8125rem;color:var(--gray-700)}.kanban-column-dot{width:8px;height:8px;border-radius:50%}.kanban-column-count{padding:1px 7px;background:var(--white);border:1px solid var(--border);border-radius:6px;font-size:.6875rem;color:var(--text-muted);font-weight:600}.kanban-column-body{padding:8px;flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:80px}.kanban-column-body.drag-over{background:var(--brand-bg)}.kanban-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;cursor:grab;transition:var(--transition);position:relative}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.kanban-card.dragging{opacity:.5}.kanban-card-title{font-weight:600;font-size:.8125rem;margin-bottom:4px;color:var(--gray-800);line-height:1.4}.kanban-card-client{color:var(--text-secondary);font-size:.75rem;margin-bottom:8px}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between}.kanban-card-amount{font-weight:600;font-size:.8125rem;color:var(--brand)}.kanban-card-date{font-size:.6875rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.kanban-card-priority{position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%}.priority-high{background:var(--danger)}.priority-medium{background:var(--warning)}.priority-low{background:var(--success)}.kanban-card-tags{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.tag{padding:1px 6px;border-radius:4px;font-size:.6875rem;font-weight:500}.tag-debt{background:var(--danger-light);color:var(--danger)}.tag-divorce{background:var(--warning-light);color:var(--warning)}.tag-bankruptcy{background:#ede9fe;color:#7c3aed}.tag-realestate{background:var(--success-light);color:var(--success)}.tag-labor{background:var(--info-light);color:var(--info)}.slide-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;opacity:0;pointer-events:none;transition:var(--transition)}.slide-panel-overlay.active{opacity:1;pointer-events:auto}.slide-panel{position:fixed;top:0;right:-680px;width:660px;height:100vh;background:var(--white);border-left:1px solid var(--border);z-index:201;transition:var(--transition-slow);overflow-y:auto;box-shadow:var(--shadow-lg)}.slide-panel.active{right:0}.panel-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:5}.panel-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border);background:var(--white);position:sticky;top:62px;z-index:4}.panel-tab{padding:10px 14px;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;border:none;background:none;font-family:inherit;border-bottom:2px solid transparent;transition:var(--transition)}.panel-tab:hover{color:var(--text-secondary)}.panel-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.panel-body{padding:20px}.panel-section{margin-bottom:20px}.panel-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--brand);background:var(--white);z-index:2}.timeline-dot.completed{background:var(--brand)}.timeline-date{font-size:.6875rem;color:var(--text-muted);margin-bottom:2px}.timeline-title{font-weight:600;font-size:.8125rem;color:var(--gray-800);margin-bottom:1px}.timeline-desc{font-size:.8125rem;color:var(--text-secondary)}.ai-chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 40px)}.ai-chat-header{margin-bottom:12px}.ai-chat-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.ai-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ai-suggestion{padding:6px 14px;background:var(--white);border:1px solid var(--border);border-radius:20px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:inherit}.ai-suggestion:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-bg)}.ai-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px 0}.ai-message{display:flex;gap:10px;max-width:80%;animation:messageIn .25s ease}.ai-message.user{margin-left:auto;flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-message.assistant .ai-message-avatar{background:var(--brand)}.ai-message.user .ai-message-avatar{background:var(--gray-200);color:var(--gray-600)}.ai-message-avatar .material-icons-round{font-size:18px;color:var(--white)}.ai-message.user .ai-message-avatar .material-icons-round{color:var(--gray-600)}.ai-message-bubble{padding:12px 16px;border-radius:var(--radius-md);font-size:.8125rem;line-height:1.6}.ai-message.assistant .ai-message-bubble{background:var(--gray-50);border:1px solid var(--border);color:var(--text-primary)}.ai-message.user .ai-message-bubble{background:var(--brand);color:var(--white)}.ai-message-bubble table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.8125rem}.ai-message-bubble th,.ai-message-bubble td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border)}.ai-message-bubble th{color:var(--text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase}.ai-input-bar{display:flex;gap:10px;padding:12px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg)}.ai-input-bar input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:.875rem}.ai-input-bar input::placeholder{color:var(--text-muted)}.typing-indicator{display:flex;gap:4px;padding:6px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--gray-400);animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.clients-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.clients-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.clients-filters{display:flex;gap:4px}.filter-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--white);color:var(--text-secondary);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--gray-300)}.filter-btn.active{border-color:var(--brand);color:var(--brand);background:var(--brand-bg)}.client-table-wrapper{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.client-table{width:100%;border-collapse:collapse}.client-table th{padding:10px 16px;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--gray-50);border-bottom:1px solid var(--border)}.client-table td{padding:10px 16px;border-bottom:1px solid var(--border-light);font-size:.8125rem}.client-table tr{transition:var(--transition);cursor:pointer}.client-table tbody tr:hover{background:var(--gray-50)}.client-name-cell{display:flex;align-items:center;gap:10px}.status-badge{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600}.status-active{background:var(--success-light);color:var(--success)}.status-pending{background:var(--warning-light);color:var(--warning)}.status-closed{background:var(--gray-100);color:var(--text-muted)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.doc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:var(--transition);cursor:pointer}.doc-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.doc-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.doc-icon .material-icons-round{font-size:24px}.doc-icon.pdf{background:var(--danger-light);color:var(--danger)}.doc-icon.doc{background:var(--info-light);color:var(--info)}.doc-icon.img{background:var(--success-light);color:var(--success)}.doc-icon.other{background:var(--warning-light);color:var(--warning)}.doc-name{font-weight:600;font-size:.8125rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-800)}.doc-meta{font-size:.6875rem;color:var(--text-muted)}.notification-panel{position:fixed;top:var(--header-height);right:-380px;width:360px;height:calc(100vh - var(--header-height));background:var(--white);border-left:1px solid var(--border);z-index:150;transition:var(--transition-slow);overflow-y:auto;box-shadow:var(--shadow-lg)}.notification-panel.active{right:0}.notification-panel-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notification-panel-header h3{font-size:1rem;font-weight:600}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;gap:10px;transition:var(--transition);cursor:pointer}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{border-left:3px solid var(--brand)}.notification-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon .material-icons-round{font-size:18px}.notification-text{font-size:.8125rem;line-height:1.4;color:var(--text-secondary)}.notification-text strong{font-weight:600;color:var(--text-primary)}.notification-time{font-size:.6875rem;color:var(--text-muted);margin-top:3px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:6px}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastIn .25s ease;min-width:280px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--brand)}.toast .material-icons-round{font-size:20px}.toast.success .material-icons-round{color:var(--success)}.toast.error .material-icons-round{color:var(--danger)}.toast.info .material-icons-round{color:var(--brand)}.toast-text{font-size:.8125rem;flex:1;color:var(--text-primary)}.toast-close{cursor:pointer;color:var(--text-muted);background:none;border:none;padding:0}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080}.tour-spotlight{position:absolute;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #00000080;transition:all .35s ease;border:2px solid var(--brand);z-index:10001}.tour-tooltip{position:absolute;width:340px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg);z-index:10002;animation:tooltipIn .25s ease}.tour-tooltip-content h3{font-size:1rem;font-weight:600;margin-bottom:6px;color:var(--gray-900)}.tour-tooltip-content p{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.tour-progress{display:flex;gap:4px}.tour-progress-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-200);transition:var(--transition)}.tour-progress-dot.active{background:var(--brand);width:16px;border-radius:3px}.tour-progress-dot.done{background:var(--brand-light)}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}.chart-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.chart-title{font-size:.875rem;font-weight:600;margin-bottom:16px;color:var(--gray-800)}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:8px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease;position:relative;min-height:3px;cursor:pointer}.bar:hover{opacity:.8}.bar-label{font-size:.625rem;color:var(--text-muted);text-align:center}.bar-value{font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.donut-chart-container{display:flex;flex-direction:column;align-items:center;gap:16px}.donut-chart{position:relative;width:160px;height:160px}.donut-chart svg{transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-center-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.donut-center-label{font-size:.6875rem;color:var(--text-muted)}.donut-legend{display:flex;flex-direction:column;gap:6px;width:100%}.donut-legend-item{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:.8125rem}.donut-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.donut-legend-label{flex:1;color:var(--text-secondary)}.donut-legend-value{font-weight:600;color:var(--gray-800)}.activity-feed{display:flex;flex-direction:column;gap:1px}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.activity-item:hover{background:var(--gray-50)}.activity-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon .material-icons-round{font-size:16px}.activity-text{flex:1;font-size:.8125rem;color:var(--text-secondary)}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.task-list{display:flex;flex-direction:column;gap:6px}.task-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--gray-50);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}.task-item:hover{background:var(--gray-100)}.task-checkbox{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.task-checkbox.checked{background:var(--success);border-color:var(--success)}.task-checkbox.checked:after{content:"✓";color:var(--white);font-size:.625rem;font-weight:700}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-muted)}.task-text{flex:1;font-size:.8125rem;color:var(--text-primary)}.task-due{font-size:.6875rem;color:var(--text-muted)}.message-list{display:flex;flex-direction:column;gap:10px}.message-item{display:flex;gap:8px}.message-item.outgoing{flex-direction:row-reverse}.message-bubble{padding:10px 14px;border-radius:10px 10px 10px 2px;max-width:75%;font-size:.8125rem;line-height:1.5}.message-item.incoming .message-bubble{background:var(--gray-50);border:1px solid var(--border)}.message-item.outgoing .message-bubble{background:var(--brand);color:var(--white);border-radius:10px 10px 2px}.message-time{font-size:.625rem;color:var(--text-muted);margin-top:3px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.calendar-header{background:var(--gray-50);padding:10px;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.calendar-cell{background:var(--white);min-height:120px;padding:8px;display:flex;flex-direction:column;gap:4px}.calendar-cell.empty{background:var(--gray-50)}.calendar-cell.today{background:var(--brand-bg)}.calendar-day-num{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.calendar-cell.today .calendar-day-num{color:var(--brand)}.calendar-events{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.calendar-event{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:.6875rem;cursor:pointer;background:var(--gray-100);color:var(--gray-800);transition:var(--transition)}.calendar-event:hover{filter:brightness(.95)}.calendar-event.priority-high{background:var(--danger-light);color:var(--danger)}.calendar-event.priority-medium{background:var(--warning-light);color:var(--warning)}.calendar-event.priority-low{background:var(--success-light);color:var(--success)}.calendar-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.calendar-event-time{font-size:.6875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(40px)}}@keyframes tooltipIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:1}}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{}@keyframes drift{}@keyframes pulse-glow{}.animate-in{animation:pageIn .3s ease both}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}@media (max-width: 1024px){.sidebar{position:fixed;left:calc(-1 * var(--sidebar-width));z-index:200}.sidebar.open{left:0}.sidebar-toggle-btn{display:flex}.charts-grid{grid-template-columns:1fr}.search-bar{min-width:180px}.slide-panel{width:100%;right:-100%}}@media (max-width: 640px){.page-container{padding:12px}.metrics-grid{grid-template-columns:1fr 1fr}.kanban-board{flex-direction:column}.kanban-column{min-width:100%;max-width:100%}.search-bar{display:none}}