:root{--crm-bg:#0d1117;--crm-bg-gradient:radial-gradient(circle at 0% 0%,#1a1f2e 0%,#0d1117 100%);--crm-surface:rgba(22,27,34,0.85);--crm-surface-solid:#161b22;--crm-border:rgba(255,255,255,0.08);--crm-text:#f0f6fc;--crm-text-dim:#8b949e;--crm-text-xs:rgba(240,246,252,0.3);--crm-accent:#238636;--crm-accent-glow:rgba(35,134,54,0.3);--crm-hover:rgba(255,255,255,0.04);--crm-input-bg:rgba(0,0,0,0.2);--crm-input-focus:rgba(0,0,0,0.4);--crm-danger:#f85149;--crm-warning:#d29922;--crm-info:#58a6ff;--crm-success:#3fb950;--crm-radius:12px;--crm-radius-sm:8px;--crm-radius-lg:16px;--crm-nav-width:64px;--crm-font:"Heebo","Assistant",system-ui,-apple-system,sans-serif;--crm-transition:0.2s cubic-bezier(0.4,0,0.2,1)}[data-crm-theme=light]{--crm-bg:#f6f8fa;--crm-bg-gradient:linear-gradient(135deg,#ffffff,#f0f2f5);--crm-surface:rgba(255,255,255,0.9);--crm-surface-solid:#ffffff;--crm-border:rgba(0,0,0,0.08);--crm-text:#1f2328;--crm-text-dim:#636c76;--crm-text-xs:rgba(31,35,40,0.25);--crm-hover:rgba(0,0,0,0.04);--crm-input-bg:rgba(0,0,0,0.04);--crm-input-focus:rgba(0,0,0,0.07)}.crm-root{font-family:var(--crm-font);color:var(--crm-text);background:var(--crm-bg);background-image:var(--crm-bg-gradient);min-height:100vh;direction:rtl;-webkit-font-smoothing:antialiased}.crm-root *{box-sizing:border-box;margin:0;padding:0}.crm-root ::-webkit-scrollbar{width:5px;height:5px}.crm-root ::-webkit-scrollbar-track{background:transparent}.crm-root ::-webkit-scrollbar-thumb{background:rgba(128,128,128,.25);border-radius:3px}.crm-root ::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.45)}.crm-layout,.crm-nav{display:flex;min-height:100vh}.crm-nav{width:var(--crm-nav-width);background:var(--crm-bg);border-left:1px solid var(--crm-border);flex-direction:column;align-items:center;padding:20px 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.crm-nav-logo{width:34px;height:34px;border-radius:10px;background:var(--crm-accent);justify-content:center;font-weight:800;color:white;margin-bottom:32px;font-size:.9rem}.crm-nav-list,.crm-nav-logo{display:flex;align-items:center}.crm-nav-list{flex-direction:column;gap:6px;flex:1 1;width:100%}.crm-nav-item{width:44px;height:44px;border-radius:var(--crm-radius);display:flex;align-items:center;justify-content:center;color:var(--crm-text-dim);background:transparent;border:none;cursor:pointer;transition:all var(--crm-transition);font-size:1.2rem;position:relative}.crm-nav-item:hover{background:var(--crm-hover);color:var(--crm-text)}.crm-nav-item.active{background:var(--crm-accent);color:white;box-shadow:0 0 16px var(--crm-accent-glow);transform:scale(1.05)}.crm-nav-item .crm-tooltip{display:none;position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--crm-surface-solid);border:1px solid var(--crm-border);padding:6px 12px;border-radius:var(--crm-radius-sm);font-size:.75rem;white-space:nowrap;z-index:100;color:var(--crm-text);box-shadow:0 4px 12px rgba(0,0,0,.2)}.crm-nav-item:hover .crm-tooltip{display:block}.crm-nav-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.crm-nav-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#b356f5);display:flex;align-items:center;justify-content:center;font-weight:600;color:white;font-size:.8rem;border:2px solid var(--crm-border)}.crm-main{flex:1 1;min-height:100vh;overflow-y:auto;padding:28px 32px}.crm-page-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.crm-page-subtitle{font-size:.85rem;color:var(--crm-text-dim);font-weight:400}.crm-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.crm-kpi-card{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--crm-transition)}.crm-kpi-card:hover{border-color:var(--crm-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.crm-kpi-icon{width:44px;height:44px;border-radius:var(--crm-radius);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.crm-kpi-value{font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:4px}.crm-kpi-label{font-size:.78rem;color:var(--crm-text-dim)}.crm-kpi-sub{font-size:.68rem;color:var(--crm-text-xs);margin-top:2px}.crm-table-wrapper{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crm-table-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--crm-border);flex-wrap:wrap}.crm-table-toolbar-right{display:flex;align-items:center;gap:10px}.crm-table-search{padding:9px 14px;border-radius:var(--crm-radius-sm);border:1px solid var(--crm-border);background:var(--crm-input-bg);color:var(--crm-text);font-size:.85rem;font-family:var(--crm-font);outline:none;width:240px;transition:all var(--crm-transition)}.crm-table-search:focus{border-color:var(--crm-accent);background:var(--crm-input-focus);box-shadow:0 0 0 3px var(--crm-accent-glow)}.crm-table-search::placeholder{color:var(--crm-text-dim)}.crm-filter-select{padding:9px 14px;border-radius:var(--crm-radius-sm);border:1px solid var(--crm-border);background:var(--crm-surface-solid);color:var(--crm-text);font-size:.85rem;font-family:var(--crm-font);cursor:pointer}.crm-table{width:100%;border-collapse:collapse}.crm-table th{padding:12px 18px;text-align:right;font-size:.72rem;font-weight:700;color:var(--crm-text-dim);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crm-table td,.crm-table th{border-bottom:1px solid var(--crm-border)}.crm-table td{padding:14px 18px;font-size:.88rem;vertical-align:middle}.crm-table tr{transition:background var(--crm-transition)}.crm-table tbody tr:hover{background:var(--crm-hover)}.crm-table tbody tr:last-child td{border-bottom:none}.crm-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.73rem;font-weight:600;border:1px solid transparent}.crm-badge-new{background:rgba(63,185,80,.15);color:#3fb950;border-color:rgba(63,185,80,.25)}.crm-badge-active{background:rgba(88,166,255,.15);color:#58a6ff;border-color:rgba(88,166,255,.25)}.crm-badge-pending{background:rgba(210,153,34,.15);color:#d29922;border-color:rgba(210,153,34,.25)}.crm-badge-done{background:rgba(168,133,247,.15);color:#a885f7;border-color:rgba(168,133,247,.25)}.crm-badge-archived{background:rgba(139,148,158,.15);color:#8b949e;border-color:rgba(139,148,158,.25)}.crm-badge-danger{background:rgba(248,81,73,.12);color:#f85149;border-color:rgba(248,81,73,.2)}.crm-connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.crm-connector-card{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--crm-transition)}.crm-connector-card:hover{border-color:var(--crm-accent);transform:translateY(-2px)}.crm-connector-header{display:flex;align-items:center;gap:14px}.crm-connector-icon{width:48px;height:48px;border-radius:var(--crm-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.crm-connector-title{font-size:.95rem;font-weight:600}.crm-connector-desc{font-size:.8rem;color:var(--crm-text-dim)}.crm-connector-status{display:flex;align-items:center;gap:8px;font-size:.8rem}.crm-status-dot{width:8px;height:8px;border-radius:50%}.crm-status-dot.connected{background:var(--crm-success);box-shadow:0 0 6px rgba(63,185,80,.5)}.crm-status-dot.disconnected{background:var(--crm-text-dim)}.crm-status-dot.pending{background:var(--crm-warning);box-shadow:0 0 6px rgba(210,153,34,.5)}.crm-btn{padding:9px 18px;border-radius:var(--crm-radius-sm);font-size:.85rem;font-weight:600;font-family:var(--crm-font);cursor:pointer;border:none;transition:all var(--crm-transition);display:inline-flex;align-items:center;gap:8px}.crm-btn-primary{background:var(--crm-accent);color:white;box-shadow:0 4px 12px var(--crm-accent-glow)}.crm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--crm-accent-glow)}.crm-btn-ghost{background:transparent;color:var(--crm-text-dim);border:1px solid var(--crm-border)}.crm-btn-ghost:hover{background:var(--crm-hover);color:var(--crm-text)}.crm-btn-danger{background:rgba(248,81,73,.1);color:var(--crm-danger);border:1px solid rgba(248,81,73,.2)}.crm-btn-danger:hover{background:rgba(248,81,73,.18)}.crm-btn-sm{padding:5px 12px;font-size:.78rem}.crm-settings-layout{display:flex;gap:0;min-height:calc(100vh - 120px)}.crm-settings-nav{width:220px;border-left:1px solid var(--crm-border);padding:8px 0;flex-shrink:0}.crm-settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--crm-text-dim);cursor:pointer;font-size:.88rem;transition:all var(--crm-transition);background:none;border:none;border-right:3px solid transparent;width:100%;text-align:right;font-family:var(--crm-font)}.crm-settings-nav-item:hover{background:var(--crm-hover);color:var(--crm-text)}.crm-settings-nav-item.active{background:rgba(var(--crm-accent),.08);color:var(--crm-accent);border-right-color:var(--crm-accent)}.crm-settings-content{flex:1 1;padding:24px 32px;overflow-y:auto}.crm-settings-section{margin-bottom:32px}.crm-settings-section h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--crm-border)}.crm-form-group{margin-bottom:18px}.crm-form-label{display:block;font-size:.82rem;font-weight:500;color:var(--crm-text-dim);margin-bottom:6px}.crm-form-input{width:100%;padding:10px 14px;border-radius:var(--crm-radius-sm);border:1px solid var(--crm-border);background:var(--crm-input-bg);color:var(--crm-text);font-size:.9rem;font-family:var(--crm-font);outline:none;transition:all var(--crm-transition)}.crm-form-input:focus{border-color:var(--crm-accent);box-shadow:0 0 0 3px var(--crm-accent-glow);background:var(--crm-input-focus)}.crm-empty{text-align:center;padding:48px 24px;color:var(--crm-text-dim)}.crm-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.3}.crm-empty-text{font-size:.9rem;margin-bottom:16px}.crm-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.crm-board-tabs{display:flex;gap:4px;background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);padding:3px}.crm-board-tab{padding:7px 16px;border-radius:6px;font-size:.82rem;cursor:pointer;background:transparent;color:var(--crm-text-dim);border:none;font-family:var(--crm-font);font-weight:500;transition:all var(--crm-transition)}.crm-board-tab.active{background:var(--crm-accent);color:white}.crm-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:all .3s}.crm-drawer-overlay.open{opacity:1;pointer-events:all}.crm-drawer{position:fixed;top:0;left:0;width:420px;max-width:90vw;height:100vh;background:var(--crm-surface-solid);border-right:1px solid var(--crm-border);z-index:201;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.crm-drawer.open{transform:translateX(0)}.crm-drawer-header{padding:20px 24px;border-bottom:1px solid var(--crm-border);display:flex;align-items:center;justify-content:space-between}.crm-drawer-body{flex:1 1;padding:24px;overflow-y:auto}.crm-drawer-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px}.crm-drawer-footer,.crm-mobile-nav{border-top:1px solid var(--crm-border)}.crm-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--crm-surface-solid);z-index:100;justify-content:space-around;align-items:center;padding:0 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.crm-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--crm-text-dim);background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--crm-radius-sm);font-size:.65rem;font-family:var(--crm-font);transition:all var(--crm-transition)}.crm-mobile-nav-item.active{color:var(--crm-accent)}.crm-mobile-nav-item .crm-mobile-icon{font-size:1.25rem}@media (max-width:768px){.crm-nav{display:none}.crm-mobile-nav{display:flex}.crm-main{padding:20px 16px 80px}.crm-kpi-grid{grid-template-columns:repeat(2,1fr)}.crm-connector-grid{grid-template-columns:1fr}.crm-table-search{width:100%}.crm-settings-layout{flex-direction:column}.crm-settings-nav{width:100%;border-left:none;border-bottom:1px solid var(--crm-border);display:flex;overflow-x:auto;padding:0}.crm-settings-nav-item{white-space:nowrap;border-right:none;border-bottom:3px solid transparent;padding:12px 16px}.crm-settings-nav-item.active{border-bottom-color:var(--crm-accent);border-right-color:transparent}.crm-drawer{width:100vw}}@media (max-width:480px){.crm-kpi-grid{grid-template-columns:1fr}.crm-page-title{font-size:1.2rem}}.crm-nav-icon{display:flex;align-items:center;justify-content:center}.crm-nav-icon svg{width:20px;height:20px}.crm-kpi-icon svg{width:22px;height:22px}.crm-empty-icon svg{width:48px;height:48px}.crm-mobile-icon svg{width:20px;height:20px}.crm-btn svg{width:16px;height:16px}.crm-chip{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;font-family:var(--crm-font);background:var(--crm-surface);border:1px solid var(--crm-border);color:var(--crm-text-dim);cursor:pointer;transition:all var(--crm-transition)}.crm-chip:hover{background:var(--crm-hover);color:var(--crm-text)}.crm-chip.active{background:var(--crm-accent);color:white;border-color:var(--crm-accent)}.crm-source-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600}@keyframes spin{to{transform:rotate(1turn)}}