:root{--color-sidebar: #0c245d;--color-primary: #6d79ff;--color-primary-hover: #5a65e9;--color-primary-weak: #f2f6ff;--color-bg: #f6f6f9;--color-surface: #ffffff;--color-border: #eaebf0;--color-text: #1d2129;--color-text-2: #4e5969;--color-text-3: #86909c;--color-text-4: #c9cdd4;--color-success: #00b42a;--color-warning: #ff7d00;--color-danger: #f53f3f;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 10px 30px rgba(0, 0, 0, .12);--ring: 0 0 0 3px rgba(109, 121, 255, .16);--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .15s;--duration: .22s;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "SF Pro", "Microsoft YaHei", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--duration-slow: .3s;--sidebar-width: 240px;--sidebar-collapsed-width: 60px;--topbar-height: 60px;--page-padding: 20px;--primary-color: var(--color-primary);--primary-dark: var(--color-sidebar);--bg-primary: var(--color-surface);--bg-secondary: var(--color-bg);--bg-tertiary: var(--color-primary-weak);--bg-hover: #f7f8fa;--bg-hover-strong: #f2f3f5;--border-color: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-2);--text-tertiary: var(--color-text-3);--text-disabled: var(--color-text-4);--header-height: var(--topbar-height);--border-radius: var(--radius-md)}.tabular-nums{font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:#6d79ff38}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#86909cbf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:#ffffffe6;flex-shrink:0;transition:width var(--duration) var(--ease-out);overflow:hidden}.app-sidebar.is-collapsed{width:var(--sidebar-collapsed-width)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);flex-shrink:0}.app-content{flex:1;overflow:auto;padding:var(--page-padding)}@media(max-width:960px){:root{--page-padding: 16px}.app-shell{height:100dvh}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:16px;font-weight:600;margin:0}.card-body{padding:16px}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:#f53f3f1a;border-color:#f53f3f33;color:var(--color-danger)}.btn-danger:hover{background:#f53f3f24}.input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;outline:none;background:var(--color-surface)}.input:focus{border-color:#6d79ffe6;box-shadow:var(--ring)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.table th{font-size:12px;color:var(--color-text-2);font-weight:600;background:var(--bg-hover)}.muted{color:var(--color-text-3)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.page-title{margin:0;font-size:18px;font-weight:600;color:var(--color-text);line-height:24px}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-icon{display:inline-flex;align-items:center;gap:6px}.btn-icon svg{width:16px;height:16px;fill:currentColor}.filter-section{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:16px 20px;margin-bottom:20px}.filter-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group{flex:1;min-width:160px}.form-group label{display:block;font-size:14px;color:var(--color-text-2);margin-bottom:8px}.form-control{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--color-surface)}.form-control:focus{outline:none;border-color:#6d79ffcc;box-shadow:0 0 0 3px #6d79ff1f}.form-control::placeholder{color:var(--color-text-3)}.table-container{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:20px;overflow:hidden}.table-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:12px}.table-title{margin:0;font-size:16px;font-weight:500;color:var(--color-text);line-height:22px}.table-actions{display:flex;gap:12px;flex-wrap:wrap}.table-container table{width:100%;border-collapse:collapse;font-size:14px}.table-container th,.table-container td{padding:12px 20px;text-align:left;border-bottom:1px solid var(--color-border);line-height:20px}.table-container th{background:var(--bg-hover);font-weight:500;color:var(--color-text)}.table-container tr:nth-child(2n) td{background:var(--bg-hover)}.table-container tr:hover td{background:var(--bg-hover-strong)}.table-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:4px 8px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;line-height:16px;transition:background-color .2s}.action-btn.view{background:#e6f7ff;color:var(--color-primary)}.action-btn.view:hover{background:#b3d9ff}.action-btn.edit{background:#f6ffed;color:var(--color-success)}.action-btn.edit:hover{background:#d9f7be}.action-btn.delete{background:#fff1f0;color:var(--color-danger)}.action-btn.delete:hover{background:#ffccc7}.action-btn.followup{background:#fff7e8;color:var(--color-warning)}.action-btn.followup:hover{background:#ffe5b4}.customer-name{color:var(--color-primary);font-weight:500}.customer-name:hover{text-decoration:underline}.tag{padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:16px;display:inline-flex;align-items:center}.tag.important{background:#ffece8;color:var(--color-danger)}.tag.potential{background:#fff7e8;color:var(--color-warning)}.tag.normal,.tag.regular{background:var(--bg-hover-strong);color:var(--color-text-3)}.tag.cloud{background:#165dff1f;color:#165dff}.tag.self{background:#00b42a1f;color:var(--color-success)}.tag.hot{background:#ff7d001f;color:var(--color-warning)}.tag.new{background:#00b42a1f;color:var(--color-success)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.product-name{color:#165dff;font-weight:500;cursor:pointer}.product-name:hover{text-decoration:underline}.pagination-info{font-size:14px;color:var(--color-text-2)}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--color-text);transition:all .2s;padding:0 10px}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-size-select{height:32px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer;margin-right:8px}.page-size-select:focus{border-color:var(--color-primary);outline:none}.n-card,.n-modal{border-radius:var(--radius-md)}.n-card{border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.n-card:hover{box-shadow:var(--shadow-sm)}.n-data-table-th{background:var(--bg-hover);color:var(--color-text-3);font-weight:600}.n-data-table-td{color:var(--color-text)}.n-data-table-tr:hover .n-data-table-td{background:var(--bg-hover)}.n-input.n-input--focus{box-shadow:var(--ring)}.n-button:not(.n-button--disabled):focus-visible{box-shadow:var(--ring)}.n-button{transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}a[href]:not(.n-button):hover{opacity:.85;transition:opacity var(--duration-fast) var(--ease-out)}.menu-item:not(.active):hover{background:var(--bg-hover);box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.n-data-table .n-data-table-tr{transition:background var(--duration-fast) var(--ease-out)}[role=button]:hover,[role=menuitem]:hover,[role=tab]:hover,[role=option]:hover{background:var(--bg-hover);transition:background var(--duration-fast) var(--ease-out)}:focus-visible{outline:none;box-shadow:var(--ring)}.n-input:focus-within,.n-select .n-base-selection--focus,.n-date-picker .n-base-selection--focus{box-shadow:var(--ring)}.n-checkbox .n-checkbox-box--focus{box-shadow:var(--ring)}.n-switch:focus-visible{box-shadow:var(--ring)}.n-tabs .n-tabs-tab:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm)}.modal-scale-enter-active,.modal-scale-leave-active{transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)}.modal-scale-enter-from{transform:scale(.95);opacity:0}.modal-scale-enter-to,.modal-scale-leave-from{transform:scale(1);opacity:1}.modal-scale-leave-to{transform:scale(.95);opacity:0}.n-modal-mask{transition:opacity var(--duration) var(--ease-out)!important}.v-modal-enter-active .n-modal-body-wrapper,.n-modal-body-wrapper{transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)!important}.n-modal.n-modal--appear-from,.n-modal.n-modal--leave-to{transform:scale(.95);opacity:0}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)}.drawer-slide-enter-from{transform:translate(100%);opacity:0}.drawer-slide-enter-to,.drawer-slide-leave-from{transform:translate(0);opacity:1}.drawer-slide-leave-to{transform:translate(100%);opacity:0}.n-drawer-mask{transition:opacity var(--duration) var(--ease-out)!important}.n-drawer .n-drawer-content-wrapper{transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)!important}.stat-card{transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card .n-statistic .n-statistic-value .n-statistic-value__content{font-variant-numeric:tabular-nums}.overview-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview-icon.total{background:#f0f7ff;color:#165dff}.overview-icon.active{background:#f0fff8;color:#00b42a}.overview-icon.hot{background:#fff7e8;color:#ff7d00}.overview-icon.new{background:#f9f0ff;color:#722ed1}@keyframes crm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-block{background:linear-gradient(90deg,#f2f3f5 25%,#e5e6eb 37%,#f2f3f5 63%);background-size:200% 100%;animation:crm-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:65%}.skeleton-text.long{width:90%}.skeleton-title{height:22px;width:50%;margin-bottom:12px}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-lg)}.price-amount{font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);color:var(--color-danger)}.price-amount.positive{color:var(--color-success)}.price-amount.muted{color:var(--color-text-2);font-weight:var(--font-normal)}@media(max-width:768px){.crm-hide-mobile{display:none!important}}@media(min-width:769px){.crm-hide-desktop{display:none!important}}