@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:24px}.login-container{width:100%;max-width:860px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;animation:fadeUp var(--duration-slow) var(--ease-out) both}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:40px 36px}.login-header{text-align:center;margin-bottom:28px}.logo-section{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.login-header .logo-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-text{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.error-message{display:flex;align-items:flex-start;gap:8px;padding:11px 14px;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);font-size:13px;font-weight:500;animation:fadeUp var(--duration-base) var(--ease-out);line-height:1.4}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;display:flex;align-items:center;color:var(--text-muted);pointer-events:none;z-index:1}.login-input{width:100%;padding:11px 14px 11px 40px;font-size:14px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);min-height:44px}.login-input:focus{border-color:var(--input-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}.login-input::placeholder{color:var(--text-muted)}.login-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);min-width:32px;min-height:32px;transition:color var(--duration-fast) var(--ease-standard)}.password-toggle:hover{color:var(--text-primary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;min-height:48px;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);margin-top:4px}.login-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #2563eb59}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.65;cursor:not-allowed}.spinner{animation:spin .75s linear infinite}.login-info{padding:32px 28px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.login-info h2{font-size:19px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.login-info p{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.features{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.feature{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard)}.feature:hover{border-color:var(--accent-border)}.feature-icon{display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}@media (max-width: 768px){.login-container{grid-template-columns:1fr;max-width:420px}.login-info{display:none}.login-card{padding:32px 24px}}@media (max-width: 480px){.login-wrapper{padding:16px}.login-card{padding:24px 18px}}.dashboard-container{display:flex;flex-direction:column;gap:28px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.header-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.btn-refresh{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;min-height:40px;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-refresh:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card.color-blue{border-color:var(--accent-border)}.stat-card.color-purple{border-color:var(--purple-border)}.stat-card.color-green{border-color:var(--success-border)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.color-blue .stat-icon{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.color-purple .stat-icon{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple-border)}.color-green .stat-icon{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.trend-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.trend-badge.up{background:var(--success-soft);color:var(--success)}.trend-badge.down{background:var(--danger-soft);color:var(--danger)}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:8px;font-feature-settings:"tnum";display:block}.stat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0}.stat-skeleton{display:block;width:80px;height:36px;border-radius:var(--radius-sm)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-lg);padding:40px;text-align:center}.error-icon{color:var(--danger)}.error-text{font-size:15px;color:var(--danger);font-weight:500;margin:0;max-width:360px}.btn-retry{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--danger-border);background:var(--bg-surface);color:var(--danger);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease-standard)}.btn-retry:hover{background:var(--danger-soft)}.summary-section{display:flex;flex-direction:column;gap:14px}.section-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.summary-table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.summary-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table thead{background:var(--table-head-bg)}.summary-table th{padding:12px 18px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border)}.summary-table td{padding:14px 18px;color:var(--text-primary);border-bottom:1px solid var(--border)}.summary-table tr:last-child td{border-bottom:none}.summary-table tbody tr:hover td{background:var(--table-row-hover)}.value-cell{font-weight:600;font-feature-settings:"tnum"}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-badge.active{background:var(--success-soft);color:var(--success)}.status-badge.empty{background:var(--bg-elevated);color:var(--text-muted)}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:30px}}.skip-link{position:absolute;top:-100%;left:16px;z-index:var(--z-toast);padding:10px 18px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:0}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sidebar);transition:background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),left var(--duration-slow) var(--ease-standard);overflow:hidden}.sidebar-header{padding:18px 14px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;border-radius:var(--radius-md);padding:8px 10px;margin:-8px -10px;transition:background var(--duration-fast) var(--ease-standard)}.logo:hover{background:var(--sidebar-item-hover)}.logo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-image{width:26px;height:26px;object-fit:contain}.logo-content{display:flex;flex-direction:column;gap:1px}.logo-text{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.logo-subtitle{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.sidebar-nav{flex:1;padding:10px;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--sidebar-text);font-size:14px;font-weight:500;margin-bottom:2px;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);position:relative;min-height:44px}.nav-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary);transform:translate(2px)}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-item.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-color);font-weight:600}.nav-item.active:hover{background:var(--accent-hover);color:#fff;transform:translate(2px)}body.dark .nav-item.active:hover{background:var(--accent)}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px}.nav-label{flex:1}.indicator-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.sidebar-footer{padding:10px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;width:100%;min-height:44px;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.theme-toggle:hover{background:var(--sidebar-item-hover);border-color:var(--accent-border);color:var(--accent)}.user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border)}.user-avatar{position:relative;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);border:1.5px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.avatar-status{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid var(--sidebar-bg)}.user-details{display:flex;flex-direction:column;flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-muted)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;min-height:44px;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.logout-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;background:var(--bg-page);min-height:100vh;transition:background var(--duration-base) var(--ease-standard),margin-left var(--duration-slow) var(--ease-standard);outline:none}.content-wrapper{padding:24px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:var(--z-modal);align-items:center;padding:0 16px;justify-content:space-between;box-shadow:var(--shadow-xs)}.mobile-title{font-size:16px;font-weight:700;color:var(--text-primary)}.menu-toggle,.mobile-user{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.menu-toggle:hover,.mobile-user:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 10);animation:fadeIn var(--duration-base) var(--ease-out)}@media (max-width: 768px){.mobile-header{display:flex}.sidebar{left:calc(-1 * var(--sidebar-width));box-shadow:none}.sidebar.open{left:0;box-shadow:var(--shadow-lg)}.main-content{margin-left:0;margin-top:56px}.content-wrapper{padding:16px}}@media (max-width: 480px){.sidebar{width:100%;left:-100%}.content-wrapper{padding:12px}}.organizations-container{animation:fadeUp .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:14px;color:var(--text-secondary);font-size:14px}.spinner{animation:spin .7s linear infinite}.search-bar{position:relative;display:flex;align-items:center;margin-bottom:20px;max-width:420px}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;z-index:1;display:flex;align-items:center}.search-input{width:100%;padding:10px 36px;min-height:44px;font-size:14px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.search-input:focus{border-color:var(--input-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.clear-search:hover{color:var(--text-primary);background:var(--bg-elevated)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:12px;text-align:center}.empty-icon{color:var(--text-muted)}.empty-state p{font-size:14px;color:var(--text-secondary);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:8px;transition:background var(--duration-fast) var(--ease-standard)}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.org-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard);display:flex;flex-direction:column;animation:fadeUp .3s ease both}.org-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.org-card-header{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.org-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.org-card-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-card-body{padding:14px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.org-info-item{display:flex;align-items:center;gap:10px}.info-icon{color:var(--text-muted);width:16px;flex-shrink:0;display:flex;align-items:center}.info-content{display:flex;flex-direction:column;gap:1px;min-width:0}.info-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.info-value{font-size:13px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value.subdomain{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--accent)}.org-plan-badge{align-items:center}.plan-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-starter{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.plan-standard{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.plan-pro{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}.org-card-actions{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg-elevated)}.btn-edit{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-edit:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-delete:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.form-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;min-height:44px;font-size:14px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--input-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group small{font-size:11px;color:var(--text-muted)}.info-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.snackbar button{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;display:flex;align-items:center;padding:4px;flex-shrink:0;min-width:28px;min-height:28px}.datetimepicker-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.datetimepicker-input{padding:9px 10px;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--input-border);font-size:14px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.datetimepicker-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.datetimepicker-input:disabled{opacity:.4;cursor:not-allowed}.datetimepicker-time{width:110px}.datetimepicker-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 8px;min-height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--duration-fast),background var(--duration-fast)}.datetimepicker-clear:hover{color:var(--danger);background:var(--danger-soft)}.orgs-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:12px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:12px;text-align:center;color:var(--danger)}.error-state p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.organizations-grid{grid-template-columns:1fr}.modal-content{max-width:100%;border-radius:var(--radius-lg)}.snackbar{left:16px;right:16px;bottom:16px}}.users-container{animation:fadeUp .3s ease}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-content{display:flex;align-items:center;gap:14px}.header-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.header-text h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.header-text p{font-size:13px;color:var(--text-secondary);margin:0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;padding:9px 14px;min-height:44px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;transition:border-color var(--duration-fast)}.filter-group:focus-within{border-color:var(--input-focus)}.org-filter{background:transparent;border:none;outline:none;font-size:13px;font-family:inherit;color:var(--text-primary);cursor:pointer;min-width:120px;flex:1}.org-filter option{background:var(--bg-surface);color:var(--text-primary)}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn-add:hover{background:var(--accent-hover);box-shadow:0 4px 14px #2563eb4d}.btn-add:active{transform:scale(.97)}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:12px;text-align:center}.empty-state h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.empty-state p,.error-state p{font-size:14px;color:var(--text-secondary);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:8px;transition:background var(--duration-fast)}.btn-primary:hover{background:var(--accent-hover)}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.skeleton-row{height:52px;border-bottom:1px solid var(--border)}.skeleton-row:last-child{border-bottom:none}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{background:var(--table-head-bg);border-bottom:2px solid var(--border)}.users-table thead th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--duration-fast)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:var(--table-row-hover)}.users-table tbody td{padding:12px 14px;font-size:13px;color:var(--text-primary);vertical-align:middle}.user-name{font-weight:600;color:var(--text-primary)}.email-cell{color:var(--text-secondary);font-size:12px}.login-badge,.org-badge,.role-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.login-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);font-family:IBM Plex Mono,monospace}.org-badge{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}.role-badge{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.action-buttons{display:flex;gap:6px}.btn-edit-small,.btn-delete-small{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.btn-edit-small:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn-delete-small:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--duration-fast) var(--ease-standard)}.modal-content{width:100%;max-width:480px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeUp var(--duration-normal) var(--ease-standard);max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:580px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1}.modal-header h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.btn-close{background:none;border:none;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background var(--duration-fast),color var(--duration-fast)}.btn-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.field-hint{font-size:11px;color:var(--text-muted);text-transform:none;font-weight:400}.form-group input,.form-group select{padding:10px 14px;min-height:44px;font-size:14px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-group input:focus,.form-group select:focus{border-color:var(--input-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}.form-group input::placeholder{color:var(--text-muted)}.form-group select option{background:var(--bg-surface);color:var(--text-primary)}.form-group input:disabled,.form-group select:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-elevated)}.password-section{display:flex;flex-direction:column;gap:8px}.password-section>label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.password-input-group{display:flex;gap:8px}.password-input-group input{flex:1;padding:10px 14px;min-height:44px;font-size:14px;font-family:IBM Plex Mono,monospace;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.password-input-group input:focus{border-color:var(--input-focus);box-shadow:var(--shadow-focus)}.password-input-group input::placeholder{color:var(--text-muted);font-family:inherit}.btn-generate{display:flex;align-items:center;gap:5px;padding:10px 14px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.btn-generate:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn-copy{display:flex;align-items:center;justify-content:center;padding:10px 12px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.btn-copy:hover{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.password-display{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-md);font-size:13px;font-family:IBM Plex Mono,monospace;color:var(--text-primary);word-break:break-all}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--bg-surface)}.btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.btn-cancel:hover{background:var(--bg-page);border-color:var(--border-strong);color:var(--text-primary)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;min-height:44px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),box-shadow var(--duration-fast)}.btn-save:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2563eb40}.btn-save:disabled{opacity:.6;cursor:not-allowed}.snackbar{position:fixed;bottom:24px;right:24px;min-width:280px;max-width:420px;padding:14px 18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:fadeUp var(--duration-normal) var(--ease-standard)}.snackbar button{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;display:flex;align-items:center;padding:4px;min-width:28px;min-height:28px}.snackbar button:hover{opacity:1}.snackbar-success{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.snackbar-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.snackbar-warning{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}@media (max-width: 900px){.table-wrapper{overflow-x:auto}.users-table{min-width:660px}}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.filter-group{width:100%}.modal-content,.modal-content.modal-large{max-width:100%;border-radius:var(--radius-lg)}.form-row{grid-template-columns:1fr}.snackbar{left:16px;right:16px;bottom:16px}}.crm-page{animation:fadeUp .3s ease;display:flex;flex-direction:column}.crm-page.crm-loading{align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary);font-size:14px;animation:none}.crm-header{margin-bottom:20px}.crm-header-content{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.crm-header-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.crm-header-text h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.crm-header-text p{font-size:13px;color:var(--text-secondary);margin:0}.crm-tabs{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.crm-tab{padding:7px 20px;min-height:36px;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.crm-tab.active{background:var(--accent);color:#fff}.crm-tab:not(.active):hover{background:var(--bg-elevated);color:var(--text-primary)}.crm-btn-add{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast),box-shadow var(--duration-fast)}.crm-btn-add:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2563eb4d}.crm-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.crm-search-wrap{position:relative;flex:1;min-width:160px;display:flex;align-items:center}.crm-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast)}.crm-filter:focus-within{border-color:var(--input-focus)}.crm-filter-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.crm-input{padding:9px 14px;min-height:44px;font-size:13px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.crm-input:focus{border-color:var(--input-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}.crm-input::placeholder{color:var(--text-muted)}.crm-search-input{width:100%;padding-left:14px}.crm-select{background:transparent;border:none;outline:none;font-size:13px;font-family:inherit;color:var(--text-primary);cursor:pointer;min-width:100px}.crm-select option{background:var(--bg-surface);color:var(--text-primary)}.crm-textarea{resize:vertical;min-height:80px}.crm-scroll-hint{display:block;font-size:11px;color:var(--text-muted)}.crm-contacts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.crm-contact-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast);animation:fadeUp .3s ease both}.crm-contact-card:hover,.crm-contact-card:focus-visible{border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px);outline:none}.crm-contact-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.crm-contact-email{font-size:12px;color:var(--text-secondary);margin-bottom:3px;word-break:break-all}.crm-contact-legal{font-size:11px;color:var(--text-muted);margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.crm-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.crm-kanban-wrap{overflow-x:auto;padding-bottom:12px}.crm-kanban-wrap::-webkit-scrollbar{height:5px}.crm-kanban-wrap::-webkit-scrollbar-track{background:var(--bg-page)}.crm-kanban-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.crm-kanban{display:flex;gap:12px;align-items:flex-start;min-width:max-content}.crm-column{width:270px;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--duration-fast)}.crm-column-drag-over{border-color:var(--accent);background:var(--accent-soft)}.crm-column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.crm-column-title{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.crm-column-count{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg-page);border:1px solid var(--border);color:var(--text-muted)}.crm-column-cards{padding:8px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 300px);overflow-y:auto;min-height:60px}.crm-column-cards::-webkit-scrollbar{width:3px}.crm-column-cards::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.crm-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.crm-card:hover,.crm-card:focus-visible{border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-1px);outline:none}.crm-card-dragging{opacity:.5}.crm-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.35}.crm-card-amount{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:6px;font-feature-settings:"tnum"}.crm-card-contact,.crm-card-org{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);margin-bottom:3px}.crm-card-org-link{cursor:pointer;color:var(--accent)}.crm-card-org-link:hover{text-decoration:underline}.crm-card-notes{font-size:11px;color:var(--text-muted);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--duration-fast) var(--ease-standard)}.crm-modal{width:100%;max-width:540px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeUp var(--duration-normal) var(--ease-standard);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column}.crm-modal-contact{max-width:480px}.crm-modal-org{max-width:560px}.crm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1}.crm-modal-header h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.crm-modal-close{background:none;border:none;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background var(--duration-fast),color var(--duration-fast)}.crm-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.crm-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px;flex:1}.crm-form-group{display:flex;flex-direction:column;gap:5px}.crm-form-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.crm-modal-footer{padding:14px 22px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.crm-modal-actions{display:flex;gap:8px;margin-left:auto}.crm-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-height:40px;border-radius:var(--radius-md);border:none;background:var(--danger);color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast)}.crm-btn-delete:hover{background:var(--danger-hover, #b91c1c)}.crm-btn-cancel{padding:8px 16px;min-height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.crm-btn-cancel:hover{background:var(--bg-page);border-color:var(--border-strong);color:var(--text-primary)}.crm-btn-save{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;min-height:40px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),box-shadow var(--duration-fast)}.crm-btn-save:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2563eb40}.crm-btn-save:disabled{opacity:.6;cursor:not-allowed}.crm-comments-block{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.crm-comments-block h4{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:6px}.crm-comments-list{display:flex;flex-direction:column;gap:8px}.crm-comments-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:12px}.crm-comment-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.crm-comment-content{font-size:13px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.crm-comment-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.crm-comment-date{font-size:11px;color:var(--text-muted)}.crm-comment-btns{display:flex;gap:4px}.crm-comment-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px 6px;min-width:28px;min-height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast),color var(--duration-fast)}.crm-comment-btn:hover{background:var(--bg-surface);color:var(--accent)}.crm-comment-btn-delete:hover{color:var(--danger)}.crm-comment-edit-textarea{margin-bottom:6px}.crm-comment-actions{display:flex;gap:6px;margin-top:6px}.crm-btn-save-comment,.crm-btn-cancel-comment{padding:5px 12px;min-height:32px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.crm-btn-save-comment{background:var(--accent);border:none;color:#fff}.crm-btn-save-comment:hover{background:var(--accent-hover)}.crm-btn-save-comment:disabled{opacity:.5;cursor:not-allowed}.crm-btn-cancel-comment{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.crm-btn-cancel-comment:hover{border-color:var(--border-strong);color:var(--text-primary)}.crm-comment-add{display:flex;flex-direction:column;gap:8px;margin-top:10px}.crm-btn-add-comment{align-self:flex-end;padding:7px 14px;min-height:36px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast)}.crm-btn-add-comment:hover{background:var(--accent-hover)}.crm-btn-add-comment:disabled{opacity:.5;cursor:not-allowed}.crm-org-detail{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.crm-org-row{display:flex;gap:8px;font-size:13px}.crm-org-row dt{font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:80px}.crm-org-row dd{color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-org-row dd code{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:4px}.crm-snackbar{position:fixed;bottom:24px;right:24px;min-width:280px;max-width:420px;padding:13px 18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:fadeUp var(--duration-normal) var(--ease-standard)}.crm-snackbar button{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;display:flex;align-items:center;padding:4px;min-width:28px;min-height:28px;flex-shrink:0}.crm-snackbar button:hover{opacity:1}.crm-snackbar-success{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.crm-snackbar-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.crm-snackbar-warning{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}@media (max-width: 640px){.crm-header-content{flex-direction:column;align-items:flex-start}.crm-toolbar{flex-direction:column}.crm-contacts-list{grid-template-columns:1fr}.crm-modal,.crm-modal-contact,.crm-modal-org{max-width:100%;border-radius:var(--radius-lg)}.crm-snackbar{left:16px;right:16px;bottom:16px}}:root{--bg-page: #f1f5f9;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-overlay: rgba(0, 0, 0, .45);--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverted: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-soft: #eff6ff;--accent-border: #bfdbfe;--success: #16a34a;--success-soft: #dcfce7;--success-border: #bbf7d0;--warning: #d97706;--warning-soft: #fef3c7;--warning-border: #fde68a;--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft: #fee2e2;--danger-border: #fecaca;--purple: #7c3aed;--purple-soft: #f3f0ff;--purple-border: #ddd6fe;--shadow-xs: 0 1px 2px rgba(15,23,42,.06);--shadow-sm: 0 2px 8px rgba(15,23,42,.08);--shadow-md: 0 4px 16px rgba(15,23,42,.1);--shadow-lg: 0 12px 32px rgba(15,23,42,.14);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--sidebar-width: 256px;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-text: #475569;--sidebar-item-hover: #f1f5f9;--sidebar-item-active-bg: #2563eb;--sidebar-item-active-color: #ffffff;--table-head-bg: #f8fafc;--table-row-hover: #f1f5f9;--input-bg: #f8fafc;--input-border: #e2e8f0;--input-focus: #2563eb;--z-base: 0;--z-raised: 10;--z-overlay: 40;--z-sidebar: 200;--z-modal: 300;--z-toast: 400;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}body.dark{--bg-page: #0d1117;--bg-surface: #161b22;--bg-elevated: #1c2128;--bg-overlay: rgba(0, 0, 0, .65);--border: #30363d;--border-strong: #484f58;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--text-inverted: #0d1117;--accent: #58a6ff;--accent-hover: #79b8ff;--accent-active: #388bfd;--accent-soft: #1c2d4f;--accent-border: #1f4080;--success: #3fb950;--success-soft: #122b20;--success-border: #1f4a33;--warning: #e3b341;--warning-soft: #2d1f00;--warning-border: #5a3d00;--danger: #f85149;--danger-hover: #da3633;--danger-soft: #2a1212;--danger-border: #6b2020;--purple: #a78bfa;--purple-soft: #2d1b69;--purple-border: #4c1d95;--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--shadow-focus: 0 0 0 3px rgba(88, 166, 255, .25);--sidebar-bg: #0d1117;--sidebar-border: #30363d;--sidebar-text: #8b949e;--sidebar-item-hover: #1c2128;--sidebar-item-active-bg: #1f4080;--sidebar-item-active-color: #58a6ff;--table-head-bg: #161b22;--table-row-hover: #1c2128;--input-bg: #0d1117;--input-border: #30363d;--input-focus: #58a6ff}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}