:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Compact Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--bg-app:#000;--bg-sidebar:#1c1c1e;--bg-card:#1c1c1ecc;--bg-card-hover:#2c2c2ef2;--bg-active-card:#3a3a3c99;--text-active-name:#fff;--text-active-company:#fff9;--border-color:#ffffff1a;--border-glow:#0a84ff4d;--primary:#0a84ff;--primary-light:#409cff;--primary-glow:#0a84ff26;--secondary:#30d158;--secondary-glow:#30d15826;--color-lead:#0a84ff;--color-contacted:#ff9f0a;--color-proposal:#bf5af2;--color-won:#30d158;--color-lost:#ff453a;--text-primary:#fff;--text-secondary:#ebebeb;--text-muted:#8e8e93;--shadow-premium:0 8px 24px #00000080;--shadow-glow:0 0 16px #0a84ff33;--transition-smooth:all .2s cubic-bezier(.25, .8, .25, 1);--radius-lg:14px;--radius-md:10px;--radius-sm:6px}@media (prefers-color-scheme:light){:root{--bg-app:#f5f5f7;--bg-sidebar:#fff;--bg-card:#ffffffd9;--bg-card-hover:#f5f5f7f2;--bg-active-card:#e5e5eab3;--text-active-name:#1d1d1f;--text-active-company:#86868b;--border-color:#00000014;--border-glow:#0071e326;--primary:#0071e3;--primary-light:#0077ed;--primary-glow:#0071e314;--secondary:#34c759;--secondary-glow:#34c75914;--color-lead:#0071e3;--color-contacted:#ff9500;--color-proposal:#af52de;--color-won:#34c759;--color-lost:#ff3b30;--text-primary:#1d1d1f;--text-secondary:#48484a;--text-muted:#86868b;--shadow-premium:0 8px 24px #0000000a;--shadow-glow:0 0 12px #0071e31a}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{width:100vw;min-height:100vh;display:flex}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;justify-content:space-between;width:280px;height:100%;padding:30px 20px;display:flex}.brand{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;background:linear-gradient(135deg, var(--primary-light), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:40px;font-size:22px;font-weight:700;display:flex}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-primary);background-color:var(--primary-glow);box-shadow:inset 0 0 0 1px var(--border-glow)}.nav-item.active{background:linear-gradient(135deg, var(--primary-glow), #9333ea0d);border-left:3px solid var(--primary)}.main-content{background:radial-gradient(circle at 50% 0,#0a84ff0a 0%,#0000 60%);flex-direction:column;flex:1;height:100vh;padding:16px 24px 12px;display:flex;position:relative;overflow:hidden}.header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.5px;font-size:26px;font-weight:700}.subtitle{color:var(--text-secondary);font-size:14px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #9333ea66}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background-color:#ef44444d;transform:translateY(-1px)}.card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);padding:16px 20px}.card:hover{border-color:var(--border-glow);background-color:var(--bg-card-hover);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{align-items:center;gap:14px;display:flex;padding:14px 20px!important}.stat-card:hover{transform:translateY(-1px)!important}.stat-icon{background-color:var(--primary-glow);width:38px;height:38px;color:var(--primary-light);border:1px solid var(--border-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:18px!important;height:18px!important}.stat-info .value{font-size:22px;font-family:var(--font-display);font-weight:700;line-height:1.1}.stat-info .label{color:var(--text-muted);margin-top:2px;font-size:11px}.crm-grid{flex:1;grid-template-columns:360px 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.customer-panel{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.customer-list{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.search-bar{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.customer-item{border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.customer-item:hover,.customer-item.active{background-color:var(--bg-card-hover);border-color:var(--border-glow)}.customer-item.active{box-shadow:inset 0 0 0 1px var(--primary);background:var(--bg-active-card)}.customer-item.active .customer-name{color:var(--text-active-name)!important}.customer-item.active .customer-company{color:var(--text-active-company)!important}.customer-name{color:var(--text-primary);font-size:16px;font-weight:600}.customer-company{color:var(--text-secondary);font-size:13px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-lead{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-contacted{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.badge-proposal{color:#c084fc;background-color:#a855f726;border:1px solid #a855f74d}.badge-won{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.badge-lost{color:#f87171;background-color:#ef446e26;border:1px solid #ef446e4d}.details-workspace{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.details-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.details-meta-grid{border-bottom:1px solid var(--border-color);background-color:#ffffff03;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px 20px;display:grid}.details-meta-item{flex-direction:column;display:flex}.details-meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.details-meta-value{color:var(--text-primary);font-size:14px;font-weight:500}.tabs{border-bottom:1px solid var(--border-color);gap:8px;padding:0 20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-bottom:2px solid #0000;padding:10px 14px;font-size:14px;font-weight:500}.tab.active,.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--primary)}.details-body{flex:1;padding:20px;overflow-y:auto}.timeline{flex-direction:column;gap:12px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background-color:var(--border-color);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.timeline-item{position:relative}.timeline-marker{background-color:var(--primary);width:9px;height:9px;box-shadow:0 0 0 4px var(--bg-app);border-radius:50%;position:absolute;top:6px;left:-20px}.timeline-card{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background-color:#ffffff05;padding:12px 14px;transition:all .2s}.timeline-card:hover{border-color:var(--primary-light);background-color:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.timeline-header{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.timeline-type{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timeline-date{color:var(--text-muted)}.timeline-content{color:var(--text-secondary);white-space:pre-wrap;font-size:14px}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary);padding:30px}.dropzone:hover{border-color:var(--primary);background-color:var(--primary-glow);color:var(--text-primary)}.attachments-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.attachment-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#ffffff05;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.attachment-icon{width:36px;height:36px;color:var(--secondary);background-color:#06b6d41a;border-radius:8px;justify-content:center;align-items:center;display:flex}.attachment-info{flex:1;min-width:0}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-muted);font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:500px;max-width:95%;max-height:92vh;box-shadow:var(--shadow-premium);padding:24px;overflow-y:auto}.modal-title{font-family:var(--font-display);margin-bottom:20px;font-size:24px;font-weight:700}.form-group{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background-color:#ffffff08;outline:none;padding:10px 14px;font-size:14px}.form-control:focus{border-color:var(--primary);background-color:#ffffff0d}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.empty-state{text-align:center;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-icon{width:64px;height:64px;color:var(--text-muted)}.lock-screen{background-color:var(--bg-app);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.lock-card{text-align:center;width:400px;max-width:90%}.lock-icon{width:60px;height:60px;color:var(--primary-light);background-color:var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.menu-toggle-btn,.sidebar-close-btn,.mobile-back-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:none}@media (width<=1024px){.crm-grid{grid-template-columns:310px 1fr;gap:16px}}@media (width<=768px){#root{overflow-x:hidden}.app-container{height:100vh;overflow:hidden}.menu-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#ffffff08;padding:8px;display:flex}.sidebar{z-index:1000;width:280px;transition:var(--transition-smooth);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #000000d9}.sidebar.open{transform:translate(0)}.sidebar-close-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#ffffff08;padding:8px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#000000b3;position:fixed;inset:0}.main-content{height:100%;padding:24px 16px;overflow-y:auto}.header{gap:12px;margin-bottom:24px}.page-title{font-size:22px}.subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:12px;overflow:hidden}.header .btn-primary{padding:8px 16px;font-size:13px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.stat-card{text-align:center;flex-direction:column;gap:8px;padding:12px 8px}.stat-icon{width:36px;height:36px}.stat-info .value{font-size:18px}.stat-info .label{font-size:10px}.crm-grid{grid-template-columns:1fr;gap:0;height:calc(100vh - 210px)}.app-container.has-selected-workspace-item .customer-panel,.app-container:not(.has-selected-workspace-item) .details-workspace{display:none}.mobile-back-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#ffffff08;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.details-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.details-header>div:last-child{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.details-header>div:last-child button{justify-content:center;width:100%;padding:8px;font-size:13px}.details-meta-grid{grid-template-columns:1fr;gap:12px;padding:16px}.tabs{padding:0 16px}.tab{text-align:center;flex:1;padding:12px 8px;font-size:13px}.details-body{padding:16px}.attachments-list{grid-template-columns:1fr;gap:12px}.timeline{padding-left:12px}.timeline-card{padding:12px}.modal{max-height:90vh;padding:24px 16px;overflow-y:auto}}.kanban-board{align-items:flex-start;gap:16px;height:calc(100vh - 240px);padding:10px 4px;display:flex;overflow-x:auto}.kanban-column{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:290px;max-width:340px;max-height:100%;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);flex-direction:column;flex:1;display:flex}.kanban-column:hover{border-color:#9333ea26;box-shadow:0 8px 30px #0006}.kanban-column-header{border-bottom:1px solid var(--border-color);background:linear-gradient(#ffffff03 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.kanban-column-title{align-items:center;gap:8px;display:flex}.kanban-column-count{background-color:var(--border-color);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.kanban-cards{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.kanban-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;gap:6px;padding:14px;display:flex}.kanban-card:hover{border-color:var(--border-glow);background-color:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 15px #00000040}.kanban-card.active{border-color:var(--primary);background:var(--bg-active-card);box-shadow:0 0 15px #9333ea26}.kanban-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.kanban-card-company{color:var(--text-secondary);font-size:12px}.kanban-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.kanban-card-actions{border-top:1px dashed var(--border-color);justify-content:flex-end;gap:6px;margin-top:4px;padding-top:8px;display:flex}.kanban-action-select{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:4px;outline:none;padding:2px 6px;font-size:11px}.kanban-action-select:hover{color:var(--text-primary);border-color:var(--border-glow);background:#ffffff0d}.category-capsules{gap:8px;margin-bottom:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.category-capsule{cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background-color:#ffffff08;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.category-capsule:hover,.category-capsule.active{color:var(--text-primary);border-color:var(--primary-light);background:var(--primary-glow)}.knowledge-item-card{text-align:left;width:100%;font:inherit;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.knowledge-item-card:hover,.knowledge-item-card.active{background-color:var(--bg-card-hover);border-color:var(--border-glow)}.knowledge-item-card.active{border-color:var(--primary-light);background:var(--bg-active-card)}.knowledge-item-title{color:var(--text-primary);font-size:15px;font-weight:600}.knowledge-item-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.knowledge-detail-paper{border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,#0a84ff05 0%,#0000 60%);flex-direction:column;gap:20px;height:100%;padding:20px 24px;display:flex;overflow-y:auto}.knowledge-detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.knowledge-detail-title{font-family:var(--font-display);margin-bottom:8px;font-size:22px;font-weight:700}.knowledge-detail-content{color:var(--text-secondary);white-space:pre-wrap;font-size:15px;line-height:1.8}.table th,.table-responsive .table th{letter-spacing:.3px;font-size:12px;font-weight:600;border-bottom-width:1px!important;padding:10px 12px!important}.table td,.table-responsive .table td{font-size:13px;transition:background .2s;padding:10px 12px!important}.table-row-hover:hover td{background-color:#ffffff08}@media print{body *{visibility:hidden}@page{margin:0}.modal-overlay,.modal-overlay *{visibility:visible!important}.modal-header,.modal-footer{height:0!important;display:none!important;overflow:hidden!important}.modal-overlay{z-index:99999!important;background:#fff!important;width:100%!important;height:100%!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.modal-overlay .modal{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:relative!important;transform:none!important}.modal-body{margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.delivery-sheet-container{width:100%!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:none!important;border-radius:0!important;padding:10mm 15mm!important;display:block!important;position:relative!important}.delivery-sheet-container *{color:#000!important;background-color:#0000!important;border-color:#000!important}.delivery-sheet-container table{border:2px solid #000!important}.delivery-sheet-container th,.delivery-sheet-container td{border-color:#000!important}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media screen{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:var(--font-sans);--bg-app:#f4f3ef;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8faf8;--bg-active-card:#edf5f1;--text-primary:#17211d;--text-secondary:#53605b;--text-muted:#7c8882;--text-active-name:#153d34;--text-active-company:#52645e;--border-color:#dde3df;--border-glow:#1453453d;--primary:#145345;--primary-light:#1f6b5b;--primary-glow:#14534517;--secondary:#2f7666;--secondary-glow:#2f76661a;--color-lead:#315f89;--color-contacted:#9a641f;--color-proposal:#72519a;--color-won:#2d7153;--color-lost:#a34d46;--shadow-premium:0 1px 2px #1825200a, 0 8px 24px #1825200d;--shadow-glow:0 1px 2px #14534514;--transition-smooth:.15s ease;--radius-lg:14px;--radius-md:10px;--radius-sm:7px}html{background:var(--bg-app)}body{background:var(--bg-app);color:var(--text-primary);font-feature-settings:"tnum" 1}::selection{background:#14534529}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #14534538}.app-container{background:var(--bg-app)}.sidebar{background:#fbfcfa;border-right-color:#d8dfda;width:248px;padding:24px 16px 18px}.sidebar>div:first-child>div:first-child{padding:0 8px;margin-bottom:24px!important}.brand{color:#133e34;letter-spacing:-.02em;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;gap:10px;font-size:19px;font-weight:760}.brand svg{color:var(--primary)}.nav-links{gap:4px}.nav-item{color:#56625d;border:1px solid #0000;border-radius:9px;min-height:42px;padding:10px 12px;font-size:13px;font-weight:590;line-height:1.25;gap:10px!important}.nav-item svg{flex:none;color:#65736d!important}.nav-item:hover{color:#1d352d;box-shadow:none;background:#f0f4f1;border-color:#e1e7e3}.nav-item.active{color:#123d33;box-shadow:none;background:#e8f2ed;border:1px solid #cfdfd7}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;margin-left:-13px;margin-right:0}.nav-item.active svg{color:var(--primary)!important}.sidebar>.btn:last-child{color:#5e6b65;background:0 0;min-height:40px}.main-content{background:var(--bg-app);padding:18px 24px 16px}.header{min-height:58px;margin-bottom:14px}.page-title{color:#18231f;letter-spacing:-.025em;font-size:23px;font-weight:730}.subtitle{color:#68746f;margin-top:2px;font-size:12px}.btn{min-height:38px;box-shadow:none;border-radius:9px;justify-content:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:650}.btn:hover{transform:none}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px #14534526}.btn-primary:hover{background:#0f463a;border-color:#0f463a;box-shadow:0 2px 8px #14534526}.btn-secondary{color:#3e4b46;background:#fff;border-color:#d6ddd9}.btn-secondary:hover{color:#183a31;background:#f5f8f6;border-color:#bdcac4}.btn-danger{color:#a0403a;background:#fff;border-color:#e7c9c6}.btn-danger:hover{color:#8f342f;background:#fff5f4;border-color:#dbaaa6}.card{color:var(--text-primary);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#dde3df}.card:hover{background:#fff;border-color:#cbd5d0;transform:none}.stats-grid{gap:10px;margin-bottom:14px}.stat-card{min-height:68px;padding:12px 16px!important}.stat-card:hover{transform:none!important}.stat-icon{width:34px;height:34px;color:var(--primary);background:#edf4f0;border-color:#d8e4de}.stat-info .value{color:#20312b;font-size:20px}.stat-info .label{color:#718078;font-size:11px}.crm-grid{grid-template-columns:minmax(330px,380px) minmax(0,1fr);gap:14px}.customer-panel{gap:10px}.search-bar{color:#66736d;background:#fff;border-color:#d8dfdb;min-height:42px;padding:9px 12px;box-shadow:0 1px 2px #18252006}.search-bar:focus-within{border-color:#8eaaa0;box-shadow:0 0 0 3px #14534517}.search-bar input{color:#17211d}.search-bar input::placeholder,.form-control::placeholder{color:#9aa39f}.customer-list{gap:6px;padding:1px 3px 3px 1px}.customer-item{background:#fff;border-color:#dde3df;border-radius:10px;min-height:60px;padding:10px 12px;box-shadow:0 1px 1px #18252006}.customer-item:hover{background:#f9fbfa;border-color:#c6d2cc}.customer-item.active{box-shadow:inset 3px 0 0 var(--primary);background:#edf5f1;border-color:#9dbdaf}.customer-name{color:#1d2c26;font-size:14px;font-weight:660}.customer-company{color:#75817b;font-size:12px}.badge{letter-spacing:0;text-transform:none;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:680}.badge-lead,.status-lead{color:#315f89;background:#eef4fa;border:1px solid #cfdfed}.badge-contacted,.status-contacted{color:#8b5a1d;background:#fbf5e9;border:1px solid #ead8b8}.badge-proposal,.status-proposal{color:#67488d;background:#f4f0f8;border:1px solid #ddd1e8}.badge-won,.status-won{color:#28684b;background:#edf6f1;border:1px solid #cde4d7}.badge-lost,.status-lost{color:#98453f;background:#fbefee;border:1px solid #ebcfcc}.details-workspace{box-shadow:var(--shadow-premium);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#d9e0dc;border-radius:14px}.details-header{background:#fff;border-bottom-color:#e1e6e3;gap:14px;min-height:86px;padding:16px 18px}.details-header h2{color:#17251f;letter-spacing:-.02em;font-size:21px!important}.details-header>div:last-child{align-items:center}.details-header>div:last-child .btn{min-height:34px;font-size:12px;padding:7px 10px!important}.customer-detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.customer-detail-actions>.btn-primary:first-child{min-height:38px;padding-inline:16px!important}.customer-more-menu{flex:none;position:relative}.customer-more-menu>summary{color:#46534d;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d6ddd9;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:650;list-style:none;display:inline-flex}.customer-more-menu>summary::-webkit-details-marker{display:none}.customer-more-menu[open]>summary,.customer-more-menu>summary:hover{color:#183a31;background:#f5f8f6;border-color:#bdcac4}.customer-more-menu>:not(summary){z-index:30;position:absolute;top:calc(100% + 6px);right:0}.customer-more-menu>div{background:#fff;border:1px solid #d8dfdb;border-radius:10px;gap:4px;min-width:172px;padding:6px;display:grid;box-shadow:0 14px 34px #18252024}.customer-more-menu>div .btn,.customer-more-menu>div button{justify-content:flex-start;width:100%}.details-header details{position:relative}.details-header details>summary{list-style:none}.details-header details>summary::-webkit-details-marker{display:none}.details-header details[open]>summary{color:#183a31;background:#f5f8f6!important;border-color:#bdcac4!important}.details-header details>div{background:#fff!important;border-color:#d8dfdb!important;box-shadow:0 14px 34px #18252024!important}.details-meta-grid{background:#f8faf8;border-bottom-color:#e1e6e3;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 18px;padding:14px 18px}.details-meta-label{color:#78847e;letter-spacing:.035em;font-size:10px;font-weight:650}.details-meta-value{color:#27352f;font-size:13px}.tabs{background:#fff;border-bottom-color:#e1e6e3;gap:4px;padding:0 18px}.tab{color:#65716b;border-bottom-width:2px;min-height:43px;padding:12px 10px 10px;font-size:13px;font-weight:620}.tab:hover{color:#1c4d41}.tab.active{color:#164d40;border-bottom-color:var(--primary)}.details-body{background:#fcfdfc;padding:18px}.timeline{gap:10px;padding-left:18px}.timeline:before{background:#d7e0db}.timeline-marker{background:#2f7564;left:-18px;box-shadow:0 0 0 4px #fcfdfc}.timeline-card{background:#fff;border-color:#dfe5e1;padding:12px 14px;box-shadow:0 1px 2px #18252006}.timeline-card:hover{background:#fbfcfb;border-color:#b8c9c1;transform:none;box-shadow:0 2px 8px #1825200f}.timeline-date{color:#7a8781}.timeline-content{color:#45534d;font-size:13px;line-height:1.6}.lead-list-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.lead-card{color:#26362f;background:#fff;border:1px solid #dce3df;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex;box-shadow:0 1px 2px #18252009}.lead-card:hover{border-color:#b7c8c0;box-shadow:0 3px 10px #1825200e}.lead-card h3,.lead-card h4{color:#1e3028;line-height:1.35}.lead-card .btn{min-height:32px;padding:6px 9px;font-size:11px}.details-body>div>div[style*="flex-direction: column"]>.card{background:#fff!important}.sync-status{color:#66736d;white-space:nowrap;background:#f5f8f6;border:1px solid #dfe6e2;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.sync-status[data-state=success]{color:#2c674e;background:#edf6f1;border-color:#cee3d7}.sync-status[data-state=error]{color:#95433e;background:#fbefee;border-color:#ebcfcc}.inline-error{color:#873d38;background:#fff5f4;border:1px solid #e8c9c6;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.inline-error .btn{color:#873d38;background:#fff;border-color:#dbb2ae;flex:none;min-height:30px;padding:5px 9px;font-size:11px}.load-more-button,.load-more-btn{color:#245747;background:#fff;border-color:#bcd0c7;min-width:150px;margin-inline:auto}.empty-state{color:#75817b;gap:10px;min-height:150px;padding:24px}.empty-state h2,.empty-state h3{color:#33413b}.empty-icon{color:#a3afa9;width:42px;height:42px}.dropzone{color:#67746e;background:#f9fbfa;border-color:#cdd8d2;padding:24px}.dropzone:hover{color:#214b40;background:#f0f6f3;border-color:#83a99a}.attachments-list{gap:10px}.attachment-card{background:#fff;border-color:#dfe5e1;padding:12px}.attachment-icon{color:#2f7564;background:#edf5f1}.table-container,.table-responsive{background:#fff!important;border-color:#dce3df!important;border-radius:10px!important}.table{color:#33413b;border-collapse:collapse;width:100%}.table th,.table-responsive .table th{letter-spacing:.02em;text-transform:none;background:#f7f9f7;font-size:11px;font-weight:680;color:#66736d!important;border-bottom-color:#dce3df!important;padding:10px 12px!important}.table td,.table-responsive .table td{color:#35433d;background:#fff;border-bottom:1px solid #edf0ee;font-size:12px;padding:10px 12px!important}.table-row-hover:hover td,.table tr:hover>td{background:#f7faf8}.form-control,.form-input{color:#1f2c27;min-height:40px;box-shadow:none;background:#fff;border-color:#ced7d2}.form-control:focus,.form-input:focus{color:#17211d;background:#fff;border-color:#759d8f;box-shadow:0 0 0 3px #14534517}.form-label,.form-group>label{color:#56635d;letter-spacing:.02em;text-transform:none;font-size:11px;font-weight:670}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111d187a;padding:20px}.modal{color:#1d2a25;background:#fff;border-color:#fff9;box-shadow:0 24px 70px #101d182e}.modal-title{color:#1a2822;letter-spacing:-.015em;font-size:20px}.modal-header,.modal-footer{background:#fff;border-color:#e0e6e2}.knowledge-detail-paper{background:#fff}.knowledge-item-card{background:#fff;border-color:#dce3df}.knowledge-item-card:hover,.knowledge-item-card.active{background:#f4f8f5;border-color:#a9c0b5}.category-capsule{color:#65726c;background:#fff;border-color:#d8dfdb}.category-capsule:hover,.category-capsule.active{color:#17493d;background:#edf5f1;border-color:#aac1b6}.lock-screen{background:#f4f3ef}.lock-card{background:#fff}}@media screen and (width>=1200px){.sidebar{align-items:center;width:76px;padding:20px 10px 16px}.sidebar>div:first-child{width:100%}.sidebar>div:first-child>div:first-child{justify-content:center!important;margin-bottom:24px!important;padding:0!important}.brand{letter-spacing:.02em;justify-content:center;width:100%;margin:0;font-size:15px}.brand svg{display:none}.nav-links{align-items:center;width:100%}.nav-item{justify-content:center;width:48px;min-height:44px;position:relative;padding:0!important}.nav-item>span,.sidebar>.btn:last-child>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-item.active:before{width:3px;height:22px;margin:0;position:absolute;left:-11px}.sidebar>.btn:last-child{width:48px;min-height:42px;padding:0}.crm-grid{grid-template-columns:320px minmax(0,1fr)}}@media screen and (width<=1024px){.sidebar{width:224px}.main-content{padding-inline:18px}.crm-grid{grid-template-columns:minmax(290px,330px) minmax(0,1fr);gap:12px}}@media screen and (width<=768px){.app-container{height:100dvh;min-height:100dvh}.sidebar{width:min(84vw,310px);padding:20px 14px 16px;box-shadow:16px 0 40px #101d182e}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#111d186b}.main-content{height:100dvh;padding:12px;overflow-y:auto}.header{align-items:flex-start;min-height:auto;margin-bottom:12px}.header>div:first-child{min-width:0}.header>div:last-child{justify-content:flex-end}.page-title{font-size:19px}.subtitle{max-width:58vw}.menu-toggle-btn,.sidebar-close-btn,.mobile-back-btn{color:#27483e;background:#fff;border-color:#d8dfdb}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.stat-card{min-height:72px;padding:9px 6px!important}.stat-icon{width:30px;height:30px}.stat-info .value{font-size:17px}.crm-grid{height:auto;min-height:calc(100dvh - 182px);overflow:visible;grid-template-columns:minmax(0,1fr)!important}.customer-panel,.details-workspace{min-width:0}.app-container.has-selected-workspace-item .customer-panel,.app-container:not(.has-selected-workspace-item) .details-workspace{display:none}.details-workspace{border-radius:12px;min-height:calc(100dvh - 110px)}.details-header{gap:12px;padding:14px}.details-header>div:last-child,.customer-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.customer-more-menu,.customer-more-menu>summary{width:100%}.customer-more-menu>div{min-width:0;position:fixed;bottom:12px;left:12px;right:12px}.details-header details>div{z-index:1200!important;min-width:0!important;position:fixed!important;inset:auto 12px 12px!important}.details-header>div:last-child .btn{white-space:normal;min-width:0}.details-meta-grid{grid-template-columns:minmax(0,1fr)}.tabs{scrollbar-width:none;padding:0 8px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:none;min-width:112px}.details-body{padding:14px}.customer-item{min-height:64px}.modal-overlay{align-items:flex-end;padding:0}.modal{border:0;border-radius:16px 16px 0 0;margin:0;padding:18px 14px;width:100%!important;max-width:100%!important;max-height:92dvh!important}.modal-title{font-size:18px}.modal [style*="grid-template-columns: 1fr 1fr 1fr"],.modal [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.modal .table-container,.modal .table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:620px}.timeline-header{flex-direction:column;gap:8px}.timeline-header>div:last-child{justify-content:space-between}.attachments-list,.lead-list-grid{grid-template-columns:minmax(0,1fr)}.attachment-card{min-width:0}.attachment-card>div:last-child{flex-shrink:0}}@media screen and (width<=520px){.header{flex-wrap:wrap}.header>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid!important}.header>div:last-child .btn{width:100%;min-width:0;padding-inline:8px!important}.stats-grid{grid-template-columns:repeat(3,minmax(112px,1fr));padding-bottom:2px;overflow-x:auto}.details-header>div:last-child{grid-template-columns:minmax(0,1fr)}.customer-name{font-size:13px}.modal-actions,.modal-footer{flex-wrap:wrap}}@media screen and (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}