.sidebar{width:var(--sidebar-width);background:var(--bg-raised);border-right:1px solid var(--border);height:100vh;transition:width var(--duration-normal) var(--ease-out);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-nav{scrollbar-width:thin;flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:0 0;border-radius:2px}.sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.sidebar-logo{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-toggle{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);width:26px;height:26px;transition:all var(--duration-instant) var(--ease-default);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.collapsed .sidebar-header{justify-content:center;padding:0}.collapsed .sidebar-toggle{border:none}.nav-group{margin-bottom:2px}.nav-group-label{letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;padding:16px 12px 4px;font-size:11px;font-weight:600}.nav-item{height:32px;color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);align-items:center;gap:10px;margin:1px 6px;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--accent-muted);color:var(--accent-text)}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collapsed .nav-item{justify-content:center;gap:0;width:36px;margin:1px auto;padding:0}.collapsed .nav-group-label{display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}}.topbar{z-index:2;height:var(--topbar-height);background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.topbar-title{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);height:32px;color:var(--text-muted);font-size:var(--text-sm);min-width:200px;transition:border-color var(--duration-instant) var(--ease-default);align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-search:hover{border-color:var(--border-hover)}.topbar-search-icon{opacity:.6;flex-shrink:0}.topbar-search kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;margin-left:auto;padding:1px 5px;font-size:11px;line-height:1}.topbar-user{align-items:center;gap:8px;display:flex}.topbar-avatar{border-radius:var(--radius-full);background:var(--accent-muted);width:28px;height:28px;color:var(--accent);font-weight:600;font-size:var(--text-xs);justify-content:center;align-items:center;display:flex}.topbar-username{font-size:var(--text-sm);color:var(--text-secondary)}.topbar-logout{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);height:28px;font-size:var(--text-xs);transition:all var(--duration-instant) var(--ease-default);background:0 0;padding:0 10px}.topbar-logout:hover{border-color:var(--error);color:var(--error)}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:search-overlay-in var(--duration-instant) var(--ease-default);background:#0009;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex;position:fixed;inset:0}.search-palette{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-lg);animation:search-card-in var(--duration-fast) var(--ease-out);overflow:hidden}.search-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:14px 20px;font-size:16px}.search-input::placeholder{color:var(--text-muted)}.search-results{max-height:400px;padding:6px;overflow-y:auto}.search-result{border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-primary);font-size:var(--text-sm);text-align:left;transition:background 50ms var(--ease-default);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.search-result.selected,.search-result:hover{background:var(--bg-hover)}.search-result-detail{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.search-group-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px;font-size:11px;font-weight:600}.search-empty,.search-status{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:20px}@keyframes search-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes search-card-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-main{margin-left:var(--sidebar-width);transition:margin-left var(--duration-normal) var(--ease-out);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.admin-ambient-bg{z-index:0}.admin-glass-overlay{-webkit-backdrop-filter:blur(40px);z-index:1;pointer-events:none;background:#070b11d9;position:absolute;inset:0}.sidebar-collapsed .admin-main{margin-left:var(--sidebar-collapsed)}.admin-content{z-index:2;flex:1;padding:0;position:relative;overflow-y:auto}@media (width<=768px){.admin-main{margin-left:0}}.auth-layout{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.auth-glass-bg{z-index:1;background:#070b1173;position:fixed;inset:0}.auth-card{z-index:10;background:#070b11d1;border:1px solid #ffffff1f;border-top-color:#fff3;border-radius:16px;width:100%;max-width:380px;padding:32px;position:relative;box-shadow:0 8px 32px #0006,0 0 80px #5eead40a,inset 0 1px #ffffff14}.auth-logo{text-align:center;font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:24px;font-size:18px;font-weight:600}.login-form h2{text-align:center;font-size:var(--text-xl);margin-bottom:20px;font-weight:600}.login-error{background:var(--error-muted);color:var(--error);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:14px;padding:8px 12px}.login-field{margin-bottom:14px}.login-field label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.login-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:36px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default), box-shadow var(--duration-instant) var(--ease-default);padding:0 12px}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.login-btn{background:var(--accent);width:100%;height:36px;color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default);border:none;margin-top:4px;font-weight:500}.login-btn:hover:not(:disabled){background:var(--accent-hover)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.skeleton-group{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:var(--bg-hover);border-radius:var(--radius-sm);height:14px;animation:1.5s infinite skeleton-pulse}.skeleton-avatar{border-radius:var(--radius-full);background:var(--bg-hover);width:40px;height:40px;animation:1.5s infinite skeleton-pulse}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:20px;display:flex}.skeleton-card .skeleton-line:first-child{height:18px}.skeleton-table-row{border-bottom:1px solid var(--border);gap:16px;padding:12px 0;display:flex}.skeleton-table-row .skeleton-line{height:14px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.5;margin-bottom:12px;font-size:36px}.empty-state-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:600}.empty-state-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;margin-bottom:16px;line-height:1.5}.empty-state-action{background:var(--accent);height:32px;color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default);border:none;align-items:center;gap:6px;padding:0 16px;font-weight:500;display:inline-flex}.empty-state-action:hover{background:var(--accent-hover)}.dashboard-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.dashboard-greeting{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0}.dashboard-alert-badge{background:var(--error);color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:4px 12px;font-size:11px;font-weight:600}.dashboard-metrics-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.dashboard-revenue-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-instant) var(--ease-default), transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.metric-card-icon{color:var(--text-muted);margin-bottom:4px;font-size:20px}.metric-card-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text-primary);font-weight:600;line-height:1.2}.metric-card-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.metric-trend{border-radius:var(--radius-sm);align-items:center;gap:3px;width:fit-content;margin-top:6px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.metric-trend--up{color:var(--success);background:var(--success-muted)}.metric-trend--down{color:var(--error);background:var(--error-muted)}.dashboard-bottom-row{grid-template-columns:3fr 2fr;gap:12px;display:grid}.dashboard-section-title{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-weight:600;display:flex}.alerts-count{background:var(--error);color:#fff;border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:600;line-height:1.4}.dashboard-activity,.dashboard-alerts{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.activity-list{margin:0;padding:0;list-style:none}.activity-item{align-items:center;gap:10px;min-height:32px;padding:6px 0;display:flex}.activity-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.activity-content{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.activity-contact{color:var(--text-primary);font-weight:500}.activity-event{color:var(--text-secondary)}.activity-desc{color:var(--text-muted)}.activity-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.alert-group{margin-bottom:14px}.alert-group:last-child{margin-bottom:0}.alert-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:600}.alert-list{margin:0;padding:0;list-style:none}.alert-item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-bottom:4px;padding:8px 10px;display:flex}.alert-item--error{background:var(--error-muted);border-left:2px solid var(--error)}.alert-item--warning{background:var(--warning-muted);border-left:2px solid var(--warning)}.alert-item-main{flex-direction:column;gap:1px;min-width:0;display:flex}.alert-item-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.alert-item-detail{font-size:var(--text-xs);color:var(--text-secondary)}.alert-item-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.dashboard-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.dashboard-error-icon{color:var(--text-muted);font-size:40px}.dashboard-error p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.dashboard-retry-btn{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-md);height:32px;font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default);border:none;padding:0 16px;font-weight:500}.dashboard-retry-btn:hover{background:var(--accent-hover)}@media (width<=1024px){.dashboard-metrics-row{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-row{grid-template-columns:1fr}}@media (width<=640px){.dashboard-page{padding:16px}.dashboard-metrics-row,.dashboard-revenue-row{grid-template-columns:1fr}.metric-card-value{font-size:20px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:modal-overlay-in var(--duration-instant) var(--ease-default);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);max-height:90vh;animation:modal-card-in var(--duration-fast) var(--ease-out);outline:none;flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.modal-close{color:var(--text-muted);border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--duration-instant) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.modal-actions-right{gap:8px;display:flex}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-field{margin-bottom:14px}.form-field-toggle{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-required{color:var(--error);margin-left:2px}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:36px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default), box-shadow var(--duration-instant) var(--ease-default);padding:7px 12px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.form-input.has-error{border-color:var(--error)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;height:auto;min-height:80px;line-height:1.5}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238B95A5' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:4px;display:block}.form-help{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px;display:block}.form-toggle input{opacity:0;width:0;height:0;position:absolute}.form-toggle-track{background:var(--bg-hover);width:36px;height:20px;transition:background var(--duration-fast) var(--ease-out);cursor:pointer;border-radius:10px;display:inline-block;position:relative}.form-toggle input:checked+.form-toggle-track{background:var(--accent)}.form-toggle-thumb{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.form-toggle input:checked+.form-toggle-track .form-toggle-thumb{transform:translate(16px)}.pipeline-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.pipeline-header{flex-shrink:0;padding:20px 24px 12px}.pipeline-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pipeline-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.pipeline-header-actions{align-items:center;gap:12px;display:flex}.pipeline-value-summary{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.pipeline-value-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px}.pipeline-value-amount{font-size:var(--text-base);font-weight:600;font-family:var(--font-mono);color:var(--success)}.pipeline-filters{gap:8px;display:flex}.pipeline-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-width:280px;height:32px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:0 12px}.pipeline-search:focus{border-color:var(--accent)}.pipeline-search::placeholder{color:var(--text-muted)}.pipeline-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:32px;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default);outline:none;padding:0 12px}.pipeline-filter-select:focus{border-color:var(--accent)}.pipeline-board{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex:1;gap:12px;padding:0 24px 24px;display:flex;overflow:auto hidden}.pipeline-board::-webkit-scrollbar{height:6px}.pipeline-board::-webkit-scrollbar-track{background:0 0}.pipeline-board::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.pipeline-column{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);max-height:100%;transition:border-color var(--duration-instant) var(--ease-default);flex-direction:column;flex:0 0 260px;display:flex}.pipeline-column--dragover{border-color:var(--accent)}.pipeline-column-header{border-radius:var(--radius-md) var(--radius-md) 0 0;border-top:3px solid #6b7e96;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pipeline-column-name{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.pipeline-column-count{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-full);text-align:center;min-width:20px;padding:1px 7px;font-size:11px;font-weight:600}.pipeline-column-body{scrollbar-width:thin;scrollbar-color:#ffffff0a transparent;flex-direction:column;flex:1;gap:6px;padding:6px;display:flex;overflow-y:auto}.pipeline-column-body::-webkit-scrollbar{width:4px}.pipeline-column-body::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:2px}.pipeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;transition:transform var(--duration-instant) var(--ease-default), box-shadow var(--duration-instant) var(--ease-default);padding:10px 12px;position:relative}.pipeline-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pipeline-card:active{cursor:grabbing}.pipeline-card--dragging{opacity:.35;transform:scale(.97)}.pipeline-card-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:500;line-height:1.3}.pipeline-card-contact{font-size:var(--text-xs);color:var(--accent);margin-bottom:6px}.pipeline-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.pipeline-card-value{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);color:var(--success)}.pipeline-card-age{color:var(--text-muted);font-size:11px}.pipeline-card-assignee{position:absolute;top:8px;right:8px}.pipeline-card-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.pipeline-card-initials{background:var(--accent-muted);width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.pipeline-add-card-btn{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:0 0;flex-shrink:0;margin-top:auto;padding:6px}.pipeline-add-card-btn:hover{color:var(--accent);border-color:var(--accent);background:#5eead40a}.pipeline-column--skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.skeleton-text{height:14px}.skeleton-card{height:72px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pipeline-modal-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.pipeline-modal-footer-right{gap:8px;margin-left:auto;display:flex}.pipeline-form-error{background:var(--error-muted);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);border:1px solid #f8717133;margin-bottom:12px;padding:8px 12px}.datatable-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);overflow-x:auto}.datatable{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.datatable thead{z-index:1;background:var(--bg-raised);position:sticky;top:0}.datatable th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}.datatable th.sortable{cursor:pointer;transition:color var(--duration-instant) var(--ease-default)}.datatable th.sortable:hover{color:var(--text-primary)}.sort-indicator{color:var(--accent);margin-left:4px;font-size:10px}.datatable td{color:var(--text-primary);height:40px;padding:8px 12px}.datatable tbody tr{transition:background var(--duration-instant) var(--ease-default)}.datatable tbody tr:hover{background:var(--bg-hover)}.datatable tbody tr.clickable{cursor:pointer}.datatable-skeleton{background:var(--bg-hover);border-radius:var(--radius-sm);width:80%;height:14px;animation:1.5s infinite skeleton-pulse}.datatable-skeleton-row:nth-child(odd) .datatable-skeleton{width:60%}.datatable-skeleton-row td{height:40px}.datatable-empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);padding:40px}.status-badge{border-radius:var(--radius-sm);white-space:nowrap;text-transform:capitalize;align-items:center;font-weight:500;line-height:1;display:inline-flex}.status-size-sm{height:18px;padding:3px 6px;font-size:10px}.status-size-md{font-size:var(--text-xs);height:22px;padding:3px 8px}.status-size-lg{font-size:var(--text-sm);height:26px;padding:4px 10px}.status-success{background:var(--success-muted);color:var(--success)}.status-warning{background:var(--warning-muted);color:var(--warning)}.status-error{background:var(--error-muted);color:var(--error)}.status-info{background:var(--info-muted);color:var(--info)}.status-muted{color:var(--text-muted);background:#ffffff0f}.contacts-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.contacts-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.contacts-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.contacts-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.contacts-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.contacts-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.contacts-search:focus{border-color:var(--accent)}.contacts-search::placeholder{color:var(--text-muted)}.contacts-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.contacts-filter-select:focus{border-color:var(--accent)}.contacts-order-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);justify-content:center;align-items:center;font-size:1rem;display:flex}.contacts-order-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.contacts-name-cell{align-items:center;gap:10px;display:flex}.contacts-avatar{background:var(--accent);width:32px;height:32px;color:var(--bg-primary);font-size:var(--text-xs);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.contacts-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.contacts-pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);padding:6px 16px}.contacts-pagination button:hover:not(:disabled){background:var(--bg-hover)}.contacts-pagination button:disabled{opacity:.4;cursor:not-allowed}.contacts-page-info{font-size:var(--text-xs);color:var(--text-secondary)}.contacts-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.contacts-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:4px 12px}.contacts-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contacts-form-full{grid-column:1/-1}.contacts-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:10px 14px}.contact-detail-page{max-width:1100px;margin:0 auto;padding:24px}.contact-detail-header-main{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.contact-detail-avatar{background:var(--accent);width:56px;height:56px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.contact-detail-header-info{flex:1;min-width:0}.contact-detail-name{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 6px;font-weight:600}.contact-detail-meta{font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contact-detail-company{color:var(--text-primary);font-weight:500}.contact-detail-header-actions{flex-shrink:0;gap:8px;display:flex}.contact-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.contact-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.contact-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.contact-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.contact-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.contact-tab{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px}.contact-tab:hover{color:var(--text-primary)}.contact-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.contact-info-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.contact-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 16px;display:flex}.contact-info-row:nth-last-child(-n+2){border-bottom:none}.contact-info-full{grid-column:1/-1}.contact-info-label{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.contact-info-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right}.contact-tags{flex-wrap:wrap;gap:6px;display:flex}.contact-tag{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#5eead41a;padding:3px 10px;font-weight:500}.contact-edit-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.contact-edit-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.contact-timeline{flex-direction:column;gap:0;display:flex}.timeline-event{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.timeline-event:last-child{border-bottom:none}.timeline-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.timeline-content{flex:1;min-width:0}.timeline-type{font-size:var(--text-xs);color:var(--text-primary);text-transform:capitalize;font-weight:500}.timeline-desc{font-size:var(--text-xs);color:var(--text-secondary);margin:4px 0 0}.timeline-time{font-size:var(--text-xs);color:var(--text-muted)}.contact-note-form{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.contact-note-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);resize:vertical;transition:border-color var(--duration-instant) var(--ease-default);outline:none;padding:12px 14px;font-family:inherit}.contact-note-input:focus{border-color:var(--accent)}.contact-note-input::placeholder{color:var(--text-muted)}.contact-note-form .btn-primary{align-self:flex-end}.contact-notes-list{flex-direction:column;gap:12px;display:flex}.contact-note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.contact-note-header{justify-content:space-between;margin-bottom:8px;display:flex}.contact-note-author{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.contact-note-time{font-size:var(--text-xs);color:var(--text-muted)}.contact-note-content{font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.6}.contact-detail-error{text-align:center;padding:60px 20px}.contact-detail-error h2{color:var(--text-primary);margin-bottom:8px}.contact-detail-error p{color:var(--text-secondary);margin-bottom:20px}@media (width<=768px){.contacts-page,.contact-detail-page{padding:20px}.contacts-form-grid{grid-template-columns:1fr}.contact-stats-row{grid-template-columns:repeat(2,1fr)}.contact-info-grid{grid-template-columns:1fr}.contact-detail-header-main{flex-direction:column}.contact-detail-header-actions{justify-content:flex-end;width:100%}}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;width:100%;display:flex}.confirm-cancel{border:1px solid var(--border);border-radius:var(--radius-md);height:32px;color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--duration-instant) var(--ease-default);background:0 0;padding:0 14px}.confirm-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.confirm-btn{border-radius:var(--radius-md);height:32px;font-size:var(--text-sm);transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 14px;font-weight:500}.confirm-btn:hover{opacity:.85}.confirm-danger{background:var(--error);color:#fff}.confirm-warning{background:var(--warning);color:var(--text-inverse)}.confirm-info{background:var(--accent);color:var(--text-inverse)}.bookings-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.bookings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.bookings-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.bookings-header-actions{align-items:center;gap:12px;display:flex}.view-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle button{height:28px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:6px 16px;font-weight:500}.view-toggle button:hover{color:var(--text-primary);background:var(--bg-hover)}.view-toggle button.active{color:var(--accent);background:#5eead414}.bookings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.bookings-tab{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:500}.bookings-tab:hover{color:var(--text-primary)}.bookings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.bookings-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.bookings-filters select,.bookings-filters input{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-instant) var(--ease-default);outline:none;padding:7px 12px}.bookings-filters select:focus,.bookings-filters input:focus{border-color:var(--accent)}.bookings-filters input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.filter-label{font-size:var(--text-xs);color:var(--text-muted);margin-right:-8px}.bookings-search{min-width:200px}.calendar-container{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.calendar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.calendar-month-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.calendar-nav{gap:4px;display:flex}.calendar-nav button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--duration-instant) var(--ease-default);padding:6px 10px}.calendar-nav button:hover{color:var(--text-primary);border-color:var(--accent)}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-header{text-align:center;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 8px;font-weight:600}.calendar-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:90px;transition:background var(--duration-instant) var(--ease-default);padding:6px 8px;position:relative}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover{background:var(--bg-hover)}.calendar-cell.other-month{opacity:.3}.calendar-cell.today{box-shadow:inset 0 0 0 1px var(--accent);background:#5eead40a}.calendar-cell.has-override{background:#f871710f}.calendar-day-number{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:500}.calendar-cell.today .calendar-day-number{color:var(--accent);font-weight:700}.calendar-booking-dot{color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:#5eead41a;align-items:center;gap:4px;margin-bottom:2px;padding:2px 6px;font-size:.625rem;display:flex;overflow:hidden}.calendar-booking-dot.cancelled{color:var(--error);background:#f871711a}.calendar-booking-dot.completed{color:var(--success);background:#34d3991a}.calendar-more{color:var(--text-muted);padding:0 6px;font-size:.625rem}.day-detail-header{margin-bottom:16px}.day-detail-date{font-size:var(--text-base);color:var(--text-primary);margin:0 0 4px;font-weight:600}.day-detail-count{font-size:var(--text-xs);color:var(--text-secondary)}.day-booking-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default);justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding:12px 14px;display:flex}.day-booking-card:hover{border-color:var(--accent)}.day-booking-info h4{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 4px;font-weight:500}.day-booking-info p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.day-booking-time{font-size:var(--text-xs);color:var(--accent);white-space:nowrap;font-weight:500}.bookings-pagination{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:16px;display:flex}.bookings-pagination-controls{gap:4px;display:flex}.bookings-pagination button{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--duration-instant) var(--ease-default);padding:6px 12px}.bookings-pagination button:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.bookings-pagination button:disabled{opacity:.4;cursor:not-allowed}.bookings-error{text-align:center;color:var(--text-secondary);padding:48px 24px}.bookings-error-icon{margin-bottom:12px;font-size:2rem;display:block}.bookings-retry-btn{background:var(--accent);height:32px;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--text-xs);border:none;margin-top:12px;padding:0 20px}.booking-detail-page{max-width:900px;margin:0 auto;padding:24px}.booking-detail-back{color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-instant) var(--ease-default);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;text-decoration:none;display:inline-flex}.booking-detail-back:hover{color:var(--accent)}.booking-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.booking-detail-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.booking-detail-actions{gap:8px;display:flex}.booking-detail-actions button{height:32px;font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);padding:0 16px;font-weight:500}.btn-cancel-booking{color:var(--error);background:#f871711a;border:1px solid #f8717133}.btn-cancel-booking:hover{background:#f8717133}.btn-save-booking{background:var(--accent);color:var(--bg-primary);border:none}.btn-save-booking:hover{opacity:.9}.booking-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.booking-card h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-weight:600}.booking-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.booking-field-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px}.booking-field-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.booking-field-value a{color:var(--accent);text-decoration:none}.booking-field-value a:hover{text-decoration:underline}.checklist-item{border-bottom:1px solid var(--border);font-size:var(--text-xs);gap:8px;padding:8px 0;display:flex}.checklist-item:last-child{border-bottom:none}.checklist-q{color:var(--text-secondary);min-width:140px}.checklist-a{color:var(--text-primary);font-weight:500}.booking-history-timeline{padding-left:20px;position:relative}.booking-history-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.history-entry{padding:0 0 16px;position:relative}.history-entry:before{content:"";background:var(--accent);border:2px solid var(--bg-raised);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-19px}.history-entry:last-child{padding-bottom:0}.history-action{font-size:var(--text-xs);color:var(--text-primary);margin-bottom:2px;font-weight:500}.history-meta{font-size:var(--text-xs);color:var(--text-muted)}.history-changes{font-size:var(--text-xs);color:var(--text-secondary);margin-top:6px}.history-changes span{margin-bottom:2px;display:block}.availability-manager{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=860px){.availability-manager{grid-template-columns:1fr}}.availability-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.availability-section h3{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 16px;font-weight:600}.slot-day-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.slot-day-row:last-child{border-bottom:none}.slot-day-name{font-size:var(--text-xs);color:var(--text-primary);min-width:80px;font-weight:500}.slot-time-range{font-size:var(--text-xs);color:var(--text-secondary)}.slot-time-range.inactive{color:var(--text-muted);font-style:italic}.slot-edit-btn{height:28px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);padding:4px 10px}.slot-edit-btn:hover{color:var(--accent);border-color:var(--accent)}.slot-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.slot-form select,.slot-form input[type=time]{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:6px 10px}.slot-form select:focus,.slot-form input[type=time]:focus{border-color:var(--accent)}.slot-form-btn{height:28px;font-size:var(--text-xs);background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:0 14px;font-weight:500}.slot-form-btn.secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.override-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;display:flex}.override-info{font-size:var(--text-xs)}.override-date{color:var(--text-primary);font-weight:500}.override-reason{color:var(--text-muted);font-size:var(--text-xs);margin-left:8px}.override-remove-btn{height:28px;font-size:var(--text-xs);color:var(--error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:#f8717114;border:1px solid #f8717126;padding:4px 8px}.override-remove-btn:hover{background:#f871712e}.override-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.override-form input{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:6px 10px}.override-form input:focus{border-color:var(--accent)}.editable-link-row{align-items:center;gap:8px;display:flex}.editable-link-row input{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;flex:1;padding:6px 10px}.editable-link-row input:focus{border-color:var(--accent)}.editable-link-row button{height:28px;font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;border:none;padding:0 12px}.email-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.email-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.email-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.email-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.email-header-actions{align-items:center;gap:10px;display:flex}.email-btn-primary{background:var(--accent);height:32px;color:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 20px;font-weight:600}.email-btn-primary:hover:not(:disabled){opacity:.85}.email-btn-primary:disabled{opacity:.5;cursor:not-allowed}.email-btn-secondary{height:32px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);background:0 0;padding:0 20px;font-weight:500}.email-btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.email-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f871711a;border:1px solid #f871714d;margin-bottom:16px;padding:10px 16px}.email-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.email-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.email-search:focus{border-color:var(--accent)}.email-search::placeholder{color:var(--text-muted)}.email-filter-select,.email-filter-date{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.email-filter-select:focus,.email-filter-date:focus{border-color:var(--accent)}.email-filter-date{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.email-direction-icon{width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.email-direction-icon.inbound{color:var(--info);background:#60a5fa26}.email-direction-icon.outbound{color:var(--accent);background:#5eead426}.email-address-cell{flex-direction:column;gap:2px;display:flex}.email-address-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.email-address-sub{color:var(--text-muted);font-size:var(--text-xs)}.email-subject{color:var(--text-secondary);font-size:var(--text-sm)}.email-subject.unread{color:var(--text-primary);font-weight:600}.email-contact-name{color:var(--text-primary);font-size:var(--text-sm)}.email-contact-company{color:var(--text-muted);font-size:var(--text-xs)}.email-date{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap}.email-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;display:flex}.email-page-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default);padding:6px 16px}.email-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.email-page-btn:disabled{opacity:.4;cursor:not-allowed}.email-page-info{color:var(--text-muted);font-size:var(--text-xs)}.email-detail-loading{text-align:center;color:var(--text-muted);padding:32px}.email-detail-meta{flex-direction:column;gap:8px;display:flex}.email-detail-row{font-size:var(--text-sm);align-items:center;gap:12px;display:flex}.email-detail-label{color:var(--text-muted);min-width:60px;font-weight:500}.email-detail-divider{background:var(--border);height:1px;margin:16px 0}.email-detail-body{background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);font-size:var(--text-sm);max-height:400px;padding:16px;line-height:1.6;overflow:auto}.email-detail-body a{color:var(--accent)}.email-detail-body img{max-width:100%;height:auto}.compose-layout{max-width:780px}.compose-form{flex-direction:column;gap:16px;display:flex}.compose-field{position:relative}.compose-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:6px;font-weight:500;display:block}.compose-input,.compose-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);box-sizing:border-box;outline:none;padding:10px 14px}.compose-input:focus,.compose-select:focus{border-color:var(--accent)}.compose-input::placeholder{color:var(--text-muted)}.compose-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);resize:vertical;box-sizing:border-box;min-height:200px;transition:border-color var(--duration-instant) var(--ease-default);outline:none;padding:12px 14px;line-height:1.5}.compose-textarea:focus{border-color:var(--accent)}.compose-textarea::placeholder{color:var(--text-muted)}.compose-suggestions{z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.compose-suggestion-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default);background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.compose-suggestion-item:hover{background:var(--bg-hover)}.suggestion-name{color:var(--text-primary);font-weight:500}.suggestion-email{color:var(--text-secondary);font-size:var(--text-xs)}.suggestion-company{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto}.compose-linked-contact{font-size:var(--text-xs);color:var(--accent);margin-top:4px}.compose-merge-fields{flex-direction:column;gap:8px;display:flex}.compose-merge-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.compose-merge-chips{flex-wrap:wrap;gap:6px;display:flex}.merge-chip{border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);background:#5eead41a;border:1px solid #5eead433;padding:4px 10px}.merge-chip:hover{background:#5eead433}.merge-chip-display{border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono);background:#5eead40f;border:1px solid #5eead41f;padding:4px 10px}.compose-body-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.compose-body-header .compose-label{margin-bottom:0}.compose-preview-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default);padding:4px 12px}.compose-preview-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.compose-preview{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-height:200px;padding:16px;line-height:1.6;overflow-x:auto}.compose-preview a{color:var(--accent)}.compose-actions{gap:12px;padding-top:8px;display:flex}.template-version{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.template-active-toggle{border-radius:var(--radius-sm);height:28px;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:4px 12px;font-weight:600}.template-active-toggle.active{color:var(--success);background:#34d39926}.template-active-toggle.inactive{color:var(--text-muted);background:#55607026}.template-active-toggle:hover{opacity:.8}.template-row-actions{gap:8px;display:flex}.template-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);background:0 0;padding:4px 10px}.template-action-btn:hover{border-color:var(--accent);color:var(--text-primary)}.template-action-btn.danger:hover{border-color:var(--error);color:var(--error)}.template-merge-reference{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:8px;padding:12px}.template-active-field{margin-top:8px}.template-active-field label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.modal-footer-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=768px){.email-page{padding:20px 16px}.email-header{flex-direction:column;gap:12px}.email-filters{flex-direction:column}.email-search{max-width:100%}.compose-actions{flex-direction:column}}.projects-page .page-header,.project-detail-page .detail-header,.milestone-detail-page .detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.projects-page .page-header h1,.project-detail-page h1,.milestone-detail-page h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.text-secondary{color:var(--text-secondary);font-size:var(--text-sm)}.text-muted{color:var(--text-muted);font-size:var(--text-sm)}.text-warning{color:var(--warning)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);height:32px;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);background:0 0;padding:0 16px}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--error);color:#fff;border-radius:var(--radius-md);height:32px;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 16px}.btn-back{color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;margin-bottom:8px;padding:0}.filter-bar{gap:12px;margin-bottom:20px;display:flex}.filter-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-width:360px;color:var(--text-primary);font-size:var(--text-sm);flex:1;padding:8px 12px}.filter-search::placeholder{color:var(--text-muted)}.filter-search:focus{border-color:var(--accent);outline:none}.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-width:160px;padding:8px 12px}.filter-select:focus{border-color:var(--accent);outline:none}.project-name-cell{flex-direction:column;gap:2px;display:flex}.project-name{color:var(--text-primary);font-weight:500}.project-code{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.project-client-cell{flex-direction:column;gap:2px;display:flex}.client-company{font-size:var(--text-xs);color:var(--text-muted)}.milestone-progress{color:var(--text-secondary);font-family:monospace}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;padding:0 14px}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--bg-hover)}.pagination-info{color:var(--text-secondary);font-size:var(--text-xs)}.create-project-form{flex-direction:column;gap:16px;display:flex}.form-error{border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f871711a;padding:8px 12px}.form-field{flex-direction:column;gap:6px;display:flex}.contact-dropdown{z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.contact-option{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;padding:10px 12px;display:flex}.contact-option:last-child{border-bottom:none}.contact-option:hover{background:var(--bg-hover)}.contact-company-hint{color:var(--text-muted);font-size:var(--text-xs)}.contact-searching{font-size:var(--text-xs);color:var(--text-muted);padding:4px 0}.selected-contact{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.remove-contact{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1}.remove-contact:hover{color:var(--error)}.detail-header-left{flex-direction:column;gap:4px;display:flex}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-code-badge{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);padding:2px 8px;font-family:monospace}.detail-client-link{color:var(--accent);font-size:var(--text-sm);text-decoration:none}.detail-client-link:hover{text-decoration:underline}.detail-header-actions{flex-shrink:0;gap:8px;display:flex}.info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px;display:flex}.info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.info-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.section{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.milestone-progress-bar{background:var(--bg-hover);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.milestone-progress-fill{background:var(--success);height:100%;transition:width var(--duration-normal) var(--ease-default);border-radius:3px}.milestones-list{flex-direction:column;gap:8px;display:flex}.milestone-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-instant) var(--ease-default);overflow:hidden}.milestone-card:hover{border-color:#ffffff1a}.milestone-card.expanded{border-color:var(--accent)}.milestone-card-header{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.milestone-order{background:var(--bg-hover);width:28px;height:28px;font-size:var(--text-xs);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.milestone-info{flex:1;min-width:0}.milestone-label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.milestone-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.phase-badge{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#5eead41a;padding:2px 8px}.milestone-amount{font-family:monospace;font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.milestone-expand-icon{color:var(--text-muted);flex-shrink:0;font-size:.625rem}.milestone-expanded{border-top:1px solid var(--border);background:var(--bg-raised);padding:16px}.milestone-details-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.milestone-details-grid>div{flex-direction:column;gap:2px;display:flex}.detail-label{font-size:var(--text-xs);color:var(--text-muted)}.milestone-actions{gap:8px;margin-top:12px;display:flex}.deliverables-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.deliverables-section h4{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 8px;font-weight:600}.deliverable-item{align-items:center;gap:12px;padding:6px 0;display:flex}.deliverable-name{color:var(--text-primary);font-size:var(--text-xs);flex:1}.deliverable-date{color:var(--text-muted);font-size:var(--text-xs)}.deliverables-list{flex-direction:column;gap:8px;display:flex}.deliverable-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.deliverable-card-info{flex-direction:column;flex:1;gap:4px;display:flex}.deliverable-file-name{color:var(--text-primary);font-weight:500}.deliverable-note{font-size:var(--text-xs);color:var(--text-secondary)}.deliverable-card-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.activity-list{flex-direction:column;gap:2px;display:flex}.activity-item{border-radius:var(--radius-md);transition:background var(--duration-instant) var(--ease-default);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.activity-item:hover{background:var(--bg-card)}.activity-icon{font-size:var(--text-sm);flex-shrink:0;margin-top:2px}.activity-content{flex-direction:column;flex:1;gap:2px;display:flex}.activity-content>span:first-child{color:var(--text-primary);font-size:var(--text-sm)}.activity-time{color:var(--text-muted);font-size:var(--text-xs)}.activity-visible-badge{color:var(--accent);border-radius:var(--radius-sm);border:1px solid #5eead433;flex-shrink:0;align-self:center;padding:1px 6px;font-size:.6875rem}.review-window-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.review-window-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.review-window-grid>div{flex-direction:column;gap:4px;display:flex}.versions-list{flex-direction:column;gap:8px;display:flex}.version-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.version-number{font-family:monospace;font-size:var(--text-xs);color:var(--accent);border-radius:var(--radius-sm);background:#5eead41a;flex-shrink:0;padding:2px 8px;font-weight:600}.version-info{flex-direction:column;gap:2px;display:flex}.version-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.version-note{color:var(--text-secondary);font-size:var(--text-xs)}.form-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box;padding:8px 12px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);outline:none}.finances-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.finances-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.finances-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.finances-tabs{background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.finances-tab{height:32px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-weight:500;text-decoration:none}.finances-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.finances-tab.active{color:var(--text-primary);background:var(--bg-card)}.finances-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.metric-card-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px}.metric-card-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}.metric-card-value.accent{color:var(--accent)}.metric-card-value.warning{color:var(--warning)}.metric-card-value.error{color:var(--error)}.finances-chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:32px;padding:16px}.finances-chart-section h2{font-size:var(--text-base);color:var(--text-primary);margin:0 0 20px;font-weight:600}.revenue-chart{align-items:flex-end;gap:12px;height:200px;padding-top:8px;display:flex}.revenue-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.revenue-bar{background:var(--accent);width:100%;max-width:60px;transition:height var(--duration-normal) var(--ease-default);border-radius:6px 6px 0 0;min-height:4px;position:relative}.revenue-bar:hover{opacity:.85}.revenue-bar-amount{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;margin-bottom:6px}.revenue-bar-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:8px}.finances-clients-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:32px;padding:16px}.finances-clients-section h2{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.clients-table{border-collapse:collapse;width:100%}.clients-table th{text-align:left;font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-weight:500}.clients-table td{color:var(--text-primary);font-size:var(--text-sm);border-bottom:1px solid var(--border);padding:12px}.clients-table tr:last-child td{border-bottom:none}.clients-table .company-cell{color:var(--text-secondary);font-size:var(--text-xs)}.invoices-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.invoices-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.invoices-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.invoices-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.invoices-filters .filter-input,.invoices-filters .filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);min-width:140px;padding:8px 12px}.invoices-filters .filter-input::placeholder{color:var(--text-muted)}.invoices-filters .filter-input:focus,.invoices-filters .filter-select:focus{border-color:var(--accent);outline:none}.invoice-detail-page{max-width:1000px;margin:0 auto;padding:24px}.invoice-detail-back{color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;text-decoration:none;display:inline-flex}.invoice-detail-back:hover{color:var(--text-primary)}.invoice-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.invoice-detail-amount{color:var(--text-primary);margin-bottom:8px;font-size:36px;font-weight:700}.invoice-detail-meta{color:var(--text-secondary);font-size:var(--text-xs);align-items:center;gap:12px;display:flex}.invoice-detail-actions{gap:8px;display:flex}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.invoice-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.invoice-info-card h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-weight:600}.invoice-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.invoice-info-row:last-child{border-bottom:none}.invoice-info-label{font-size:var(--text-xs);color:var(--text-secondary)}.invoice-info-value{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.invoice-info-value a{color:var(--accent);text-decoration:none}.invoice-info-value a:hover{text-decoration:underline}.invoice-tracking{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.invoice-tracking h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-weight:600}.tracking-json{background:var(--bg-primary);border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;padding:16px;overflow-x:auto}.disputes-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.disputes-page h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 24px;font-weight:600}.dispute-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:24px;padding:16px}.dispute-detail-card h3{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.dispute-status-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;padding:6px 10px}.dispute-status-select:focus{border-color:var(--accent);outline:none}.btn-danger{color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);height:32px;font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:0 0;padding:0 16px;font-weight:500}.btn-danger:hover{background:var(--error);color:#fff}.btn-success{background:var(--success);color:var(--bg-primary);border-radius:var(--radius-md);height:32px;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 16px;font-weight:600}.btn-success:hover{opacity:.9}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;padding:0 12px}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{font-size:var(--text-xs);color:var(--text-muted)}.contact-search-wrapper{position:relative}.contact-search-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:10;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.contact-search-item{cursor:pointer;font-size:var(--text-xs);color:var(--text-primary);border-bottom:1px solid var(--border);padding:10px 12px}.contact-search-item:last-child{border-bottom:none}.contact-search-item:hover{background:var(--bg-hover)}.contact-search-item .company-hint{color:var(--text-muted);font-size:var(--text-xs)}.finances-loading,.finances-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 32px;display:flex}.finances-error p{color:var(--error);margin-bottom:16px}.create-invoice-form{flex-direction:column;gap:16px;display:flex}@media (width<=900px){.finances-metrics{grid-template-columns:repeat(2,1fr)}.invoice-info-grid{grid-template-columns:1fr}.finances-header{flex-direction:column;align-items:flex-start;gap:16px}}.agreements-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.agreements-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.agreements-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.agreements-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.agreements-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.agreements-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.agreements-search:focus{border-color:var(--accent)}.agreements-search::placeholder{color:var(--text-muted)}.agreements-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.agreements-filter-select:focus{border-color:var(--accent)}.agr-type-badge{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;background:#5eead41a;padding:2px 10px;font-weight:500;display:inline-block}.agreements-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.agreements-pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);padding:6px 16px}.agreements-pagination button:hover:not(:disabled){background:var(--bg-hover)}.agreements-pagination button:disabled{opacity:.4;cursor:not-allowed}.agreements-page-info{font-size:var(--text-xs);color:var(--text-secondary)}.agreements-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.agreements-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:4px 12px}.agreements-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.agreements-form-full{grid-column:1/-1}.agreements-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:10px 14px}.agr-contact-search-wrap{position:relative}.agr-selected-contact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);align-items:center;gap:8px;padding:8px 14px;display:flex}.agr-contact-company{color:var(--text-secondary);font-size:var(--text-xs)}.agr-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:1rem;line-height:1}.agr-clear-btn:hover{color:var(--error)}.agr-contact-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:20;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.agr-contact-option{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:background var(--duration-instant) var(--ease-default);background:0 0;align-items:center;gap:8px;padding:10px 14px;display:flex}.agr-contact-option:last-child{border-bottom:none}.agr-contact-option:hover{background:var(--bg-hover)}.agr-contact-option-name{font-weight:500}.agr-contact-option-company{color:var(--text-secondary);font-size:var(--text-xs);margin-left:auto}.agr-detail-page{max-width:1100px;margin:0 auto;padding:24px}.agr-detail-loading{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:60px 20px}.agr-detail-error{text-align:center;padding:60px 20px}.agr-detail-error h2{color:var(--text-primary);margin-bottom:8px}.agr-detail-error p{color:var(--text-secondary);margin-bottom:20px}.agr-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.agr-detail-header-info{flex:1;min-width:0}.agr-detail-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 10px;font-weight:600}.agr-detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.agr-version-badge{color:var(--info);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#60a5fa1a;padding:2px 8px;font-weight:500;display:inline-block}.agr-detail-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.agr-detail-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:28px;display:grid}.agr-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.agr-info-card-title{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-weight:600}.agr-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.agr-info-row:last-child{border-bottom:none}.agr-info-label{font-size:var(--text-xs);color:var(--text-secondary)}.agr-info-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right}.agr-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.agr-content-section{margin-bottom:28px}.agr-content-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;min-height:200px;max-height:600px;padding:32px;overflow-y:auto}.agr-content-body{color:#1a1a1a;font-size:.9375rem;line-height:1.7}.agr-content-body h1,.agr-content-body h2,.agr-content-body h3{color:#111;margin:1em 0 .5em}.agr-content-body p{margin:0 0 1em}.agr-content-body ul,.agr-content-body ol{margin:0 0 1em;padding-left:1.5em}.agr-content-empty{color:var(--text-muted);text-align:center;padding:40px 0;font-style:italic}.agr-evidence-section{margin-bottom:28px}.agr-evidence-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #34d39933;padding:16px;position:relative}.agr-evidence-card:before{content:"";background:linear-gradient(90deg, var(--success), var(--accent));border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.agr-evidence-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.agr-evidence-item{flex-direction:column;gap:4px;display:flex}.agr-evidence-full{grid-column:1/-1}.agr-evidence-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.agr-evidence-value{font-size:var(--text-xs);color:var(--text-primary)}.agr-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.agr-hash{word-break:break-all;background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border);padding:6px 10px}.agr-evidence-ua{word-break:break-word;font-size:var(--text-xs);color:var(--text-secondary)}.agr-chain-section{margin-bottom:28px}.agr-chain-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.agr-chain-item{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-instant) var(--ease-default);background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.agr-chain-item:last-child{border-bottom:none}.agr-chain-item:hover{background:var(--bg-hover)}.agr-chain-current{cursor:default;background:#5eead40a}.agr-chain-current:hover{background:#5eead40a}.agr-chain-title{font-weight:500}.agr-chain-meta{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:10px;display:flex}.agr-chain-current-label{color:var(--accent);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background:#5eead426;padding:1px 8px;font-size:.7rem;font-weight:600}.agr-audit-section{margin-bottom:28px}.agr-audit-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.agr-audit-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.agr-audit-entry:last-child{border-bottom:none}.agr-audit-icon{background:var(--bg-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.8rem;display:flex}.agr-audit-content{flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.agr-audit-action{font-size:var(--text-xs);color:var(--text-primary);text-transform:capitalize;font-weight:500}.agr-audit-actor{font-size:var(--text-xs);color:var(--text-secondary)}.agr-audit-details{font-size:var(--text-xs);color:var(--text-muted);font-family:JetBrains Mono,monospace}.agr-audit-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.btn-primary{background:var(--accent);height:32px;color:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 20px;font-weight:500}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{height:32px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);background:0 0;padding:0 20px}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{height:32px;color:var(--error);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);background:0 0;border:1px solid #f871714d;padding:0 20px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.agreements-page,.agr-detail-page{padding:20px}.agreements-header,.agr-detail-header{flex-direction:column;gap:12px}.agreements-form-grid,.agr-detail-cards,.agr-evidence-grid{grid-template-columns:1fr}.agr-detail-actions{justify-content:flex-start;width:100%}}.templates-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.templates-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.templates-page .page-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.templates-page .text-secondary{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.tpl-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f871711a;border:1px solid #f871714d;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.tpl-error button{color:var(--error);cursor:pointer;background:0 0;border:none;padding:0 0 0 12px;font-size:1.1rem}.tpl-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.tpl-tab{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-weight:500}.tpl-tab:hover{color:var(--text-primary)}.tpl-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tpl-active-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.tpl-active-dot.active{background:var(--success)}.tpl-active-dot.inactive{background:var(--text-muted)}.tpl-row-actions{justify-content:flex-end;gap:6px;display:flex}.tpl-action-btn{height:28px;font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);padding:4px 10px;font-weight:500}.tpl-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff1f}.tpl-action-danger{color:var(--error)}.tpl-action-danger:hover{color:var(--error);background:#f871711a;border-color:#f871714d}.tpl-action-success{color:var(--success)}.tpl-action-success:hover{color:var(--success);background:#34d3991a;border-color:#34d3994d}.tpl-modal-footer{justify-content:flex-end;gap:10px;display:flex}.tpl-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f871711a;border:1px solid #f871714d;margin-bottom:16px;padding:8px 14px}.tpl-form{flex-direction:column;gap:16px;display:flex}.tpl-form-row{align-items:flex-end;gap:16px;display:flex}.tpl-form-row>*{flex:1}.tpl-milestones-section{margin-top:8px}.tpl-milestones-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tpl-milestones-header h4{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.tpl-milestones-empty{font-size:var(--text-xs);text-align:center;padding:16px}.tpl-milestone-row{background:var(--bg-raised,var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;display:flex}.tpl-milestone-number{width:28px;height:28px;color:var(--accent);font-size:var(--text-xs);background:#5eead41a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-weight:700;display:flex}.tpl-milestone-fields{flex-direction:column;flex:1;gap:8px;display:flex}.tpl-milestone-row-top{gap:8px;display:flex}.tpl-milestone-row-top .form-input:first-child{flex:2}.tpl-milestone-sm{flex:1;min-width:0}.tpl-milestone-desc{resize:vertical}.tpl-milestone-controls{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.tpl-milestone-btn{width:28px;height:28px;font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);justify-content:center;align-items:center;padding:0;display:flex}.tpl-milestone-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.tpl-milestone-btn:disabled{opacity:.3;cursor:not-allowed}.tpl-milestone-remove{color:var(--error)}.tpl-milestone-remove:hover{background:#f871711a;border-color:#f871714d}.tpl-merge-fields{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpl-merge-label{font-size:var(--text-xs);color:var(--text-muted);margin-right:4px}.tpl-merge-chip{font-size:.7rem;font-family:var(--font-mono,"JetBrains Mono", monospace);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:#5eead414;border:1px solid #5eead433;padding:3px 10px}.tpl-merge-chip:hover{background:#5eead426;border-color:#5eead466}.tpl-email-preview{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;overflow:hidden}.tpl-preview-header{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-raised,var(--bg-card));border-bottom:1px solid var(--border);padding:8px 14px;font-weight:600}.tpl-preview-subject{font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border);padding:10px 14px}.tpl-preview-body{font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);max-height:300px;padding:16px;line-height:1.6;overflow-y:auto}.tpl-preview-body h1,.tpl-preview-body h2,.tpl-preview-body h3{color:var(--text-primary)}.tpl-preview-body a{color:var(--accent)}.tpl-detail-back{margin-bottom:20px}.tpl-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tpl-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.tpl-detail-header h1{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.tpl-detail-type{font-size:var(--text-xs);text-transform:capitalize;color:var(--accent);border-radius:var(--radius-sm);background:#5eead41a;padding:3px 10px;font-weight:500}.tpl-detail-body{padding:16px}.tpl-detail-meta{font-size:var(--text-xs);color:var(--text-secondary);gap:20px;margin-bottom:20px;display:flex}.tpl-detail-milestones{margin-top:20px}.tpl-detail-milestones h3{font-size:var(--text-base);color:var(--text-primary);margin:0 0 12px;font-weight:600}.tpl-detail-milestone{background:var(--bg-raised,var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;padding:12px 16px}.tpl-detail-milestone strong{color:var(--text-primary);font-size:var(--text-sm)}.tpl-detail-milestone p{font-size:var(--text-xs);color:var(--text-secondary);margin:6px 0 4px}.templates-page .btn-primary{height:32px;font-size:var(--text-xs);color:var(--bg-primary);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 18px;font-weight:600}.templates-page .btn-primary:hover{opacity:.9}.templates-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.templates-page .btn-secondary{height:32px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);padding:0 18px;font-weight:500}.templates-page .btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.templates-page .btn-sm{height:28px;font-size:var(--text-xs);padding:0 12px}.automations-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.automations-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.automations-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.automations-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.automations-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.automations-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.automations-filter-select:focus{border-color:var(--accent)}.automations-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.automations-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:4px 12px}.auto-name-cell{color:var(--text-primary);font-weight:500}.auto-trigger-badge{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;background:#5eead41a;padding:3px 10px;font-weight:500;display:inline-block}.auto-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.auto-toggle-track{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:20px;transition:background var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);border-radius:10px;align-items:center;display:flex;position:relative}.auto-toggle.active .auto-toggle-track{background:var(--accent);border-color:var(--accent)}.auto-toggle-thumb{background:var(--text-secondary);width:14px;height:14px;transition:left var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default);border-radius:50%;position:absolute;left:2px}.auto-toggle.active .auto-toggle-thumb{background:var(--bg-primary);left:18px}.auto-detail-header{margin-bottom:24px}.auto-detail-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.auto-detail-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.auto-name-input{font-size:var(--text-2xl);color:var(--text-primary);min-width:200px;transition:border-color var(--duration-instant) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;padding:4px 0;font-weight:600}.auto-name-input:focus{border-bottom-color:var(--accent)}.auto-name-input::placeholder{color:var(--text-muted)}.auto-detail-header-actions{flex-shrink:0;gap:8px;display:flex}.auto-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.auto-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.auto-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.auto-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.auto-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.auto-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 4px;font-weight:600}.auto-section-desc{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 16px}.auto-optional{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.auto-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;min-width:0;padding:8px 12px}.auto-input:focus{border-color:var(--accent)}.auto-input::placeholder{color:var(--text-muted)}.auto-select{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;min-width:150px;padding:8px 12px}.auto-select:focus{border-color:var(--accent)}.auto-select-lg{width:100%;max-width:400px}.auto-fields-preview{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.auto-fields-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.auto-fields-list{flex-wrap:wrap;gap:6px;display:flex}.auto-field-chip{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#5eead414;padding:2px 8px;font-family:monospace}.auto-condition-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.auto-condition-row .auto-select{min-width:120px}.auto-action-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;padding:14px}.auto-action-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.auto-action-config{flex-wrap:wrap;gap:8px;display:flex}.auto-add-btn{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);height:32px;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);background:0 0;margin-top:8px;padding:0 16px}.auto-add-btn:hover{border-color:var(--accent);color:var(--accent)}.auto-remove-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.auto-remove-btn:hover:not(:disabled){color:var(--error);border-color:var(--error)}.auto-remove-btn:disabled{opacity:.3;cursor:not-allowed}.auto-json-preview{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;cursor:help;max-width:200px;font-family:monospace;display:block;overflow:hidden}.auto-loading{color:var(--text-secondary);font-size:var(--text-sm);padding:20px 0}.auto-empty-hint{color:var(--text-muted);font-size:var(--text-sm);padding:12px 0}.auto-test-content{flex-direction:column;gap:12px;display:flex}.auto-test-label{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.auto-test-textarea{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-xs);resize:vertical;transition:border-color var(--duration-instant) var(--ease-default);outline:none;padding:12px 14px;font-family:monospace}.auto-test-textarea:focus{border-color:var(--accent)}.auto-test-result{border-radius:var(--radius-md);font-size:var(--text-xs);padding:14px 16px}.auto-test-result.success{color:var(--success);background:#34d39914;border:1px solid #34d39933}.auto-test-result.error{color:var(--error);background:#f8717114;border:1px solid #f8717133}.auto-test-result.neutral{color:var(--warning);background:#fbbf2414;border:1px solid #fbbf2433}.auto-test-result p{margin:0 0 6px}.auto-test-result p:last-child{margin-bottom:0}.auto-test-actions ul{margin:6px 0 0;padding-left:18px}.auto-test-actions li{font-family:monospace;font-size:var(--text-xs);margin-bottom:4px}.btn-back{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-instant) var(--ease-default);background:0 0;border:none;margin-bottom:16px;padding:0;display:inline-block}.btn-back:hover{color:var(--accent)}@media (width<=768px){.automations-page{padding:20px}.auto-stats-row{grid-template-columns:repeat(2,1fr)}.auto-condition-row{flex-wrap:wrap}.auto-detail-header-row{flex-direction:column;align-items:flex-start}.auto-detail-header-actions{justify-content:flex-end;width:100%}}.aio-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.aio-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.aio-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.aio-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.aio-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}@media (width<=900px){.aio-layout{grid-template-columns:1fr}}.aio-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.aio-tab{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-weight:500}.aio-tab:hover{color:var(--text-primary)}.aio-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.aio-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.aio-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.aio-filter-select:focus{border-color:var(--accent)}.aio-count{font-size:var(--text-xs);color:var(--text-secondary);margin-left:auto}.aio-section{min-height:200px}.aio-error{border-radius:var(--radius-md);color:#f87171;font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.aio-error button{border-radius:var(--radius-sm);color:#f87171;cursor:pointer;height:28px;font-size:var(--text-xs);background:#f8717126;border:1px solid #f871714d;padding:4px 12px}.aio-loading{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:40px 0}.aio-pagination{font-size:var(--text-xs);color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;padding:16px 0;display:flex}.aio-pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);transition:border-color var(--duration-instant) var(--ease-default);padding:6px 14px}.aio-pagination button:hover:not(:disabled){border-color:var(--accent)}.aio-pagination button:disabled{opacity:.4;cursor:not-allowed}.aio-autonomy{font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.aio-autonomy-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.aio-autonomy-0{background:var(--text-muted)}.aio-autonomy-1{background:var(--accent)}.aio-autonomy-2{background:#ff9500}.aio-autonomy-3{background:#9b7fe8}.aio-autonomy-4{background:#f85149}.aio-accepted{font-weight:600;font-size:var(--text-base)}.aio-accepted.yes{color:#28c840}.aio-accepted.no{color:#f85149}.aio-sidebar{position:sticky;top:32px}.aio-config-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.aio-config-title{color:var(--text-primary);margin:0 0 16px;font-size:.9375rem;font-weight:600}.aio-config-body{flex-direction:column;gap:14px;display:flex}.aio-config-row{justify-content:space-between;align-items:center;display:flex}.aio-config-label{font-size:var(--text-xs);color:var(--text-secondary)}.aio-config-value{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.aio-config-empty{font-size:var(--text-xs);color:var(--text-muted)}.aio-mock-indicator{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:2px 8px;font-weight:600}.aio-mock-indicator.mock{color:#ff9500;background:#ff95001f}.aio-mock-indicator.live{color:#28c840;background:#28c8401f}.aio-conv-list{flex-direction:column;gap:8px;display:flex}.aio-conv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default), background var(--duration-instant) var(--ease-default);padding:14px 16px}.aio-conv-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.aio-conv-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.aio-conv-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.aio-conv-date{font-size:var(--text-xs);color:var(--text-muted)}.aio-conv-card-meta{justify-content:space-between;align-items:center;display:flex}.aio-conv-client{font-size:var(--text-xs);color:var(--text-secondary)}.aio-conv-count{font-size:var(--text-xs);color:var(--text-muted)}.aio-detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.aio-detail-field{flex-direction:column;gap:4px;display:flex}.aio-detail-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.aio-detail-section{margin-bottom:20px}.aio-detail-section h4{font-size:var(--text-xs);color:var(--text-primary);margin:0 0 8px;font-weight:600}.aio-json{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;padding:14px;overflow:auto}.aio-chat{flex-direction:column;gap:12px;max-height:500px;padding:4px 0;display:flex;overflow-y:auto}.aio-chat-bubble{border-radius:var(--radius-md);max-width:80%;font-size:var(--text-sm);padding:10px 14px;line-height:1.5}.aio-chat-bubble.user{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);align-self:flex-end}.aio-chat-bubble.ai{color:var(--text-primary);background:#5eead414;border:1px solid #5eead426;align-self:flex-start}.aio-chat-sender{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-weight:600}.aio-chat-content{white-space:pre-wrap;word-break:break-word}.aio-chat-time{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:6px}.meetings-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.meetings-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.meetings-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.meetings-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.meetings-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.meetings-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.meetings-search:focus{border-color:var(--accent)}.meetings-search::placeholder{color:var(--text-muted)}.meetings-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.meetings-filter-select:focus{border-color:var(--accent)}.meetings-filter-date{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:7px 12px}.meetings-filter-date:focus{border-color:var(--accent)}.meetings-type-badge{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;background:#5eead414;padding:2px 10px;font-weight:500;display:inline-block}.meetings-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.meetings-pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);padding:6px 16px}.meetings-pagination button:hover:not(:disabled){background:var(--bg-hover)}.meetings-pagination button:disabled{opacity:.4;cursor:not-allowed}.meetings-page-info{font-size:var(--text-xs);color:var(--text-secondary)}.meetings-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.meetings-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:4px 12px}.meetings-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.meetings-form-full{grid-column:1/-1}.meetings-form-field{flex-direction:column;display:flex}.meetings-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:10px 14px}.meetings-contact-search-wrap{position:relative}.meetings-contact-dropdown{z-index:20;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-height:220px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.meetings-contact-dropdown li{cursor:pointer;transition:background var(--duration-instant) var(--ease-default);align-items:center;gap:10px;padding:10px 14px;display:flex}.meetings-contact-dropdown li:hover{background:var(--bg-hover)}.meetings-contact-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.meetings-contact-company{color:var(--text-muted);font-size:var(--text-xs)}.meeting-detail-page{max-width:1100px;margin:0 auto;padding:24px;position:relative}.meeting-detail-loading{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:60px 20px}.meeting-detail-error{text-align:center;padding:60px 20px}.meeting-detail-error h2{color:var(--text-primary);margin-bottom:8px}.meeting-detail-error p{color:var(--text-secondary);margin-bottom:20px}.meeting-toast{z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);animation:toast-in var(--duration-normal) var(--ease-default);padding:12px 16px;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.meeting-detail-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.meeting-detail-header-info{flex:1;min-width:0}.meeting-detail-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 8px;font-weight:600}.meeting-detail-meta{font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meeting-meta-sep{color:var(--text-muted)}.meeting-link{color:var(--accent);cursor:pointer;font-size:var(--text-xs);transition:opacity var(--duration-instant) var(--ease-default);background:0 0;border:none;padding:0}.meeting-link:hover{opacity:.8}.meeting-detail-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.meeting-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:28px;overflow:hidden}.meeting-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.meeting-info-row:last-child{border-bottom:none}.meeting-info-label{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.meeting-info-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right}.meeting-columns{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.meeting-section{margin-bottom:28px}.meeting-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.meeting-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 12px;font-weight:600}.meeting-section-header .meeting-section-title{margin-bottom:0}.meeting-section-actions{align-items:center;gap:10px;display:flex}.meeting-saving{font-size:var(--text-xs);color:var(--text-muted)}.meeting-notes-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);resize:vertical;transition:border-color var(--duration-instant) var(--ease-default);box-sizing:border-box;outline:none;padding:14px 16px;font-family:inherit;line-height:1.6}.meeting-notes-textarea:focus{border-color:var(--accent)}.meeting-notes-textarea::placeholder{color:var(--text-muted)}.meeting-action-items{flex-direction:column;gap:0;margin-bottom:12px;display:flex}.meeting-empty-text{color:var(--text-muted);font-size:var(--text-xs);margin:0;padding:12px 0}.meeting-action-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--duration-instant) var(--ease-default);align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 14px;display:flex}.meeting-action-item:hover{background:var(--bg-hover)}.meeting-action-item.completed .meeting-action-desc{color:var(--text-muted);text-decoration:line-through}.meeting-action-check{cursor:pointer;flex-shrink:0;align-items:center;margin-top:2px;display:flex}.meeting-action-check input{opacity:0;width:0;height:0;position:absolute}.meeting-action-checkmark{border:2px solid var(--border);width:18px;height:18px;transition:all var(--duration-instant) var(--ease-default);border-radius:4px;position:relative}.meeting-action-check input:checked+.meeting-action-checkmark{background:var(--accent);border-color:var(--accent)}.meeting-action-check input:checked+.meeting-action-checkmark:after{content:"";border:solid var(--bg-primary);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.meeting-action-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.meeting-action-desc{font-size:var(--text-sm);color:var(--text-primary);transition:color var(--duration-instant) var(--ease-default)}.meeting-action-due{font-size:var(--text-xs);color:var(--text-muted)}.meeting-action-remove{color:var(--text-muted);cursor:pointer;transition:color var(--duration-instant) var(--ease-default);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.1rem;line-height:1}.meeting-action-remove:hover{color:var(--error)}.meeting-add-item-form{align-items:center;gap:8px;display:flex}.meeting-add-item-input{flex:1}.meeting-add-item-date{width:150px}.meeting-ai-card,.meeting-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.meeting-ai-card p,.meeting-summary-card p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.meeting-ai-pre{color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-mono,"JetBrains Mono", monospace);white-space:pre-wrap;word-break:break-word;margin:0}@media (width<=768px){.meetings-page,.meeting-detail-page{padding:20px}.meetings-form-grid{grid-template-columns:1fr}.meeting-detail-header{flex-direction:column}.meeting-detail-actions{justify-content:flex-start;width:100%}.meeting-columns{grid-template-columns:1fr}.meeting-add-item-form{flex-direction:column;align-items:stretch}.meeting-add-item-date{width:100%}}.portal-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.portal-header{margin-bottom:32px}.portal-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.portal-metrics-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.portal-metrics-row .metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.portal-metrics-row .metric-card-value{color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:700}.portal-metrics-row .metric-card-label{font-size:var(--text-xs);color:var(--text-secondary)}.portal-metrics-row .metric-card--warning{border-color:#fbbf244d}.portal-metrics-row .metric-card--info{border-color:#60a5fa4d}.portal-section{margin-bottom:32px}.portal-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.portal-quick-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.portal-quick-link-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-instant) var(--ease-default), background var(--duration-instant) var(--ease-default);flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.portal-quick-link-card:hover{border-color:var(--accent);background:var(--bg-hover)}.portal-quick-link-icon{font-size:24px}.portal-quick-link-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.portal-quick-link-desc{font-size:var(--text-xs);color:var(--text-secondary)}.portal-activity-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.portal-activity-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.portal-activity-item:last-child{border-bottom:none}.portal-activity-action{align-items:center;gap:8px;display:flex}.portal-activity-badge{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-hover);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.portal-activity-entity{font-size:var(--text-xs);color:var(--text-muted)}.portal-activity-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.portal-empty{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.portal-error{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);padding:48px 24px}.portal-error .btn-retry{background:var(--accent);height:32px;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:16px;padding:0 20px;font-weight:600}@media (width<=900px){.portal-metrics-row,.portal-quick-links{grid-template-columns:repeat(2,1fr)}}.portal-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.portal-filters input,.portal-filters select{background:var(--bg-card,#111821);border:1px solid var(--border,#ffffff0f);color:var(--text-primary,#e8ecf1);border-radius:var(--radius-md,8px);font-size:var(--text-xs);min-width:140px;padding:8px 12px}.portal-filters input:focus,.portal-filters select:focus{border-color:var(--accent,#5eead4);outline:none}.portal-filters input::placeholder{color:var(--text-muted,#556070)}.portal-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.portal-page-header h1{font-size:var(--text-2xl);color:var(--text-primary,#e8ecf1);margin:0;font-weight:600}.portal-page-header .header-actions{gap:10px;display:flex}.btn-primary{background:var(--accent,#5eead4);color:#070b11;border-radius:var(--radius-md,8px);height:32px;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);border:none;padding:0 16px;font-weight:600}.btn-secondary{background:var(--bg-hover,#1a2332);color:var(--text-primary,#e8ecf1);border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md,8px);height:32px;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-default);padding:0 16px;font-weight:500}.btn-secondary:hover{border-color:var(--accent,#5eead4)}.btn-danger{background:var(--error,#f87171);color:#fff;border-radius:var(--radius-md,8px);height:32px;font-size:var(--text-xs);cursor:pointer;border:none;padding:0 16px;font-weight:600}.btn-danger:hover{opacity:.85}.portal-detail-panel{background:var(--bg-raised,#0c1219);border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md);margin-top:12px;padding:14px}.portal-detail-panel .detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.portal-detail-panel .detail-item{flex-direction:column;gap:4px;display:flex}.portal-detail-panel .detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#556070);font-weight:600}.portal-detail-panel .detail-value{font-size:var(--text-xs);color:var(--text-primary,#e8ecf1);word-break:break-all}.portal-detail-panel .detail-value.mono{font-family:JetBrains Mono,monospace;font-size:var(--text-xs)}.metadata-list{flex-direction:column;gap:8px;display:flex}.metadata-entry{background:var(--bg-card,#111821);font-size:var(--text-xs);border-radius:6px;gap:12px;padding:6px 10px;display:flex}.metadata-key{color:var(--accent,#5eead4);flex-shrink:0;min-width:120px;font-family:JetBrains Mono,monospace}.metadata-value{color:var(--text-primary,#e8ecf1);word-break:break-all}.portal-pagination{border-top:1px solid var(--border,#ffffff0f);justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.portal-pagination button{background:var(--bg-hover,#1a2332);border:1px solid var(--border,#ffffff0f);color:var(--text-primary,#e8ecf1);height:28px;font-size:var(--text-xs);cursor:pointer;border-radius:6px;padding:0 14px}.portal-pagination button:disabled{opacity:.3;cursor:not-allowed}.portal-pagination .page-info{font-size:var(--text-xs);color:var(--text-secondary,#8b95a5)}.accordion-section{border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md,8px);margin-bottom:8px;overflow:hidden}.accordion-header{background:var(--bg-card,#111821);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-instant) var(--ease-default);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.accordion-header:hover{background:var(--bg-hover,#1a2332)}.accordion-header h4{font-size:var(--text-xs);color:var(--text-primary,#e8ecf1);margin:0;font-weight:600}.accordion-header .count-badge{background:var(--bg-hover,#1a2332);color:var(--text-secondary,#8b95a5);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px 8px}.accordion-header .chevron{color:var(--text-muted,#556070);transition:transform var(--duration-instant) var(--ease-default);font-size:var(--text-xs)}.accordion-header .chevron.open{transform:rotate(180deg)}.accordion-body{background:var(--bg-raised,#0c1219);padding:12px 16px}.evidence-timeline{flex-direction:column;gap:10px;display:flex}.evidence-entry{background:var(--bg-card,#111821);font-size:var(--text-xs);border-radius:6px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.evidence-entry .timestamp{color:var(--text-muted,#556070);white-space:nowrap;min-width:140px;font-family:JetBrains Mono,monospace}.evidence-entry .entry-detail{color:var(--text-primary,#e8ecf1);flex:1}.evidence-entry .entry-ip{color:var(--text-secondary,#8b95a5);font-family:JetBrains Mono,monospace;font-size:var(--text-xs)}.summary-card{background:var(--bg-card,#111821);border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md);margin-bottom:16px;padding:14px}.summary-card .card-title{font-size:var(--text-sm);color:var(--text-primary,#e8ecf1);margin:0 0 12px;font-weight:600}.summary-card .card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.notification-row{border-bottom:1px solid var(--border,#ffffff0f);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notification-row:hover{background:var(--bg-hover,#1a2332)}.notification-row.unread{background:#5eead408}.notification-row.urgent{border-left:3px solid var(--error,#f87171)}.notification-priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-priority-dot.urgent{background:var(--error,#f87171)}.notification-priority-dot.high{background:var(--warning,#fbbf24)}.notification-priority-dot.medium{background:#fbbf24}.notification-priority-dot.normal{background:var(--text-muted,#556070)}.notification-priority-dot.low{background:var(--text-muted,#556070);opacity:.5}.notification-content{flex:1;min-width:0}.notification-content .notif-title{font-size:var(--text-xs);color:var(--text-primary,#e8ecf1);margin:0 0 4px;font-weight:600}.notification-content .notif-message{font-size:var(--text-xs);color:var(--text-secondary,#8b95a5);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.notification-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.notification-meta .notif-time{font-size:var(--text-xs);color:var(--text-muted,#556070);white-space:nowrap}.notification-meta .notif-type-badge{font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--bg-hover,#1a2332);color:var(--text-secondary,#8b95a5);padding:2px 8px}.back-link{color:var(--text-secondary,#8b95a5);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;display:inline-flex}.back-link:hover{color:var(--accent,#5eead4)}.portal-error{border:1px solid var(--error,#f87171);border-radius:var(--radius-md,8px);color:var(--error,#f87171);font-size:var(--text-xs);background:#f871711a;margin-bottom:16px;padding:12px 16px}.action-link{color:var(--accent,#5eead4);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.action-link:hover{text-decoration:underline}.communication-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.comm-message{background:var(--bg-card,#111821);font-size:var(--text-xs);border-radius:6px;padding:8px 12px}.comm-message .comm-sender{color:var(--accent,#5eead4);margin-right:8px;font-weight:600}.comm-message .comm-text{color:var(--text-primary,#e8ecf1)}.comm-message .comm-time{color:var(--text-muted,#556070);font-size:var(--text-xs);margin-top:4px}.status-select{background:var(--bg-card,#111821);border:1px solid var(--border,#ffffff0f);color:var(--text-primary,#e8ecf1);font-size:var(--text-xs);border-radius:6px;padding:6px 10px}.status-select:focus{border-color:var(--accent,#5eead4);outline:none}.portal-settings-page{max-width:960px;margin:0 auto;padding:24px;position:relative}.portal-settings-page .page-header{margin-bottom:32px}.portal-settings-page .page-header h1{font-size:var(--text-2xl);color:var(--text-primary,#e8ecf1);margin:0 0 6px;font-weight:600}.portal-settings-page .text-secondary{color:var(--text-secondary,#8b95a5);font-size:var(--text-sm);margin:0}.ps-toast{z-index:1000;border-radius:var(--radius-md,8px);font-size:var(--text-sm);color:#fff;animation:ps-toast-in var(--duration-normal) var(--ease-default);padding:12px 20px;font-weight:500;position:fixed;top:20px;right:20px}.ps-toast-success{background:var(--success,#34d399);color:#0b0f1a}.ps-toast-error{background:var(--error,#f87171)}@keyframes ps-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ps-section{background:var(--bg-card,#111821);border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md);margin-bottom:32px;padding:16px}.ps-section-title{font-size:var(--text-base);color:var(--text-primary,#e8ecf1);border-bottom:1px solid var(--border,#ffffff0f);margin:0 0 20px;padding-bottom:12px;font-weight:600}.ps-error{text-align:center;color:var(--text-secondary,#8b95a5);padding:48px 24px}.ps-error p{margin-bottom:16px}.ps-integration-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.ps-integration-card{background:var(--bg-raised,#0c1219);border:1px solid var(--border,#ffffff0f);border-radius:var(--radius-md,8px);flex-direction:column;gap:12px;padding:14px;display:flex}.ps-integration-header{align-items:center;gap:10px;display:flex}.ps-integration-icon{font-size:1.25rem}.ps-integration-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary,#e8ecf1);flex:1}.ps-integration-desc{font-size:var(--text-xs);color:var(--text-muted,#556070);margin:0;line-height:1.4}.ps-toggles-grid{flex-direction:column;gap:0;display:flex}.ps-toggle-row{border-bottom:1px solid var(--border,#ffffff0f);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ps-toggle-row:last-child{border-bottom:none}.ps-toggle-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ps-toggle-label{font-size:var(--text-sm);color:var(--text-primary,#e8ecf1);font-weight:500}.ps-toggle-help{font-size:var(--text-xs);color:var(--text-muted,#556070)}.ps-toggle-danger{border-radius:var(--radius-md,8px);background:#f871710d;border:1px solid #f8717126;margin-top:8px;padding:14px 16px}.ps-danger-label{color:var(--error,#f87171)!important}.ps-danger-help{color:#f87171b3!important}.ps-form{flex-direction:column;gap:20px;display:flex}.ps-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.ps-form-grid{grid-template-columns:1fr}}.ps-form-toggles{flex-direction:column;gap:0;display:flex}.ps-form-actions{justify-content:flex-end;padding-top:8px;display:flex}.ps-email-status{border-bottom:1px solid var(--border,#ffffff0f);margin-bottom:20px;padding-bottom:16px}.ps-email-status-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ps-email-status-label{font-size:var(--text-sm);color:var(--text-primary,#e8ecf1);font-weight:500}.ps-email-env-note{font-size:var(--text-xs);color:var(--text-muted,#556070);margin:0;line-height:1.5}.ps-btn{border-radius:var(--radius-md,8px);height:32px;font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default), opacity var(--duration-instant) var(--ease-default);border:none;padding:0 18px;font-weight:500}.ps-btn:disabled{opacity:.5;cursor:not-allowed}.ps-btn-primary{background:var(--accent,#5eead4);color:#0b0f1a}.ps-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.ps-btn-secondary{background:var(--bg-hover,#1a2332);color:var(--text-primary,#e8ecf1);border:1px solid var(--border,#ffffff0f)}.ps-btn-secondary:hover:not(:disabled){background:var(--bg-card,#111821);border-color:var(--text-muted,#556070)}.portal-analytics-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.portal-analytics-header{margin-bottom:32px}.portal-analytics-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.pa-metrics-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.pa-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.pa-metric-value{color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:700}.pa-metric-label{font-size:var(--text-xs);color:var(--text-secondary)}.pa-section{margin-bottom:32px}.pa-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.pa-chart-empty{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.pa-login-chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.pa-login-chart{align-items:flex-end;gap:4px;height:200px;display:flex}.pa-login-bar-wrapper{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.pa-login-bar{background:var(--accent);width:100%;max-width:24px;min-height:2px;transition:opacity var(--duration-instant) var(--ease-default);border-radius:3px 3px 0 0;position:relative}.pa-login-bar-tooltip{background:var(--bg-hover);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;padding:2px 6px;display:none;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.pa-login-bar-wrapper:hover .pa-login-bar-tooltip{display:block}.pa-login-bar-wrapper:hover .pa-login-bar{opacity:.8}.pa-login-bar-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;margin-top:6px}.pa-feature-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.pa-feature-row{align-items:center;gap:12px;display:flex}.pa-feature-name{width:120px;font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex-shrink:0}.pa-feature-bar-track{background:var(--bg-hover);border-radius:4px;flex:1;height:20px;overflow:hidden}.pa-feature-bar{background:var(--accent);height:100%;transition:width var(--duration-normal) var(--ease-default);border-radius:4px;min-width:2px}.pa-feature-count{width:60px;font-size:var(--text-xs);color:var(--text-primary);text-align:right;flex-shrink:0;font-weight:600}.pa-funnel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:16px;display:flex}.pa-funnel-stage{flex-direction:column;gap:6px;display:flex}.pa-funnel-label{justify-content:space-between;align-items:baseline;display:flex}.pa-funnel-stage-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.pa-funnel-stage-stats{font-size:var(--text-xs);color:var(--text-secondary)}.pa-funnel-bar-track{background:var(--bg-hover);border-radius:6px;height:28px;overflow:hidden}.pa-funnel-bar{background:linear-gradient(90deg, var(--accent), #5eead499);height:100%;transition:width var(--duration-normal) var(--ease-default);border-radius:6px}.pa-funnel-dropoff{font-size:var(--text-xs);color:var(--text-muted);text-align:right;min-height:14px}.pa-check{color:var(--success);font-size:16px;font-weight:700}.pa-cross{color:var(--error);font-size:16px;font-weight:700}.portal-analytics-error{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);padding:48px 24px}.portal-analytics-error .btn-retry{background:var(--accent);height:32px;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:16px;padding:0 20px;font-weight:600}@media (width<=900px){.pa-metrics-row{grid-template-columns:repeat(2,1fr)}.pa-feature-name{width:80px}}.team-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.team-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.team-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.team-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.team-filters{align-items:center;gap:12px;margin-bottom:20px;display:flex}.team-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.team-search:focus{border-color:var(--accent)}.team-search::placeholder{color:var(--text-muted)}.team-name-cell{align-items:center;gap:10px;display:flex}.team-avatar{background:var(--accent);width:32px;height:32px;color:var(--bg-primary);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.team-role-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;padding:3px 10px;font-weight:500;display:inline-block}.role-warning{color:#ffbd2e;background:#ffbd2e1f}.role-accent{color:var(--accent);background:#5eead41f}.role-info{color:#4b8bf5;background:#4b8bf51f}.role-success{color:#28c840;background:#28c8401f}.role-muted{color:var(--text-secondary);background:#8b95a51f}.team-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:16px 14px;display:flex}.team-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:0 12px}.team-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.team-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:10px 14px}.team-password-field{position:relative}.team-generate-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm,6px);height:28px;color:var(--accent);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);padding:0 10px;font-weight:500;position:absolute;top:28px;right:8px}.team-generate-btn:hover{background:var(--bg-card)}.team-detail-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.team-detail-header-main{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.team-detail-avatar{background:var(--accent);width:56px;height:56px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.team-detail-header-info{flex:1;min-width:0}.team-detail-name{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 6px;font-weight:600}.team-detail-meta{font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.team-detail-email{color:var(--text-secondary)}.team-detail-header-actions{flex-shrink:0;gap:8px;display:flex}.team-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.team-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.team-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.team-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.team-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.team-tab{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px}.team-tab:hover{color:var(--text-primary)}.team-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.team-info-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.team-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 14px;display:flex}.team-info-row:last-child{border-bottom:none}.team-info-label{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.team-info-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right}.team-edit-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.team-edit-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.team-work-sections{flex-direction:column;gap:28px;display:flex}.team-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 12px;font-weight:600}.team-reset-hint{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 16px}.team-detail-error{text-align:center;padding:60px 20px}.team-detail-error h2{color:var(--text-primary);margin-bottom:8px}.team-detail-error p{color:var(--text-secondary);margin-bottom:20px}@media (width<=768px){.team-page,.team-detail-page{padding:20px}.team-form-grid,.team-stats-row{grid-template-columns:1fr}.team-detail-header-main{flex-direction:column}.team-detail-header-actions{justify-content:flex-end;width:100%}}.developers-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.developers-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.developers-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 4px;font-weight:600}.developers-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.developers-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.developers-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;max-width:300px;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);outline:none;flex:1;padding:8px 14px}.developers-search:focus{border-color:var(--accent)}.developers-search::placeholder{color:var(--text-muted)}.developers-skills-search{max-width:260px}.developers-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;padding:8px 12px}.developers-filter-select:focus{border-color:var(--accent)}.dev-name-cell{align-items:center;gap:10px;display:flex}.dev-avatar{background:var(--accent);width:32px;height:32px;color:var(--bg-primary);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.dev-skills-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dev-skill-tag{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;background:#5eead41a;padding:2px 8px;font-weight:500}.dev-skill-more{font-size:var(--text-xs);color:var(--text-muted)}.developers-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.developers-pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);padding:0 16px}.developers-pagination button:hover:not(:disabled){background:var(--bg-hover)}.developers-pagination button:disabled{opacity:.4;cursor:not-allowed}.developers-page-info{font-size:var(--text-xs);color:var(--text-secondary)}.developers-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;align-items:center;gap:12px;margin-bottom:16px;padding:16px 14px;display:flex}.developers-error button{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);cursor:pointer;height:28px;font-size:var(--text-xs);background:0 0;margin-left:auto;padding:0 12px}.developers-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.developers-form-full{grid-column:1/-1}.developers-form-error{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-xs);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:10px 14px}.dev-detail-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.dev-detail-loading{color:var(--text-secondary);text-align:center;font-size:var(--text-sm);padding:60px 0}.dev-detail-error-state{text-align:center;padding:60px 20px}.dev-detail-error-state h2{color:var(--text-primary);margin-bottom:8px}.dev-detail-error-state p{color:var(--text-secondary);margin-bottom:20px}.dev-detail-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dev-detail-avatar{background:var(--accent);width:56px;height:56px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.dev-detail-header-info{flex:1;min-width:0}.dev-detail-name{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 6px;font-weight:600}.dev-detail-meta{font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-detail-email{color:var(--text-primary);font-weight:500}.dev-detail-date{color:var(--text-muted)}.dev-detail-header-actions{flex-shrink:0;gap:8px;display:flex}.btn-approve{height:32px;color:var(--green);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);background:#28c8401f;border:1px solid #28c8404d;padding:0 20px;font-weight:500}.btn-approve:hover:not(:disabled){background:#28c84033}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-reject{height:32px;color:var(--error);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);background:#f8514914;border:1px solid #f851494d;padding:0 20px;font-weight:500}.btn-reject:hover:not(:disabled){background:#f8514926}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.dev-stage-selector{align-items:center;gap:12px;margin-bottom:24px;display:flex}.dev-stage-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.dev-stage-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;outline:none;padding:6px 12px}.dev-stage-select:focus{border-color:var(--accent)}.dev-info-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;display:grid;overflow:hidden}.dev-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 14px;display:flex}.dev-info-row:nth-last-child(-n+2){border-bottom:none}.dev-info-label{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.dev-info-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right}.dev-section{margin-bottom:28px}.dev-section-title{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:10px;margin:0 0 14px;font-weight:600;display:flex}.dev-warning-title{color:var(--yellow)}.dev-empty-text{color:var(--text-muted);font-size:var(--text-xs);margin:0}.dev-skills-list{flex-wrap:wrap;gap:8px;display:flex}.dev-skill-chip{color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#5eead41a;padding:5px 14px;font-weight:500}.dev-portfolio-list{flex-direction:column;gap:10px;display:flex}.dev-portfolio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.dev-portfolio-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.dev-portfolio-link{font-size:var(--text-xs);color:var(--accent);margin-left:10px;text-decoration:none}.dev-portfolio-link:hover{text-decoration:underline}.dev-portfolio-desc{font-size:var(--text-xs);color:var(--text-secondary);margin:6px 0 0;line-height:1.5}.dev-scores-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.dev-score-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:4px;padding:16px;display:flex}.dev-score-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.dev-score-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.dev-flags-list{flex-direction:column;gap:8px;display:flex}.dev-flag-item{border-radius:var(--radius-md);background:#ffbd2e0f;border:1px solid #ffbd2e33;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.dev-flag-icon{width:22px;height:22px;color:var(--yellow);font-size:var(--text-xs);background:#ffbd2e26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.dev-flag-text{font-size:var(--text-xs);color:var(--text-primary);line-height:1.5}.dev-notes-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);resize:vertical;transition:border-color var(--duration-instant) var(--ease-default);box-sizing:border-box;outline:none;padding:12px 14px;font-family:inherit}.dev-notes-textarea:focus{border-color:var(--accent)}.dev-notes-textarea::placeholder{color:var(--text-muted)}.dev-saving-indicator{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}@media (width<=768px){.developers-page,.dev-detail-page{padding:20px}.developers-form-grid,.dev-info-grid{grid-template-columns:1fr}.dev-info-row:last-child{border-bottom:none}.dev-detail-header{flex-direction:column}.dev-detail-header-actions{justify-content:flex-end;width:100%}.dev-scores-grid{grid-template-columns:repeat(2,1fr)}}.reports-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.reports-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.reports-title{font-family:var(--font-body);font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.reports-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.reports-export-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius-md);height:32px;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;padding:0 20px;font-weight:600}.reports-export-btn:hover:not(:disabled){opacity:.85}.reports-export-btn:disabled{opacity:.5;cursor:not-allowed}.reports-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reports-period-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.reports-period-btn{color:var(--text-secondary);height:32px;font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;border-right:1px solid var(--border);white-space:nowrap;background:0 0;padding:0 16px;font-weight:500}.reports-period-btn:last-child{border-right:none}.reports-period-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.reports-period-btn.active{background:var(--accent);color:var(--bg)}.reports-custom-dates{align-items:center;gap:8px;display:flex}.reports-date-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-body);padding:8px 12px}.reports-date-input:focus{border-color:var(--accent);outline:none}.reports-date-sep{color:var(--text-muted);font-size:var(--text-xs)}.reports-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.reports-tab{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;font-weight:500}.reports-tab:hover{color:var(--text-primary)}.reports-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.reports-content{min-height:300px}.reports-tab-content{flex-direction:column;gap:24px;display:flex}.reports-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.reports-section-title{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-weight:600;display:flex}.reports-count-badge{background:var(--red,#f85149);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm);padding:2px 8px;font-weight:700;line-height:1.4}.reports-bar-chart{align-items:flex-end;gap:8px;height:220px;padding-top:24px;display:flex}.reports-bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.reports-bar-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;margin-bottom:6px;overflow:hidden}.reports-bar-track{background:#ffffff0a;border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;max-width:48px;display:flex;overflow:hidden}.reports-bar-fill{background:var(--accent);width:100%;transition:height var(--duration-normal) var(--ease-out);border-radius:4px 4px 0 0;min-height:2px}.reports-bar-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;margin-top:8px}.reports-aging-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.reports-aging-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:6px;padding:16px;display:flex}.reports-aging-indicator{border-radius:2px;width:32px;height:4px}.reports-aging-label{font-size:var(--text-xs);color:var(--text-secondary)}.reports-aging-value{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.reports-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.reports-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.reports-stat-value{font-size:36px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.reports-stat-detail{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.reports-progress-track{background:#ffffff0f;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.reports-progress-fill{background:var(--accent);height:100%;transition:width var(--duration-normal) var(--ease-out);border-radius:3px}.reports-progress-fill--green{background:var(--green,#28c840)}.reports-portal-summary{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.reports-horizontal-bars{flex-direction:column;gap:12px;display:flex}.reports-hbar-row{align-items:center;gap:12px;display:flex}.reports-hbar-label{width:140px;font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.reports-hbar-track{background:#ffffff0a;border-radius:4px;flex:1;height:24px;overflow:hidden}.reports-hbar-fill{background:var(--accent);height:100%;transition:width var(--duration-normal) var(--ease-out);border-radius:4px;min-width:3%}.reports-hbar-value{width:50px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-primary);text-align:right;flex-shrink:0}.reports-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 32px;display:flex}.reports-error p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.reports-retry-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius-md);height:32px;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:none;padding:0 24px;font-weight:500}.reports-retry-btn:hover{opacity:.85}.reports-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.reports-skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:120px;animation:1.5s ease-in-out infinite reports-pulse}@keyframes reports-pulse{0%,to{opacity:.6}50%{opacity:.3}}@media (width<=1024px){.reports-aging-grid{grid-template-columns:repeat(2,1fr)}.reports-portal-summary{grid-template-columns:1fr}}@media (width<=768px){.reports-page{padding:20px 16px}.reports-header{flex-direction:column;gap:16px}.reports-filters{flex-direction:column;align-items:flex-start}.reports-period-group{flex-wrap:wrap}.reports-aging-grid{grid-template-columns:1fr 1fr}.reports-bar-chart{height:160px}.reports-stat-value{font-size:28px}.reports-hbar-label{width:100px}}@media (width<=480px){.reports-aging-grid,.reports-skeleton-grid{grid-template-columns:1fr}.reports-tabs{overflow-x:auto}.reports-tab{font-size:var(--text-xs);padding:10px 14px}}.analytics-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.analytics-header{margin-bottom:32px}.analytics-title{font-family:var(--font-body);font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.analytics-error{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);padding:32px}.analytics-retry-btn{background:var(--accent);color:#0b0f1a;border-radius:var(--radius-sm);cursor:pointer;height:32px;transition:opacity var(--duration-fast) var(--ease-out);border:none;margin-top:12px;padding:0 20px;font-weight:600}.analytics-retry-btn:hover{opacity:.85}.analytics-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.analytics-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.analytics-kpi-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;font-family:var(--font-mono);margin-bottom:6px}.analytics-kpi-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.analytics-charts-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.analytics-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.analytics-chart-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 4px;font-weight:600}.analytics-chart-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 20px}.analytics-chart-empty{height:200px;color:var(--text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.analytics-bar-chart{align-items:flex-end;gap:6px;height:220px;display:flex}.analytics-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.analytics-bar-value{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);margin-bottom:4px}.analytics-bar-col:hover .analytics-bar-value{opacity:1}.analytics-bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.analytics-bar{width:100%;max-width:40px;min-height:4px;transition:height var(--duration-normal) var(--ease-out);border-radius:4px 4px 0 0}.analytics-bar--teal{background:#5eead4}.analytics-bar--green{background:var(--green)}.analytics-bar-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:8px}.analytics-section-header{margin-bottom:16px}.analytics-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.analytics-conversions-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.analytics-conversion-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:16px}.analytics-conversion-value{color:var(--accent);font-size:32px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.analytics-conversion-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.analytics-website-placeholder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:32px;padding:48px 24px}@media (width<=1024px){.analytics-kpi-row,.analytics-conversions-row{grid-template-columns:repeat(2,1fr)}.analytics-charts-row{grid-template-columns:1fr}}@media (width<=640px){.analytics-page{padding:16px}.analytics-kpi-row,.analytics-conversions-row{grid-template-columns:1fr}}.marketing-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.marketing-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.marketing-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:600}.marketing-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.marketing-tab{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:500}.marketing-tab:hover{color:var(--text-primary)}.marketing-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.calendar-toolbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;display:flex}.marketing-error{border-radius:var(--radius-md);color:#f85149;font-size:var(--text-xs);background:#f8514914;border:1px solid #f8514933;margin-bottom:16px;padding:12px 16px}.marketing-loading{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:48px}.marketing-calendar-tab .calendar-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.marketing-calendar-tab .calendar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.marketing-calendar-tab .calendar-month-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.marketing-calendar-tab .calendar-nav{gap:4px;display:flex}.marketing-calendar-tab .calendar-nav button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--duration-instant) var(--ease-default);padding:6px 10px}.marketing-calendar-tab .calendar-nav button:hover{color:var(--text-primary);border-color:var(--accent)}.marketing-calendar-tab .calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.marketing-calendar-tab .calendar-day-header{text-align:center;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 8px;font-weight:600}.marketing-calendar-tab .calendar-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:90px;transition:background var(--duration-instant) var(--ease-default);padding:6px 8px;position:relative}.marketing-calendar-tab .calendar-cell:nth-child(7n){border-right:none}.marketing-calendar-tab .calendar-cell:hover{background:var(--bg-hover)}.marketing-calendar-tab .calendar-cell.other-month{opacity:.3}.marketing-calendar-tab .calendar-cell.today{box-shadow:inset 0 0 0 1px var(--accent);background:#5eead40a}.marketing-calendar-tab .calendar-day-number{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:500}.marketing-calendar-tab .calendar-cell.today .calendar-day-number{color:var(--accent);font-weight:700}.calendar-content-item{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);align-items:center;gap:4px;margin-bottom:2px;padding:2px 6px;font-size:.625rem;display:flex;overflow:hidden}.calendar-content-item:hover{opacity:.8}.content-item-title{text-overflow:ellipsis;overflow:hidden}.calendar-content-item.type-blog{color:var(--accent);background:#5eead41f}.calendar-content-item.type-social{color:#9b7fe8;background:#9b7fe81f}.calendar-content-item.type-email{color:#4b8bf5;background:#4b8bf51f}.calendar-content-item.type-other{color:var(--text-secondary);background:#a3b3cc1a}.marketing-calendar-tab .calendar-more{color:var(--text-muted);padding:2px 4px;font-size:.5625rem}.modal-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.modal-actions-right{gap:8px;margin-left:auto;display:flex}.content-form{flex-direction:column;gap:16px;display:flex}.btn-primary{height:32px;font-size:var(--text-xs);color:#0b0f1a;background:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);border:none;padding:0 16px;font-weight:500}.btn-secondary{height:32px;font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:0 0;padding:0 16px;font-weight:500}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-danger{height:32px;font-size:var(--text-xs);color:#f85149;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-default);background:#f8514914;border:1px solid #f8514933;padding:0 16px;font-weight:500}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.lead-sources-tab{flex-direction:column;gap:24px;display:flex}.source-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.source-bar-row{align-items:center;gap:12px;display:flex}.source-bar-label{width:120px;font-size:var(--text-xs);color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:500;overflow:hidden}.source-bar-track{background:#ffffff08;border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden}.source-bar-fill{height:100%;transition:width var(--duration-normal) var(--ease-out);background:#5eead42e;border-radius:4px;min-width:2px;position:relative}.source-bar-clients{background:var(--accent);opacity:.7;height:100%;transition:width var(--duration-normal) var(--ease-out);border-radius:4px}.source-bar-count{width:40px;font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex-shrink:0;font-weight:600}.source-chart-legend{justify-content:center;gap:20px;padding:8px 0;display:flex}.legend-item{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.legend-dot.total{background:#5eead42e}.legend-dot.clients{background:var(--accent);opacity:.7}.settings-page{max-width:var(--content-max-width);margin:0 auto;padding:24px}.settings-header{margin-bottom:32px}.settings-title{font-size:var(--text-2xl);color:#e8ecf1;margin:0 0 4px;font-weight:600}.settings-subtitle{font-size:var(--text-xs);color:#8b95a5}.settings-loading,.settings-error{text-align:center;color:#8b95a5;font-size:var(--text-sm);padding:48px 0}.settings-error p{color:#f87171;margin-bottom:16px}.settings-section{border-radius:var(--radius-md);background:#111821;border:1px solid #ffffff0f;margin-bottom:12px;overflow:hidden}.settings-section-header{color:#e8ecf1;width:100%;font-size:var(--text-sm);cursor:pointer;text-align:left;transition:background var(--duration-instant) var(--ease-default);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 14px;font-weight:600;display:flex}.settings-section-header:hover{background:#ffffff08}.settings-section-title{align-items:center;gap:10px;display:flex}.settings-section-icon{font-size:var(--text-base);opacity:.7}.settings-chevron{font-size:var(--text-xs);opacity:.5;transition:transform var(--duration-normal) var(--ease-default)}.settings-chevron.rotated{transform:rotate(180deg)}.settings-section-body{padding:4px 14px 14px}.settings-form{flex-direction:column;gap:16px;max-width:460px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--text-xs);color:#8b95a5;font-weight:500}.form-input{border-radius:var(--radius-md);color:#e8ecf1;font-size:var(--text-sm);transition:border-color var(--duration-instant) var(--ease-default);background:#ffffff0a;border:1px solid #ffffff0f;outline:none;padding:10px 12px;font-family:inherit}.form-input:focus{border-color:#5eead4}.form-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.save-message{font-size:var(--text-xs);color:#34d399;animation:fadeIn var(--duration-normal) var(--ease-default)}.btn-primary{color:#0b0f1a;border-radius:var(--radius-md);height:32px;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-instant) var(--ease-default);background:#5eead4;border:none;padding:0 20px;font-weight:600}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#e8ecf1;border-radius:var(--radius-md);height:32px;font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-instant) var(--ease-default), border-color var(--duration-instant) var(--ease-default);background:#ffffff0f;border:1px solid #ffffff0f;padding:0 16px;font-weight:500}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff1f}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:28px;font-size:var(--text-xs);cursor:pointer;border:none;border-radius:6px;padding:0 10px;font-weight:500}.btn-danger{color:#f87171;background:#f8717126}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.integration-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:16px;display:flex}.integration-card-header{align-items:center;gap:8px;display:flex}.integration-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-ok{background:#34d399;box-shadow:0 0 6px #34d39966}.dot-error{background:#f87171;box-shadow:0 0 6px #f8717166}.dot-not-set{background:#fbbf24;box-shadow:0 0 6px #fbbf244d}.dot-unknown{background:#8b95a5}.integration-name{font-size:var(--text-sm);color:#e8ecf1;font-weight:600}.integration-status{font-size:var(--text-xs);color:#8b95a5}.integration-detail{font-size:var(--text-xs);color:#8b95a5;font-family:JetBrains Mono,monospace}.section-action-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.session-count-label{font-size:var(--text-xs);color:#8b95a5;font-weight:500}.info-cards-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.info-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;flex:1;gap:4px;min-width:180px;padding:16px 14px;display:flex}.info-card-label{font-size:var(--text-xs);color:#8b95a5;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-card-value{font-size:var(--text-base);color:#e8ecf1;word-break:break-all;font-family:JetBrains Mono,monospace;font-weight:600}.table-counts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.table-count-card{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.table-count-name{font-size:var(--text-xs);color:#8b95a5}.table-count-value{font-size:var(--text-sm);color:#e8ecf1;font-family:JetBrains Mono,monospace;font-weight:600}.env-notice{font-size:var(--text-xs);color:#8b95a5;margin:0 0 16px;line-height:1.5}.env-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.env-card{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.env-card-header{align-items:center;gap:8px;display:flex}.env-padlock{font-size:var(--text-sm);opacity:.6}.env-label{font-size:var(--text-xs);color:#e8ecf1;font-weight:500}.env-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.env-set{color:#34d399}.env-not-set{color:#8b95a5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-primary:#070b11;--bg-raised:#0c1219;--bg-card:#111821;--bg-hover:#1a2332;--bg-active:#1e2842;--bg-input:#0e1420;--text-primary:#e8ecf1;--text-secondary:#8b95a5;--text-muted:#556070;--text-inverse:#070b11;--accent:#5eead4;--accent-hover:#4dd8c2;--accent-muted:#5eead41f;--accent-text:#5eead4;--success:#34d399;--success-muted:#34d3991f;--warning:#fbbf24;--warning-muted:#fbbf241f;--error:#f87171;--error-muted:#f871711f;--info:#60a5fa;--info-muted:#60a5fa1f;--border:#ffffff0f;--border-hover:#ffffff1a;--border-focus:var(--accent);--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--sidebar-width:260px;--sidebar-collapsed:56px;--topbar-height:48px;--content-max-width:100%;--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.2s;--duration-emphasis:.3s;--ease-default:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(0, 0, .25, 1);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--transition-fast:var(--duration-instant) var(--ease-default);--transition-base:var(--duration-normal) var(--ease-default);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{height:100%}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.loading-screen{height:100vh;color:var(--text-muted);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.page{max-width:none;padding:24px}.page h1{font-size:var(--text-2xl);margin-bottom:4px;font-weight:600;line-height:1.3}.page .text-muted{color:var(--text-muted)}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.page-header h1{margin-bottom:0}.btn-primary{background:var(--accent);height:32px;color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default), transform var(--duration-instant) var(--ease-default);white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{height:32px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--duration-instant) var(--ease-default);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover)}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:var(--error-muted);height:32px;color:var(--error);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--duration-instant) var(--ease-default);white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.btn-danger:hover{background:#f8717133}.btn-danger:active{transform:scale(.97)}.btn-sm{height:28px;font-size:var(--text-xs);padding:0 10px}.btn-icon{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--duration-instant) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-container{z-index:10000;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-md);font-size:var(--text-sm);animation:toast-in var(--duration-normal) var(--ease-out);border:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-close{color:var(--text-muted);transition:color var(--duration-instant) var(--ease-default);background:0 0;border:none;padding:0 2px;font-size:16px}.toast-close:hover{color:var(--text-primary)}@media (width<=768px){.page{padding:16px}}