@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";@import"https://fonts.googleapis.com/css2?family=Spectral:wght@500&family=IBM+Plex+Mono:wght@500;600&family=Space+Grotesk:wght@700&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:420px;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:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-header .logo-icon img{width:44px;height:44px}.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}@media (max-width: 768px){.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)}.stat-sub{font-size:12px;color:var(--text-secondary);margin:6px 0 0;line-height:1.45}.mini-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mini-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.mini-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum"}.mini-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.mini-stat-hint{font-size:11px;color:var(--warning)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.triple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:14px;min-width:0}.chart-body{position:relative;min-width:0}.chart-skeleton{display:block;width:100%;height:260px;border-radius:var(--radius-md)}.donut-body{display:flex;justify-content:center}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-total{font-size:30px;font-weight:700;color:var(--text-primary);line-height:1}.donut-caption{font-size:12px;color:var(--text-muted)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.donut-legend strong{margin-left:auto;color:var(--text-primary);font-feature-settings:"tnum"}.legend-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.expiring-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.expiring-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.expiring-list li:last-child{border-bottom:none}.expiring-org{display:flex;flex-direction:column;gap:1px;text-decoration:none;min-width:0}.expiring-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expiring-org:hover .expiring-name{color:var(--accent)}.expiring-sub{font-size:12px;color:var(--text-muted)}.expiring-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.days-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary)}.days-chip.warning{background:var(--warning-soft);color:var(--warning)}.days-chip.danger{background:var(--danger-soft);color:var(--danger)}.autorenew-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.events-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.events-feed li{display:flex;align-items:flex-start;gap:10px;padding:9px 2px;border-bottom:1px solid var(--border)}.events-feed li:last-child{border-bottom:none}.event-dot{width:9px;height:9px;border-radius:999px;margin-top:6px;flex-shrink:0;background:var(--text-muted)}.event-dot.purchased,.event-dot.renewed,.event-dot.reactivated{background:var(--success)}.event-dot.upgraded{background:var(--accent)}.event-dot.downgraded{background:var(--warning)}.event-dot.auto_charge_failed,.event-dot.suspended,.event-dot.cancelled{background:var(--danger)}.event-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.event-title{font-size:13px;font-weight:600;color:var(--text-primary)}.event-title a{color:var(--accent);text-decoration:none}.event-title a:hover{text-decoration:underline}.event-sub{font-size:12px;color:var(--text-muted)}.event-time{font-size:11px;color:var(--text-muted);white-space:nowrap;margin-top:2px}.sessions-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.online-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--success-soft);color:var(--success)}.sessions-skeleton{display:block;width:100%;height:120px}.sessions-list{display:flex;flex-direction:column;gap:12px}.sessions-org{display:flex;flex-direction:column;gap:6px}.sessions-org-name{font-size:13px;font-weight:700;color:var(--text-primary);text-decoration:none}.sessions-org-name:hover{color:var(--accent)}.sessions-org-sub{font-weight:400;color:var(--text-muted)}.sessions-users{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sessions-users li{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid var(--border);font-size:13px}.sessions-users li:last-child{border-bottom:none}.user-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.user-dot.online{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.user-dot.idle{background:var(--border-strong)}.sessions-user-name{color:var(--text-primary);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-user-role{font-size:11px;color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;padding:1px 8px}.sessions-ago{margin-left:auto;font-size:12px;color:var(--text-muted);white-space:nowrap}.funnel-skeleton{display:block;width:100%;height:160px}.funnel-steps{display:flex;flex-direction:column;gap:14px}.funnel-step{display:flex;flex-direction:column;gap:6px}.funnel-step-head{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.funnel-count{font-weight:700;color:var(--text-primary);font-feature-settings:"tnum"}.funnel-pct{font-weight:400;color:var(--text-muted)}.funnel-bar-track{height:14px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.funnel-bar{height:100%;border-radius:999px;transition:width var(--duration-slow) var(--ease-out)}.funnel-bar.step-0{background:var(--accent)}.funnel-bar.step-1{background:var(--purple)}.funnel-bar.step-2{background:var(--success)}.status-badge.badge-success{background:var(--success-soft);color:var(--success)}.status-badge.badge-warning{background:var(--warning-soft);color:var(--warning)}.status-badge.badge-danger{background:var(--danger-soft);color:var(--danger)}.status-badge.badge-info{background:var(--accent-soft);color:var(--accent)}.status-badge.badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.badge-info{background:var(--accent-soft);color:var(--accent)}.mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-secondary)}.table-link{color:var(--accent);text-decoration:none;font-weight:600}.table-link:hover{text-decoration:underline}.empty-hint{font-size:13px;color:var(--text-muted);margin:4px 0}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:30px}.charts-grid,.triple-grid{grid-template-columns:1fr}}.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:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-image{width:34px;height:34px;object-fit:contain}.logo-content{display:flex;flex-direction:column;gap:1px}.logo-text{font-size:17px;color:var(--text-primary)}.wm{font-family:"Space Grotesk",var(--font-sans, system-ui),sans-serif;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.wm-a{color:currentColor}.wm-b{background:linear-gradient(120deg,#16c7e6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#16c7e6}.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-name-link{color:inherit;text-decoration:none}.org-name-link:hover{color:var(--accent);text-decoration:underline}.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-details{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(--accent-border);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;font-family:inherit;text-decoration:none;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-details:hover{background:var(--accent);border-color:var(--accent);color:var(--text-inverted)}.org-card-actions .btn-icon{flex:1;padding:8px;gap:0}.org-card-actions .btn-icon svg{width:16px;height:16px}.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)}.btn-restore{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-restore:hover{background:var(--accent-soft, rgba(37, 99, 235, .1));border-color:var(--accent-border, rgba(37, 99, 235, .35));color:var(--accent)}.org-status-badge{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.org-status-owner{background:var(--danger-soft);color:var(--danger)}.org-status-admin{background:var(--warning-soft, rgba(217, 119, 6, .12));color:var(--warning, #b45309)}.org-card:has(.org-status-badge){opacity:.72}.org-card:has(.org-status-badge):hover{opacity:1}.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}}.orgdetail-container{display:flex;flex-direction:column;gap:20px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;width:fit-content}.back-link:hover{color:var(--accent)}.orgdetail-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.hero-main{display:flex;align-items:center;gap:14px;min-width:0}.hero-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}.hero-text h1{font-size:21px;font-weight:700;color:var(--text-primary);margin:0 0 3px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-text p{font-size:13px;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hero-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:600}.hero-link:hover{text-decoration:underline}.hero-sep{color:var(--text-muted)}.hero-skeleton{display:block;width:320px;max-width:100%;height:48px}.orgdetail-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.detail-kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.detail-kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.detail-kpi-value{font-size:15px;font-weight:600;color:var(--text-primary)}.detail-kpi-value small{font-weight:400;color:var(--text-muted)}.text-danger{color:var(--danger)}.detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:14px;min-width:0}.block-skeleton{display:block;width:100%;height:180px}.orgdetail-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.usage-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.usage-value{font-size:20px;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum"}.usage-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.deal-contact-sub{color:var(--text-muted);font-size:12px}.plan-actions{display:flex;flex-wrap:wrap;gap:8px}.plan-action-btn{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);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)}.plan-action-btn:hover:not(:disabled){background:var(--accent);color:var(--text-inverted)}.plan-action-btn.danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.plan-action-btn.danger:hover:not(:disabled){background:var(--danger);color:#fff}.plan-action-btn.armed{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.plan-action-btn:disabled{opacity:.6;cursor:default}.action-notice{margin:0;font-size:13px;font-weight:600;color:var(--success)}@media (max-width: 900px){.orgdetail-grid{grid-template-columns:1fr}}@media (max-width: 640px){.orgdetail-hero{flex-direction:column;align-items:flex-start}}.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}}.finance-container{display:flex;flex-direction:column;gap:22px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.quarters-row{display:flex;flex-direction:column;gap:12px}.quarters-head{display:flex;align-items:center;gap:12px}.quarters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.quarter-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:3px}.quarter-card.current{border-color:var(--accent-border);background:var(--accent-soft)}.quarter-card.total{border-color:var(--success-border)}.quarter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.quarter-amount{font-size:20px;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum"}.quarter-sub{font-size:12px;color:var(--text-muted)}.finance-filters{display:flex;flex-direction:column;gap:10px}.preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preset-btn{padding:7px 14px;border-radius:999px;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),color var(--duration-fast) var(--ease-standard)}.preset-btn:hover{background:var(--accent-soft);color:var(--accent)}.preset-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverted)}.finance-select{padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:13px;font-family:inherit}.year-select{font-weight:700}.range-sep{color:var(--text-muted)}.totals-row{display:flex;flex-wrap:wrap;gap:8px}.total-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;font-size:13px}.total-chip.paid{background:var(--success-soft);color:var(--success)}.total-chip.refunded{background:var(--accent-soft);color:var(--accent)}.total-chip.pending{background:var(--bg-elevated);color:var(--text-secondary)}.table-skeleton{display:block;width:100%;height:120px}.leads-container{display:flex;flex-direction:column;gap:18px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.tabs-row{display:flex;gap:6px;border-bottom:1px solid var(--border)}.tab-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--text-inverted);font-size:11px;font-weight:700}.notice-bar{padding:10px 14px;border-radius:var(--radius-md);background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);font-size:13px;font-weight:600}.cell-primary{font-weight:600;color:var(--text-primary)}.cell-secondary{font-size:12px;color:var(--text-muted)}.message-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-select{min-width:130px}.row-actions{display:flex;gap:6px}.row-action{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard)}.row-action:hover:not(:disabled){background:var(--accent);color:var(--text-inverted)}.row-action:disabled{opacity:.6;cursor:default}.tools-container{display:flex;flex-direction:column;gap:18px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.tool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:16px}.tool-card-head{display:flex;align-items:flex-start;gap:12px}.tool-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.tool-card-desc{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--text-secondary);max-width:720px}.warn-bar{padding:10px 14px;border-radius:var(--radius-md);background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning);font-size:13px;font-weight:600}.tools-skeleton{display:block;height:220px;border-radius:var(--radius-lg)}.send-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.email-field{display:flex;flex-direction:column;gap:6px;flex:1 1 260px;max-width:380px}.email-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.email-input{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:14px;font-family:inherit}.email-input:focus{outline:none;border-color:var(--input-focus);box-shadow:var(--shadow-focus)}.btn-send{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--text-inverted);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard)}.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-send:disabled{opacity:.55;cursor:default}.select-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.select-counter{font-size:12px;color:var(--text-muted);margin-left:4px}.tpl-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.tpl-group{margin:0;padding:12px 14px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);min-width:0}.tpl-group-head{padding:0 6px;margin-left:-6px}.tpl-group-name{font-size:13px;font-weight:700;color:var(--text-primary)}.tpl-group-count{font-size:11px;font-weight:600;color:var(--text-muted)}.tpl-items{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tpl-check{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.tpl-check input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.tpl-item{align-items:flex-start;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.tpl-item:hover{background:var(--bg-surface)}.tpl-item.checked{background:var(--accent-soft);border-color:var(--accent-border)}.tpl-item input[type=checkbox]{margin-top:2px}.tpl-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tpl-item-name{font-size:13px;font-weight:600;color:var(--text-primary)}.tpl-item-desc{font-size:11.5px;color:var(--text-muted);line-height:1.4;overflow-wrap:anywhere}.send-report{display:flex;flex-direction:column;gap:10px}.send-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.send-result-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.send-result-row .status-badge{flex-shrink:0;margin-top:1px}.send-result-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tools-footnote{margin:0;font-size:12px;color:var(--text-muted)}@media (max-width: 560px){.tool-card{padding:16px}.send-controls{align-items:stretch;flex-direction:column}.email-field{flex:none;max-width:none}}.blog-container{display:flex;flex-direction:column;gap:18px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.blog-container .dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-new-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--text-inverted);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.blog-new-btn:hover{background:var(--accent-hover)}.blog-search{margin-left:auto;min-width:220px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:13px;font-family:inherit}.blog-search:focus{outline:none;border-color:var(--accent)}.blog-title-cell{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:260px}.blog-title-cell:hover .cell-primary{color:var(--accent)}.blog-thumb{width:56px;height:38px;flex:none;object-fit:cover;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--bg-elevated)}.blog-thumb--empty{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;font-weight:700}.blog-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.blog-tag{padding:2px 8px;border-radius:999px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;white-space:nowrap}.bstatus{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.bstatus--published{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success)}.bstatus--draft{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning)}.row-action--danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.row-action--danger:hover:not(:disabled){background:var(--danger);color:var(--text-inverted)}.blog-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.bstatus--pinned{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent)}.row-action--pinned{background:var(--accent);border-color:var(--accent);color:var(--text-inverted)}.row-action--pinned:hover:not(:disabled){background:var(--accent-hover)}.blog-editor{display:flex;flex-direction:column;gap:16px;animation:fadeUp var(--duration-slow) var(--ease-out) both}.blog-editor-loading{padding:40px 0}.be-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.be-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none}.be-back:hover{color:var(--accent)}.be-topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.be-dirty{color:var(--warning);font-size:18px;line-height:1}.be-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.be-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.be-btn:disabled{opacity:.55;cursor:default}.be-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverted)}.be-btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--text-inverted)}.be-btn--warn{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.be-btn--warn:hover:not(:disabled){border-color:var(--warning);color:var(--warning)}.be-btn--sm{padding:6px 10px;font-size:12px}.notice-bar--err{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.be-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@media (max-width: 1100px){.be-grid{grid-template-columns:1fr}}.be-main{display:flex;flex-direction:column;gap:14px;min-width:0}.be-title{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-surface);color:var(--text-primary);font-size:24px;font-weight:700;font-family:inherit;line-height:1.3;resize:none;overflow:hidden}.be-title:focus{outline:none;border-color:var(--accent)}.rte{border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-surface);overflow:hidden}.rte-toolbar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:5}.rte-block-select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer}.rte-sep{width:1px;height:20px;margin:0 5px;background:var(--border)}.rte-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer}.rte-btn:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.rte-btn.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.rte-btn:disabled{opacity:.4;cursor:default}.rte-words{margin-left:auto;font-size:11.5px;color:var(--text-muted);white-space:nowrap}.rte-content .ProseMirror{min-height:420px;padding:20px 22px 40px;outline:none;color:var(--text-primary);font-size:15.5px;line-height:1.7}.rte-content .ProseMirror p{margin:0 0 12px}.rte-content .ProseMirror h2{margin:26px 0 10px;font-size:21px;font-weight:700}.rte-content .ProseMirror h3{margin:20px 0 8px;font-size:17px;font-weight:700}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{padding-left:24px;margin:0 0 12px}.rte-content .ProseMirror blockquote{margin:14px 0;padding:8px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-secondary)}.rte-content .ProseMirror code{padding:1.5px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:.9em}.rte-content .ProseMirror pre{margin:14px 0;padding:14px 16px;border-radius:var(--radius-md);background:#0d0f16;color:#e7e9f0;overflow-x:auto}.rte-content .ProseMirror pre code{padding:0;background:none;color:inherit}.rte-content .ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border);margin:10px 0}.rte-content .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent)}.rte-content .ProseMirror hr{margin:22px 0;border:none;border-top:1px solid var(--border-strong)}.rte-content .ProseMirror a{color:var(--accent);text-decoration:underline}.rte-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:var(--text-muted)}.be-side{display:flex;flex-direction:column;gap:14px;min-width:0}.be-panel{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-surface)}.be-panel-title{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.be-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 5px;font-size:12px;font-weight:600;color:var(--text-secondary)}.be-label:first-of-type{margin-top:0}.be-locked{font-size:11px}.be-count{font-weight:500;color:var(--text-muted)}.be-count.over{color:var(--danger);font-weight:700}.be-input{width:100%;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-family:inherit}.be-input:focus{outline:none;border-color:var(--accent)}.be-input:disabled{opacity:.6}.be-textarea{resize:vertical}.be-slug-row{display:flex;align-items:center;gap:6px}.be-slug-prefix{font-size:12.5px;color:var(--text-muted);font-family:ui-monospace,monospace}.be-hint{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.be-cover img{width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border)}.be-cover-actions{display:flex;gap:8px;margin-top:10px}.be-cover-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;padding:26px 14px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-family:inherit;text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard)}.be-cover-drop:hover{border-color:var(--accent);color:var(--accent)}.be-cover-drop small{color:var(--text-muted);font-size:11px}.be-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.be-tags:empty{display:none}.be-tags .blog-tag{display:inline-flex;align-items:center;gap:6px}.be-tags .blog-tag button{border:none;background:none;color:inherit;font-size:10px;cursor:pointer;padding:0;line-height:1}.be-input--err{border-color:var(--danger)!important;background:var(--danger-soft)}.be-req{color:var(--danger)}.be-cover-actions{flex-wrap:wrap}.be-gen-full{width:100%;justify-content:center;margin-top:8px}: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}