:root{--text:#6b6375;--text-h:#111827;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3{font-family:var(--heading);font-weight:700;color:#111827!important;opacity:1!important}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--notion-bg:#fff;--notion-sidebar:#f7f7f5;--notion-text:#37352f;--notion-text-light:#787774;--notion-border:#edece9;--lotus-primary:#200069;--lotus-secondary:#3786dc;--lotus-gradient:linear-gradient(135deg, #200069 0%, #3786dc 100%);--nav-height:64px}html,body{max-width:100%;overflow-x:hidden}#root{overflow-x:hidden;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--notion-text);-webkit-font-smoothing:antialiased;background-color:#fcfcfc;font-family:Inter,-apple-system,sans-serif}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.navbar-v2{height:var(--nav-height);border-bottom:1px solid var(--notion-border);z-index:1000;background:#fff;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;height:100%;padding:0 2rem;display:flex}.navbar-left{align-items:center;gap:3rem;display:flex}.logo-box{background:var(--lotus-gradient);color:#fff;letter-spacing:1px;border-radius:8px;padding:.4rem 1rem;font-weight:900}.nav-tabs{flex-wrap:nowrap;gap:.5rem;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{height:4px}.nav-tabs::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.nav-tab{white-space:nowrap;color:var(--notion-text-light);border-radius:8px;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-tab:hover{color:var(--notion-text);background:#f4f4f2}.nav-tab.active{color:var(--lotus-primary);background:#f0f4f8;font-weight:700}.navbar-right{align-items:center;gap:1.5rem;display:flex}.global-search{width:300px;position:relative}.global-search input{border:1px solid var(--notion-border);color:#111827;background:#fff;border-radius:10px;outline:none;width:100%;padding:.6rem 1rem .6rem 2.5rem}.global-search input::placeholder,.customer-search-field::placeholder{color:#9ca3af}.global-search .search-icon{color:#999;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.user-profile{border-left:1px solid var(--notion-border);align-items:center;gap:1rem;padding-left:1.5rem;display:flex}.user-info{text-align:right;flex-direction:column;display:flex}.user-name{font-size:.875rem;font-weight:700}.user-role{color:#999;font-size:.75rem}.logout-btn{cursor:pointer;color:#999;background:0 0;border:none}.logout-btn:hover{color:#f43f5e}.app-v2-container{background-color:#f8f9fa;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.app-main{margin-top:var(--nav-height);flex:1;width:100%}.customer-detail-page-layout{background-color:#f8f9fa;height:100vh;overflow:hidden}.customer-detail-main{height:calc(100vh - var(--nav-height));flex:1;overflow:hidden}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar-container{padding:0 1rem}.navbar-left{gap:1rem}.container{padding:0 1rem}.app-main{margin-top:var(--nav-height);padding-bottom:70px}.customer-detail-main{height:calc(100vh - var(--nav-height) - 70px);overflow-y:auto}}.page-wrapper{padding:3rem 0}.customer-detail-wrapper{background:#fff;min-height:100vh}.detail-hero{border-bottom:1px solid var(--notion-border);background:#f8f9fa;padding:4rem 0 3rem}.hero-content{justify-content:space-between;align-items:flex-end;display:flex}.customer-icon{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;display:flex;box-shadow:0 10px 30px #0000000d}.breadcrumb{color:#999;margin-bottom:.5rem;font-size:.875rem}.title{color:#1a1a1a;letter-spacing:-1px;font-size:3rem;font-weight:900}.tags{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.actions{gap:.75rem;display:flex}.customer-detail-layout{height:calc(100vh - var(--nav-height));background:#f8f9fa;grid-template-columns:320px 1fr 380px;gap:2rem;padding:2rem;display:grid;overflow:hidden}@media (width<=1199px){.customer-detail-layout{grid-template-columns:300px 1fr;gap:1.5rem;padding:1.5rem}.customer-detail-right{display:none}}@media (width<=767px){.customer-detail-layout{flex-direction:column;height:auto;padding:0;display:flex;overflow:visible}.mobile-hidden{display:none!important}.mobile-active{flex:1;width:100%!important;display:flex!important}}.customer-detail-left,.customer-detail-right{flex-direction:column;gap:1.5rem;min-width:0;height:100%;display:flex;overflow-y:auto}.customer-detail-center{background:#fff;border-radius:20px;height:100%;padding:2.5rem;overflow-y:auto;box-shadow:0 4px 20px #00000008}.summary-card{text-align:center;box-sizing:border-box;background:#fff;border-radius:20px;width:100%;min-width:0;padding:2rem;box-shadow:0 4px 20px #00000008}.avatar-huge{margin-bottom:1rem;font-size:4rem}.customer-name-large{color:var(--lotus-primary);white-space:normal;word-break:keep-all;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-bottom:1rem;font-size:clamp(1.125rem,1.8vw,1.75rem);font-weight:900;line-height:1.3;display:-webkit-box;overflow:hidden}.status-badges{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.info-list{text-align:left;flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding-bottom:.75rem;font-size:.875rem;display:flex}.info-row span{color:#999;font-weight:500}.info-row strong{color:#333}.info-row.vertical{border-bottom:none;flex-direction:column;gap:.4rem}.info-row.vertical p{color:#555;line-height:1.5}.section-header-v2{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.section-header-v2 h2{font-size:1.25rem;font-weight:800}.activity-timeline-v3{flex-direction:column;gap:1.5rem;display:flex}.timeline-card{background:#fff;border:1px solid #eee;border-radius:16px;transition:transform .2s;display:flex;overflow:hidden}.timeline-card:hover{border-color:var(--lotus-secondary);transform:translate(4px)}.card-indicator{flex-shrink:0;width:6px}.card-indicator.sales{background:var(--lotus-primary)}.card-indicator.support{background:var(--lotus-secondary)}.card-body{flex:1;padding:1.5rem}.card-meta{color:#999;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.card-content{color:#333;font-size:.9375rem;font-weight:500;line-height:1.6}.next-action{color:var(--lotus-primary);background:#f0f4f8;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.8125rem}.tab-container{background:#fff;border-radius:20px;flex-direction:column;height:100%;display:flex;box-shadow:0 4px 20px #00000008}.tab-header{border-bottom:1px solid #eee;display:flex}.tab-header button{color:#999;cursor:pointer;background:0 0;border:none;flex:1;padding:1.25rem;font-weight:700;transition:all .2s}.tab-header button.active{color:var(--lotus-primary);border-bottom:3px solid var(--lotus-primary)}.tab-content{flex:1;padding:1.5rem;overflow-y:auto}.mini-contact-card,.mini-license-card{cursor:pointer;border:1px solid #f0f0f0;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;transition:background .2s;display:flex}.mini-contact-card:hover{background:#f8f9fa}.avatar-xs{width:32px;height:32px;color:var(--lotus-primary);background:#f0f4f8;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.details{flex-direction:column;flex:1;display:flex}.details strong{font-size:.875rem}.details span{color:#999;font-size:.75rem}.mini-license-card{flex-direction:column;align-items:flex-start;gap:.5rem}.mini-license-card.expiring{background:#fffafb;border-color:#fee2e2}.lic-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mini-license-card code{color:var(--lotus-secondary);background:#f0f7ff;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.8125rem}.lic-footer{color:#999;font-size:.75rem}.btn-add-flat{color:#666;cursor:pointer;background:#f8f9fa;border:1px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:600;display:flex}.btn-add-flat:hover{color:var(--lotus-primary);border-color:var(--lotus-primary);background:#f0f4f8}.customer-list-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem 0}.list-content-panel{border:1px solid var(--notion-border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.list-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.list-title{color:#333;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.list-stats{color:#999;font-size:.875rem}.list-controls{background:#fcfcfc;border-bottom:1px solid #f0f0f0;justify-content:space-between;gap:1rem;padding:1rem 2rem;display:flex}@media (width<=767px){.list-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1rem}.list-controls{flex-direction:column;padding:1rem}.search-box-v2{max-width:none}.filter-group{padding-bottom:.5rem;overflow-x:auto}}.search-box-v2{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.search-box-v2 svg{color:#999;position:absolute;left:1rem}.search-box-v2 input{border:1px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:.6rem 1rem .6rem 2.5rem;font-size:.9375rem}.filter-group{gap:.5rem;display:flex}.filter-select{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;outline:none;padding:.5rem 1rem;font-size:.875rem}.btn-icon-v2{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.table-wrapper-v2{width:100%;overflow-x:auto}.crm-table{border-collapse:collapse;width:100%;font-size:.9375rem}.crm-table tr.clickable-row:hover{cursor:pointer;background:#f8faff}.crm-table tr.clickable-row{transition:all .2s}.crm-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.crm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.bold-text{color:#111;font-weight:700}.link-text{color:var(--lotus-primary);cursor:pointer;text-decoration:none}.link-text:hover{text-decoration:underline}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.text-muted{color:#aaa;font-size:.8125rem}.empty-state-v2{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:1rem;padding:6rem 2rem;display:flex}.empty-state-v2 .icon{opacity:.5;font-size:3rem}.empty-state-v2 p{font-size:1rem;font-weight:500}.loading-state{text-align:center;color:#999;padding:3rem}.activity-timeline-v2{flex-direction:column;gap:1.5rem;display:flex}.activity-row{gap:1.5rem;display:flex}.type-icon{background:#f8f9fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-content{background:#f8f9fa;border-radius:12px;flex:1;padding:1.25rem}.meta{color:#999;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.activity-content .text{color:#333;font-size:.9375rem;line-height:1.5}.slide-panel-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.slide-panel-overlay.active{display:block}.slide-panel{background:#fff;flex-direction:column;width:600px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-600px;box-shadow:-10px 0 30px #0000001a}.slide-panel-overlay.active .slide-panel{right:0}.panel-header{border-bottom:1px solid #eee;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.panel-content{flex:1;padding:2.5rem 2rem;overflow-y:auto}.panel-section{margin-bottom:2rem}.info-item-v2{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.info-item-v2 label{color:#999;text-transform:uppercase;font-size:.75rem;font-weight:600}.info-item-v2 span{color:var(--slate-800);font-size:1rem;font-weight:700}.activity-main-header{border-bottom:1px solid #eee;padding-bottom:1.5rem}.btn-v2{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--lotus-gradient);color:#fff}.btn-outline{color:#333;background:#fff;border:1px solid #e0e0e0}.btn-outline:hover{background:#f8f9fa}.btn-small{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;display:flex}.btn-v2.full{justify-content:center;width:100%}.login-v2-container{background:#f7f7f5;justify-content:center;align-items:center;height:100vh;display:flex}.login-card-v2{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:4rem 2rem;box-shadow:0 20px 50px #0000000d}@media (width<=767px){.login-card-v2{box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;height:100%;padding:3rem 1.5rem;display:flex}}.login-card-v2 .logo{color:var(--lotus-primary);margin-bottom:3rem;font-size:2rem;font-weight:900}.login-card-v2 input{border:1px solid #eee;border-radius:12px;outline:none;width:100%;margin-bottom:1rem;padding:1rem}.login-card-v2 button{background:var(--lotus-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:800}.dashboard-container{background:#fcfcfc;flex-direction:column;gap:2rem;padding:2rem 2rem 4rem;display:flex}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 20px #00000005}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-content{flex-direction:column;gap:.25rem;display:flex}.stat-title{color:#787774;font-size:.875rem;font-weight:600}.stat-value{color:#1a1a1a;font-size:1.75rem;font-weight:800}.stat-trend{color:#22c55e;font-size:.75rem;font-weight:700}.dashboard-main-grid{grid-template-columns:1fr 340px;gap:2rem;display:grid}.dashboard-left-content{flex-direction:column;gap:2rem;display:flex}.dashboard-charts-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;padding:2rem;box-shadow:0 4px 20px #00000005}.chart-card h3{margin-bottom:2rem;font-size:1.125rem;font-weight:800}.chart-placeholder{justify-content:space-around;align-items:center;min-height:200px;display:flex}.doughnut-chart{width:160px;height:160px;transform:rotate(-90deg)}.chart-legend{flex-direction:column;gap:.75rem;display:flex}.legend-item{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.legend-item .dot{border-radius:50%;width:10px;height:10px}.legend-item .label{color:#666;flex:1;font-weight:500}.legend-item .value{color:#333;font-weight:700}.bar-chart-container{align-items:flex-end;gap:2rem;width:100%;height:180px;padding:0 1rem;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1rem;height:100%;display:flex}.bar{border-radius:8px 8px 4px 4px;width:40px;transition:all .3s;position:relative}.bar span{font-size:.75rem;font-weight:800;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label{color:#999;font-size:.75rem;font-weight:600}.dashboard-recent-activities{flex-direction:column;gap:1.25rem;display:flex}.dashboard-recent-activities .section-header{justify-content:space-between;align-items:center;display:flex}.dashboard-recent-activities h3{font-size:1.125rem;font-weight:800}.btn-text{color:var(--lotus-secondary);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:700}.activity-list-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000005}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;text-transform:uppercase;color:#999;letter-spacing:.5px;background:#fafafa;padding:1.25rem 1.5rem;font-size:.75rem}.dashboard-table td{border-bottom:1px solid #f8f9fa;padding:1.25rem 1.5rem;font-size:.875rem}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table td.bold{color:#1a1a1a;font-weight:700}.dashboard-sidebar{flex-direction:column;gap:1.5rem;display:flex}.schedule-card,.quick-actions-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;padding:1.5rem;box-shadow:0 4px 20px #00000005}.schedule-card .section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.schedule-card h3{font-size:1rem;font-weight:800}.schedule-list{flex-direction:column;gap:1rem;display:flex}.schedule-item{border-bottom:1px solid #f8f9fa;gap:1rem;padding-bottom:1rem;display:flex}.schedule-item:last-child{border-bottom:none;padding-bottom:0}.schedule-time{color:var(--lotus-primary);background:#f0f4f8;border-radius:6px;height:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:800}.schedule-title{color:#1a1a1a;margin-bottom:.2rem;font-size:.875rem;font-weight:700}.schedule-location{color:#999;font-size:.75rem}.quick-actions-card h3{margin-bottom:1.5rem;font-size:1rem;font-weight:800}.quick-buttons{flex-direction:column;gap:.75rem;display:flex}.quick-btn{color:#555;cursor:pointer;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.quick-btn:hover{color:var(--lotus-primary);border-color:var(--lotus-primary);background:#f0f4f8}@media (width<=1199px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=767px){.dashboard-container{box-sizing:border-box;gap:1.5rem;width:100%;max-width:100%;padding:1rem .75rem}.dashboard-stats-grid,.dashboard-charts-row{grid-template-columns:1fr}.stat-card{box-sizing:border-box;width:100%;max-width:100%;padding:1.25rem}.stat-value{font-size:1.5rem}.chart-card{box-sizing:border-box;border-radius:16px;width:100%;max-width:100%;padding:1.25rem}.chart-placeholder{text-align:center;flex-direction:column;gap:1.5rem;padding:1rem 0}.bar-chart-container{justify-content:center;gap:.5rem;width:100%;padding:0}.bar{width:28px}.activity-list-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.dashboard-left-content{gap:1.5rem;width:100%;max-width:100%}.dashboard-table{table-layout:fixed;box-sizing:border-box;width:100%}.dashboard-table th,.dashboard-table td{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;padding:.75rem .5rem;font-size:.75rem;overflow:hidden}.dashboard-recent-activities:first-of-type .dashboard-table th:first-child,.dashboard-recent-activities:first-of-type .dashboard-table td:first-child{width:28%}.dashboard-recent-activities:first-of-type .dashboard-table th:nth-child(2),.dashboard-recent-activities:first-of-type .dashboard-table td:nth-child(2){width:42%}.dashboard-recent-activities:first-of-type .dashboard-table th:nth-child(3),.dashboard-recent-activities:first-of-type .dashboard-table td:nth-child(3),.dashboard-recent-activities:first-of-type .dashboard-table th:nth-child(4),.dashboard-recent-activities:first-of-type .dashboard-table td:nth-child(4){width:15%}.dashboard-recent-activities:nth-of-type(2) .dashboard-table th:first-child,.dashboard-recent-activities:nth-of-type(2) .dashboard-table td:first-child{width:18%}.dashboard-recent-activities:nth-of-type(2) .dashboard-table th:nth-child(2),.dashboard-recent-activities:nth-of-type(2) .dashboard-table td:nth-child(2){width:27%}.dashboard-recent-activities:nth-of-type(2) .dashboard-table th:nth-child(3),.dashboard-recent-activities:nth-of-type(2) .dashboard-table td:nth-child(3){width:40%}.dashboard-recent-activities:nth-of-type(2) .dashboard-table th:nth-child(4),.dashboard-recent-activities:nth-of-type(2) .dashboard-table td:nth-child(4){width:15%}}.clickable{cursor:pointer;transition:all .2s}.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.api-badge{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:-1rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.empty-state-dashboard{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;font-size:.875rem;font-weight:500;display:flex}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#f8faff!important}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-700:#1d4ed8;--red-600:#dc2626}.form-v3-wrapper{background-color:var(--slate-50);min-height:calc(100vh - var(--nav-height));padding:3rem 0}.form-v3-card{border:1px solid var(--slate-200);background:#fff;border-radius:16px;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-v3-header{border-bottom:1px solid var(--slate-200);background:#fff;padding:2rem}.form-v3-header h2{color:var(--slate-800);font-size:1.5rem;font-weight:800}.form-v3-body{padding:2rem}.form-group-section{margin-bottom:2.5rem}.form-group-section h4{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--slate-100);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.875rem;font-weight:700}.form-v3-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-v3-field{flex-direction:column;gap:.5rem;display:flex}.form-v3-field.full{grid-column:span 2}.form-v3-field label{color:var(--slate-700);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.form-v3-field label .required{color:var(--red-600)}.form-v3-field label .info-icon{cursor:help;color:var(--slate-400)}.form-v3-field label .info-icon:hover{color:var(--blue-600)}.input-v3{border:1px solid var(--slate-300);color:var(--slate-800);background-color:#fff;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.input-v3::placeholder{color:var(--slate-400)}.input-v3:focus{border-color:var(--blue-600);background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.input-v3.read-only{background-color:var(--slate-50);color:var(--slate-600);cursor:default}.input-v3.error{border-color:var(--red-600)}.input-v3:disabled{background-color:var(--slate-50);color:var(--slate-500);cursor:not-allowed}.error-message{color:var(--red-600);font-size:.75rem;font-weight:500}.hint-text{color:var(--slate-500);margin-top:.25rem;font-size:.75rem}.chip-group{gap:.5rem;display:flex}.chip-input{display:none}.chip-label{border:1px solid var(--slate-300);color:var(--slate-600);cursor:pointer;background:#fff;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.chip-input:checked+.chip-label{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.chip-label:hover:not(.chip-input:checked+.chip-label){background:var(--slate-50);border-color:var(--slate-400)}.select-v3{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.management-link{color:var(--blue-600);margin-top:.4rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.management-link:hover{text-decoration:underline}.form-v3-footer{background:var(--slate-50);border-top:1px solid var(--slate-200);justify-content:flex-end;gap:1rem;padding:2rem;display:flex}.btn-v3{cursor:pointer;border:none;border-radius:8px;padding:.875rem 2rem;font-size:.9375rem;font-weight:700;transition:all .2s}.btn-v3-primary{background:var(--blue-600);color:#fff}.btn-v3-primary:hover{background:var(--blue-700)}.btn-v3-outline{border:1px solid var(--slate-300);color:var(--slate-700);background:#fff}.btn-v3-outline:hover{background:var(--slate-100)}@media (width<=768px){.form-v3-grid{grid-template-columns:1fr}.form-v3-field.full{grid-column:span 1}.form-v3-card{border-left:none;border-right:none;border-radius:0}.form-v3-body{padding:1.25rem}}.mobile-bottom-nav{border-top:1px solid var(--notion-border);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{color:#94a3b8;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--lotus-primary)}.mobile-tabs{border-bottom:1px solid var(--notion-border);z-index:100;background:#fff;display:flex;position:sticky;top:0}.mobile-tabs button{color:#94a3b8;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-size:.875rem;font-weight:700}.mobile-tabs button.active{color:var(--lotus-primary);border-bottom-color:var(--lotus-primary)}.customer-card-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.mobile-customer-card{border:1px solid var(--notion-border);background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000005}.mobile-customer-card .card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.mobile-customer-card .name-group{flex-direction:column;gap:.25rem;display:flex}.mobile-customer-card .customer-name{color:var(--slate-800);font-size:1.125rem;font-weight:800}.mobile-customer-card .card-body-mini{flex-direction:column;gap:.5rem;display:flex}.mobile-customer-card .info-item{color:var(--slate-500);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.detail-v3-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.detail-v3-header{background:#fafafa;border-bottom:1px solid #eee;padding:2rem}.detail-v3-body{padding:2rem}.detail-v3-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.detail-v3-section.main{padding-right:1rem}.activity-title-large{color:var(--slate-800);margin-bottom:1rem;font-size:2rem;font-weight:800}.activity-date-time{color:#666;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;display:flex}.activity-content-box{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.activity-content-box h4,.next-step-box h4{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.8125rem}.activity-content-box .text-content{color:var(--slate-700);white-space:pre-wrap;font-size:1.0625rem;line-height:1.8}.next-step-box{border-left:5px solid var(--lotus-primary);background:#f0f7ff;border-radius:0 12px 12px 0;padding:1.5rem}.next-step-box p{color:var(--lotus-primary);margin:0;font-size:1.125rem}.next-step-box .next-date{color:#666;margin-top:.5rem;font-size:.875rem}.info-card-v2{border:1px solid #eee;border-radius:12px;padding:1.5rem}.info-card-v2 h4{color:var(--slate-500);text-transform:uppercase;margin-bottom:1rem;font-size:.875rem}.detail-v3-footer{background:#fff;border-top:1px solid #eee;justify-content:space-between;padding:1.5rem 2rem;display:flex}@media (width<=991px){.detail-v3-grid{grid-template-columns:1fr}.detail-v3-section.main{padding-right:0}.activity-title-large{font-size:1.5rem}}h1,h2,h3{color:#111827!important;opacity:1!important}.mini-contact-card{background:#fff;border:1px solid #f0f0f0;flex-direction:column;align-items:stretch;gap:0;display:flex;border-radius:16px!important;padding:1.25rem!important;transition:all .2s!important}.mini-contact-card:hover{border-color:var(--lotus-secondary);transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.mini-contact-card .card-top{gap:.5rem;margin-bottom:.75rem;display:flex}.mini-contact-card .details strong{color:#111;margin-bottom:.25rem;font-size:1rem!important}.mini-contact-card .contact-info{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.mini-contact-card .info-row-item{color:#555;align-items:center;gap:.5rem;font-size:.8125rem;text-decoration:none;display:flex}.mini-contact-card .info-row-item:hover{color:var(--lotus-primary)}.mini-contact-card .card-footer{color:#999;border-top:1px solid #f8f9fa;justify-content:space-between;margin-top:1.25rem;padding-top:.75rem;font-size:.75rem;display:flex}.panel-section-title{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;font-size:.8125rem;font-weight:800;display:block}.profile-header-v2{text-align:center;border-bottom:1px solid #f0f0f0;flex-direction:column;align-items:center;margin-bottom:2rem;padding:0 0 2rem;display:flex}.avatar-large-v2{background:var(--lotus-gradient);color:#fff;border-radius:28px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;font-size:2rem;font-weight:900;display:flex;box-shadow:0 10px 20px #20006926}.contact-links-v2{flex-direction:column;gap:.75rem;display:flex}.contact-link-item{color:#333;background:#f8faff;border:1px solid #0000;border-radius:14px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.contact-link-item:hover{background:#f0f4f8;border-color:#dbeafe;transform:translate(4px)}.contact-link-item .icon-box{width:36px;height:36px;color:var(--lotus-primary);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000000d}.management-grid-v2{background:#fafafa;border-radius:16px;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.5rem;display:grid}.mgmt-item label{color:#999;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.mgmt-item span{color:#333;font-size:.9375rem;font-weight:700}.upload-dropzone:hover{border-color:var(--lotus-primary)!important;background-color:#f8fafc!important}.preview-container{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge-v2{justify-content:center;align-items:center;display:inline-flex}.header-actions-wrapper{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.admin-quick-actions{gap:.5rem;display:flex}@media (width<=767px){.header-actions-wrapper{align-items:stretch;width:100%}.header-actions-wrapper>.btn-primary{justify-content:center;width:100%}.admin-quick-actions{flex-wrap:wrap;width:100%}.admin-quick-actions .btn-v2{flex:calc(50% - .25rem);justify-content:center;min-width:120px}.customer-detail-right.mobile-active{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%!important}.tab-container{box-sizing:border-box;width:100%;overflow-x:hidden}.tab-header{box-sizing:border-box;flex-wrap:wrap;width:100%}.tab-header button{word-break:keep-all;white-space:normal;flex:50%;padding:1rem .5rem;font-size:.9rem}.contact-list-mini{box-sizing:border-box;width:100%;padding:0;overflow-x:hidden}.mini-contact-card{box-sizing:border-box;width:100%;margin-bottom:1rem;overflow:hidden}.mini-contact-card .card-top{flex-wrap:wrap;gap:.5rem}.mini-contact-card .details strong,.mini-contact-card .details span,.mini-contact-card .info-row-item{word-break:break-word;overflow-wrap:break-word;white-space:normal}.mini-contact-card .contact-info{width:100%}.mini-contact-card .card-footer{flex-wrap:wrap;gap:.5rem}.slide-panel{box-sizing:border-box;right:-100%;width:100%!important}.slide-panel-overlay.active .slide-panel{right:0!important}.panel-header{padding:1rem 1.25rem}.panel-content{box-sizing:border-box;width:100%;padding:1.5rem 1.25rem;overflow-x:hidden}.management-grid-v2{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.profile-header-v2{box-sizing:border-box;width:100%}.profile-header-v2 h2,.profile-header-v2 p{word-break:break-word;overflow-wrap:break-word;white-space:normal;width:100%}.contact-link-item{box-sizing:border-box;width:100%;padding:1rem .75rem}.contact-link-item .details{width:100%;overflow:hidden}.contact-link-item .details span{word-break:break-word;overflow-wrap:anywhere;white-space:normal;display:block}.timeline-item{box-sizing:border-box;width:100%}.timeline-item .desc{word-break:break-word;overflow-wrap:break-word;white-space:normal}.customer-detail-center.mobile-active{box-sizing:border-box;max-width:100vw;overflow-x:hidden;flex-direction:column!important;width:100%!important;padding:1.5rem 1rem!important;display:flex!important}.section-header-v2{display:contents!important}.section-header-v2 h2{word-break:keep-all;white-space:normal;box-sizing:border-box;order:1;width:100%;margin-top:0;margin-bottom:1rem;font-size:1.25rem!important}.main-tabs-v2{box-sizing:border-box;flex-wrap:wrap;order:2;width:100%;display:flex;gap:.5rem!important;margin-bottom:1.5rem!important}.main-tabs-v2 button{text-align:center;white-space:nowrap;flex:calc(50% - .25rem);padding-left:0!important;padding-right:0!important}.section-header-v2>div{box-sizing:border-box;flex-direction:column;order:3;gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.section-header-v2>div button{justify-content:center;width:100%}.activity-timeline-v3{box-sizing:border-box;order:4;width:100%;overflow-x:hidden}.timeline-card{box-sizing:border-box;width:100%;overflow:hidden}.timeline-card .card-body{box-sizing:border-box;flex:1;min-width:0;padding:1rem}.timeline-card .card-meta{flex-wrap:wrap;width:100%;gap:.5rem!important}.timeline-card .card-meta span,.timeline-card .card-meta div{white-space:nowrap}.timeline-card .card-content,.timeline-card .next-action{word-break:break-word;overflow-wrap:break-word;white-space:normal;box-sizing:border-box;width:100%}.timeline-card .card-actions{flex-wrap:wrap;width:100%}.empty-state-v2{box-sizing:border-box;text-align:center;width:100%;margin:0 auto;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:3rem 1rem!important;display:flex!important}}.contacts-compact-table{border-collapse:collapse;width:100%}.contacts-compact-table th,.contacts-compact-table td{white-space:nowrap;padding:.6rem .75rem!important;font-size:.8125rem!important}.contacts-compact-table tr.clickable-row{transition:background-color .15s}.contacts-compact-table tr.clickable-row:hover{background-color:#f1f5f9!important}@media (width<=767px){.summary-card .avatar-huge{margin-bottom:.75rem!important}.summary-card .customer-name-large{font-size:1.125rem!important;line-height:1.35!important}.summary-card .status-badges{flex-wrap:wrap;margin-bottom:1.5rem!important}}.pagination-v2{box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}@media (width<=767px){.pagination,.customer-pagination,.pagination-controls,.pagination-v2{text-align:center!important;box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:1rem .5rem!important;display:flex!important}.pagination button,.customer-pagination button,.pagination-controls button,.pagination-v2 button{flex:none!important;margin:2px!important}}