:root{--color-background-light: #e2ecee;--color-primary-dark: #2f3f4f;--color-accent: #566d80;--color-surface: #d6e7f1;--color-neutral-light: #f0f3ef;--color-text-primary: #2f3f4f;--color-text-secondary: #566d80;--color-text-muted: #7a8a99;--color-text-inverse: #ffffff;--color-success: #3d9970;--color-warning: #d4a020;--color-error: #c44c4c;--color-info: #566d80;--color-border-light: #d0dce0;--color-border-default: #b8c8d0;--color-border-dark: #566d80;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-family-arabic: "Noto Sans Arabic", "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--sidebar-collapsed-width: 56px;--sidebar-expanded-width: 240px;--sidebar-transition: .2s;--content-max-width: 1480px;--content-padding: 32px;--border-radius-sm: 4px;--border-radius-default: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(47, 63, 79, .05);--shadow-default: 0 2px 4px rgba(47, 63, 79, .08);--shadow-md: 0 4px 8px rgba(47, 63, 79, .1);--shadow-lg: 0 8px 16px rgba(47, 63, 79, .12);--shadow-xl: 0 12px 24px rgba(47, 63, 79, .15);--shadow-card: 0 1px 3px rgba(47, 63, 79, .08), 0 1px 2px rgba(47, 63, 79, .04);--shadow-elevated: 0 4px 12px rgba(47, 63, 79, .12);--shadow-sidebar: 2px 0 8px rgba(47, 63, 79, .15);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--transition-fast: .1s ease-out;--transition-default: .2s ease-out;--transition-slow: .3s ease-out}[dir=rtl]{--shadow-sidebar: -2px 0 8px rgba(47, 63, 79, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-neutral-light);min-height:100vh}[dir=rtl],[lang=ar]{font-family:var(--font-family-arabic)}code,pre,kbd,samp{font-family:var(--font-family-mono)}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-light);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--border-radius-full);border:2px solid var(--color-neutral-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::-webkit-scrollbar-corner{background:var(--color-neutral-light)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-default) var(--color-neutral-light)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.ant-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);border-color:var(--color-border-light);background:var(--color-background-light)}.ant-card-head{border-bottom-color:var(--color-border-light)}.ant-card-hoverable:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-accent)}.ant-table-wrapper{background:var(--color-background-light);border-radius:var(--border-radius-md);overflow:hidden}.ant-table{background:var(--color-background-light)}.ant-table-thead>tr>th{background:var(--color-surface)!important;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border-light)}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border-light)}.ant-table-tbody>tr:hover>td{background:#566d800a!important}.ant-table-tbody>tr.ant-table-row-selected>td{background:#566d8014!important}.ant-btn-primary{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 2px 4px #2f3f4f33}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--color-accent)!important;border-color:var(--color-accent)!important;box-shadow:0 4px 8px #566d804d}.ant-btn-default{background:var(--color-background-light);border-color:var(--color-border-default);color:var(--color-text-primary)}.ant-btn-default:hover{background:var(--color-surface)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}.ant-btn-text:hover{background:#2f3f4f0f!important}.ant-btn-link{color:var(--color-accent)}.ant-btn-link:hover{color:var(--color-primary-dark)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-color:var(--color-border-default);border-radius:var(--border-radius-default)}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--color-accent)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px #566d8026!important}.ant-tag{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.ant-modal-content{border-radius:var(--border-radius-lg);background:var(--color-background-light)}.ant-modal-header{background:var(--color-background-light);border-bottom:1px solid var(--color-border-light)}.ant-modal-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ant-modal-footer{border-top:1px solid var(--color-border-light)}.ant-dropdown-menu{border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.ant-dropdown-menu-item:hover{background:#566d800f}.ant-menu-dark{background:var(--color-primary-dark)}.ant-menu-dark .ant-menu-item{color:#ffffffbf;margin:4px 8px;border-radius:var(--border-radius-default)}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-item-selected{background:var(--color-accent)!important;color:#fff!important}.ant-menu-dark .ant-menu-item .anticon{opacity:.7;transition:opacity var(--transition-fast)}.ant-menu-dark .ant-menu-item:hover .anticon,.ant-menu-dark .ant-menu-item-selected .anticon{opacity:1}.ant-tabs-nav:before{border-bottom-color:var(--color-border-light)}.ant-tabs-tab{color:var(--color-text-secondary)}.ant-tabs-tab:hover{color:var(--color-primary-dark)}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary-dark)!important}.ant-tabs-ink-bar{background:var(--color-primary-dark)}.ant-form-item-label>label{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ant-form-item-explain-error{color:var(--color-error)}.ant-statistic-title{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ant-statistic-content{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ant-avatar,.ant-spin-dot-item{background:var(--color-accent)}.ant-progress-inner{background:var(--color-surface)}.ant-progress-bg{background:var(--color-accent)}.ant-message-notice-content{background:var(--color-background-light);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md)}.ant-notification-notice{background:var(--color-background-light);box-shadow:var(--shadow-xl);border-radius:var(--border-radius-lg)}.ant-popover-inner{background:var(--color-background-light);border-radius:var(--border-radius-md)}.ant-tooltip-inner{background:var(--color-primary-dark);border-radius:var(--border-radius-default)}.ant-drawer-content{background:var(--color-background-light)}.ant-drawer-header{border-bottom:1px solid var(--color-border-light)}.ant-drawer-footer{border-top:1px solid var(--color-border-light)}.ant-pagination-item{border-radius:var(--border-radius-default)}.ant-pagination-item-active{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.ant-pagination-item a{color:#2f3f4f!important}.ant-pagination-item-active a{color:#fff!important}.ant-breadcrumb-link{color:var(--color-accent)}.ant-breadcrumb-link:hover{color:var(--color-primary-dark)}.ant-breadcrumb-separator{color:var(--color-text-muted)}.bg-background-light{background-color:var(--color-background-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-accent{background-color:var(--color-accent)}.bg-surface{background-color:var(--color-surface)}.bg-neutral-light{background-color:var(--color-neutral-light)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.border-light{border-color:var(--color-border-light)}.border-default{border-color:var(--color-border-default)}.border-dark{border-color:var(--color-border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-default)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:var(--shadow-elevated)}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-default)}.transition-slow{transition:all var(--transition-slow)}.content-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding)}@media (max-width: 768px){.content-container{padding:var(--space-4)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-default)}.animate-slide-in-up{animation:slideInUp var(--transition-slow)}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes composerGlow{0%,to{box-shadow:0 0 0 1px var(--color-border-default)}50%{box-shadow:0 0 0 2px var(--color-accent),0 0 12px #566d8014}}.notes-feed{display:flex;flex-direction:column;gap:0;position:relative}.notes-feed:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-border-light) 40%,transparent 100%);opacity:.4;pointer-events:none}.note-item{position:relative;padding:10px 12px 10px 38px;border-radius:8px;background:#ffffff80;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);animation:noteSlideIn .28s cubic-bezier(0,0,.2,1) both}.note-item:hover{background:#ffffffd9;border-color:var(--color-border-light);box-shadow:0 2px 8px #2f3f4f0f}.note-item:before{content:"";position:absolute;left:11px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-accent);z-index:1;transition:all .2s ease}.note-item:hover:before{background:var(--color-accent);transform:scale(1.15);box-shadow:0 0 0 3px #566d801f}.note-item:nth-child(1){animation-delay:0ms}.note-item:nth-child(2){animation-delay:40ms}.note-item:nth-child(3){animation-delay:80ms}.note-item:nth-child(4){animation-delay:.12s}.note-item:nth-child(5){animation-delay:.16s}.note-item:nth-child(n+6){animation-delay:.2s}.note-content{font-size:13px;line-height:1.65;color:var(--color-text-primary);flex:1;min-width:0;word-break:break-word}.note-content p{margin:0 0 6px}.note-content p:last-child{margin-bottom:0}.note-content ul,.note-content ol{margin:4px 0;padding-left:20px}.note-content li{margin-bottom:2px}.note-content strong{font-weight:600;color:var(--color-text-primary)}.note-content em{font-style:italic;color:var(--color-text-secondary)}.note-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.note-content blockquote{border-left:3px solid var(--color-accent);margin:6px 0;padding:4px 12px;color:var(--color-text-secondary);background:#566d800a;border-radius:0 4px 4px 0}.note-content code{font-family:var(--font-family-mono);font-size:12px;background:#2f3f4f0f;padding:1px 5px;border-radius:3px}.note-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;color:var(--color-text-muted);letter-spacing:.01em}.note-delete-btn{opacity:0;transition:opacity .15s ease}.note-item:hover .note-delete-btn{opacity:1}.note-composer{position:relative;display:flex;gap:8px;padding:12px;background:#fff9;border:1px solid var(--color-border-light);border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:16px}.note-composer:focus-within{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 3px #566d8014,0 4px 12px #2f3f4f0f}.note-composer .ant-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:4px 0;resize:none;font-size:13px;line-height:1.6}.note-composer .ant-input:focus{border:none!important;box-shadow:none!important}.note-composer .ant-input::placeholder{color:var(--color-text-muted);font-style:italic}.note-send-btn{align-self:flex-end;flex-shrink:0;transition:all .2s ease!important}.note-send-btn:not(:disabled):hover{transform:scale(1.08)!important}.note-send-btn:not(:disabled):active{transform:scale(.95)!important}.notes-empty{display:flex;flex-direction:column;align-items:center;padding:20px 16px;text-align:center}.notes-empty-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-surface),var(--color-background-light));display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--color-text-muted);font-size:18px}.notes-empty-text{font-size:13px;color:var(--color-text-muted);line-height:1.5}.notes-card .ant-card-head{border-bottom:1px solid var(--color-border-light);padding:10px 16px;min-height:auto}.notes-card .ant-card-head-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.notes-card .ant-card-body{padding:12px!important}@keyframes contactPulse{0%{box-shadow:0 0 #3d997026}70%{box-shadow:0 0 0 6px #3d997000}to{box-shadow:0 0 #3d997000}}.ant-descriptions .ant-select-selector{border-radius:6px!important;font-size:13px!important}.ant-descriptions .ant-select-selection-placeholder{font-style:italic;color:var(--color-text-muted)!important;font-size:12px!important}.auto-contact-toggle{cursor:default}.auto-contact-toggle:hover{border-color:var(--color-accent)!important;box-shadow:0 2px 8px #566d8014}@media (max-width: 575px){:root{--content-padding: 16px}}@media (max-width: 991px){:root{--sidebar-expanded-width: 200px}}