*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--bg-root:#0a0a0f;--bg-primary:#12121a;--bg-secondary:#1a1a2e;--bg-tertiary:#22223a;--bg-hover:#2a2a42;--bg-active:#32325a;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-tertiary:#6a6a80;--text-inverse:#0a0a0f;--border-primary:#2a2a3e;--border-secondary:#3a3a52;--border-focus:#6366f1;--accent:#6366f1;--accent-hover:#818cf8;--accent-subtle:#6366f11f;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--transition:.15s ease;--sidebar-w:260px;--topbar-h:56px}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}input,button,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-primary);border-right:1px solid var(--border-primary);transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border-primary);align-items:center;gap:10px;padding:16px 20px;font-size:18px;font-weight:700;display:flex}.sidebar-logo span{background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-section{padding:8px 12px}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-top:4px;padding:8px;font-size:11px;font-weight:600}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-subtle);color:var(--accent)}.sidebar-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-primary);margin-top:auto;padding:12px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-title{font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.page-content{flex:1;padding:24px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-size:22px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 20px;font-size:15px}.btn-icon{justify-content:center;width:34px;height:34px;padding:8px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);padding:9px 12px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.form-input::placeholder{color:var(--text-tertiary)}select.form-input{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='%236a6a80' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea.form-input{resize:vertical;min-height:80px}.form-hint{color:var(--text-tertiary);margin-top:4px;font-size:11px}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.card-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-size:14px;font-weight:600}.card-body{padding:20px}.card-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition);padding:20px}.stat-card:hover{border-color:var(--border-secondary)}.stat-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:500}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-change{align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.table-container{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:11px;font-weight:600}.data-table th:hover{color:var(--text-secondary)}.data-table td{border-bottom:1px solid var(--border-primary);text-overflow:ellipsis;white-space:nowrap;max-width:250px;padding:10px 16px;font-size:13px;overflow:hidden}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.data-table .td-actions{gap:4px;display:flex}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-success{color:var(--success);background:#34d3991f}.badge-warning{color:var(--warning);background:#fbbf241f}.badge-danger{color:var(--danger);background:#f871711f}.badge-info{color:var(--info);background:#60a5fa1f}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slideUp;display:flex}.modal-lg{max-width:800px}.modal-header h2{font-size:16px;font-weight:600}.modal-body{flex:1;padding:24px;overflow-y:auto}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-sm);min-width:280px;box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:.2s slideInRight;display:flex}.toast-success{color:var(--success);background:#065f46;border:1px solid #34d3994d}.toast-error{color:var(--danger);background:#7f1d1d;border:1px solid #f871714d}.toast-info{color:var(--info);background:#1e3a5f;border:1px solid #60a5fa4d}.tabs{border-bottom:1px solid var(--border-primary);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-color:var(--accent)}.pagination{border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info{color:var(--text-secondary);font-size:12px}.pagination-btns{gap:4px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.6;margin-bottom:16px;font-size:48px}.empty-state-title{margin-bottom:4px;font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:400px;margin-bottom:20px;font-size:13px}.auth-page{background:var(--bg-root);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:100%;max-width:420px;padding:40px}.auth-logo{text-align:center;margin-bottom:32px;font-size:24px;font-weight:700}.auth-title{margin-bottom:6px;font-size:20px;font-weight:600}.auth-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.kanban{gap:16px;min-height:400px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban.kanban-dragging .kanban-col{transition:border-color .2s,box-shadow .2s}.kanban-col{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;min-width:280px;max-width:300px;transition:all .2s;display:flex}.kanban-col-drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle), var(--shadow-md);background:color-mix(in srgb, var(--bg-secondary) 95%, var(--accent))}.kanban-col-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kanban-col-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.kanban-col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-col-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.kanban-cards{flex-direction:column;flex:1;gap:8px;min-height:60px;padding:8px;transition:background .2s;display:flex;overflow-y:auto}.kanban-cards-drop-active{background:color-mix(in srgb, var(--bg-secondary) 90%, var(--accent))}.kanban-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:grab;align-items:flex-start;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.kanban-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-card-dragging{opacity:.35;border-color:var(--accent);box-shadow:none;transform:scale(.95)}.kanban-card-grip{color:var(--text-tertiary);opacity:.4;cursor:grab;flex-shrink:0;padding-top:2px;transition:opacity .15s}.kanban-card:hover .kanban-card-grip{opacity:.8}.kanban-card-content{flex:1;min-width:0}.kanban-card-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:13px;font-weight:500;overflow:hidden}.kanban-card-meta{flex-wrap:wrap;gap:4px;display:flex}.kanban-card-chip{color:var(--text-tertiary);background:var(--bg-tertiary);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;align-items:center;gap:3px;max-width:140px;padding:2px 6px;font-size:10px;display:inline-flex;overflow:hidden}.kanban-card-chip.chip-money{color:var(--success);background:#34d3991a}.kanban-card-chip svg{flex-shrink:0}.kanban-card-score{align-items:center;gap:6px;margin-top:6px;display:flex}.kanban-card-score-bar{border-radius:2px;min-width:4px;height:3px;transition:width .3s}.kanban-card-score-label{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.kanban-drop-placeholder{border:2px dashed var(--accent);border-radius:var(--radius-sm);text-align:center;background:var(--accent-subtle);padding:20px;animation:.2s fadeIn}.kanban-drop-placeholder-text{color:var(--accent);font-size:12px;font-weight:500}.kanban-empty-col{text-align:center;color:var(--text-tertiary);padding:16px;font-size:12px}.pipeline-config-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.pipeline-config-panel{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slideUp;display:flex}.pipeline-config-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pipeline-config-header h3{margin:0;font-size:15px;font-weight:600}.pipeline-config-body{flex:1;padding:16px 20px;overflow-y:auto}.pipeline-config-section{margin-bottom:20px}.pipeline-config-section:last-child{margin-bottom:0}.pipeline-config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.pipeline-config-section-desc{color:var(--text-tertiary);margin-bottom:8px;font-size:11px}.pipeline-config-badge{background:var(--accent-subtle);color:var(--accent);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.pipeline-config-field-list{border:1px solid var(--border-primary);border-radius:var(--radius-sm);flex-direction:column;gap:2px;max-height:180px;padding:4px;display:flex;overflow-y:auto}.pipeline-config-field-radio,.pipeline-config-field-check{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.pipeline-config-field-radio:hover,.pipeline-config-field-check:hover{background:var(--bg-hover)}.pipeline-config-field-radio.selected,.pipeline-config-field-check.selected{background:var(--accent-subtle)}.pipeline-config-field-check.disabled{opacity:.4;cursor:not-allowed}.pipeline-config-field-radio input,.pipeline-config-field-check input{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.pipeline-config-field-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.pipeline-config-field-key{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px}.pipeline-config-toggle{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.pipeline-config-toggle input{width:14px;height:14px;accent-color:var(--accent)}.pipeline-config-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);width:260px;transition:all var(--transition);padding:7px 12px 7px 36px}.search-input:focus{border-color:var(--accent);outline:none;width:320px}.search-wrap{position:relative}.search-wrap svg{width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}.detail-layout{grid-template-columns:1fr 360px;gap:24px;display:grid}.detail-main{min-width:0}.detail-sidebar{flex-direction:column;gap:16px;display:flex}.file-drop{border:2px dashed var(--border-secondary);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);padding:40px}.file-drop:hover,.file-drop.active{border-color:var(--accent);background:var(--accent-subtle)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:80%;height:14px;margin-bottom:8px}.skeleton-text.short{width:40%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{to{background-position:-200% 0}}.animate-in{animation:.3s slideUp}.project-switcher{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);justify-content:space-between;align-items:center;margin:8px 12px;padding:10px 12px;display:flex}.project-switcher:hover{border-color:var(--accent);background:var(--bg-hover)}.project-switcher-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.project-switcher-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px}.project-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:80;max-height:320px;animation:.15s slideUp;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow:hidden auto}.project-dropdown-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);padding:10px 14px;font-size:10px;font-weight:600}.project-dropdown-item{cursor:pointer;transition:background var(--transition);color:var(--text-primary);align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.project-dropdown-item:hover{background:var(--bg-hover)}.project-dropdown-item.active{background:var(--accent-subtle)}.project-dropdown-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.project-dropdown-desc{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.project-dropdown-divider{background:var(--border-primary);height:1px;margin:4px 0}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);min-width:180px;box-shadow:var(--shadow-lg);z-index:50;animation:.15s slideUp;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.dropdown-item{cursor:pointer;transition:background var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-divider{background:var(--border-primary);height:1px;margin:4px 0}.tag-chip{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.tag-chip .remove{cursor:pointer;opacity:.6}.tag-chip .remove:hover{opacity:1}.progress{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:3px;height:100%;transition:width .4s}.avatar{background:var(--accent-subtle);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:40px;height:40px;font-size:16px}.column-picker-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:300px;max-height:480px;box-shadow:var(--shadow-lg);z-index:60;flex-direction:column;animation:.15s slideUp;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.column-picker-section{padding:8px}.column-picker-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:6px 8px;font-size:10px;font-weight:600;display:flex}.column-picker-fields{flex-direction:column;gap:1px;max-height:280px;display:flex;overflow-y:auto}.column-picker-field{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.column-picker-field:hover{background:var(--bg-hover)}.column-picker-field input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.column-picker-field-name{color:var(--text-primary);flex:1;font-weight:500}.column-picker-field-type{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:3px;padding:1px 6px;font-size:10px}.column-picker-divider{background:var(--border-primary);height:1px;margin:4px 8px}.column-picker-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:6px;padding:6px 8px;display:flex}.column-picker-item:hover{background:var(--bg-hover)}.column-picker-item.active{background:var(--accent-subtle)}.column-picker-actions{gap:6px;padding:8px;display:flex}.email-stats-row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.email-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;padding:20px 16px;transition:border-color .2s,transform .2s}.email-stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.email-stat-icon{margin-bottom:8px}.email-stat-value{font-size:28px;font-weight:800;line-height:1}.email-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.email-stat-sub{color:var(--text-tertiary);margin-top:2px;font-size:10px}.email-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.email-row{cursor:pointer;transition:background .15s}.email-row:hover{background:var(--bg-tertiary)}.email-metric{color:var(--text-primary);font-size:13px;font-weight:600}.email-metric-na{color:var(--text-tertiary);font-size:13px}.email-drawer-overlay{z-index:1000;background:#00000080;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.email-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-primary);flex-direction:column;width:560px;max-width:100vw;height:100vh;animation:.25s slideInRight;display:flex;overflow-y:auto}.email-drawer-header{border-bottom:1px solid var(--border-primary);align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.email-drawer-meta{border-bottom:1px solid var(--border-primary);flex-direction:column;gap:6px;padding:12px 24px;display:flex}.email-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.email-drawer-analytics{border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);padding:16px 24px}.email-drawer-analytics-title{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.email-analytics-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.email-analytics-item{text-align:center;border-radius:var(--radius-sm);background:var(--bg-secondary);padding:10px}.email-analytics-val{margin-top:4px;font-size:20px;font-weight:700}.email-analytics-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.email-drawer-body{flex:1;padding:24px}.email-body-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.8}.form-card{transition:border-color .2s}.form-card:hover{border-color:var(--border-hover)}.form-field-row{border-bottom:1px solid var(--border-primary);padding:8px 0}.form-field-row:last-child{border-bottom:none}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:15px}.modal-body{padding:16px 20px}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.sidebar{display:none}.detail-layout,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.column-picker-dropdown{min-width:260px}.email-drawer{width:100vw}}