:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.crm-layout{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e7ebf0;flex-direction:column;padding:26px 16px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 35px;display:flex}.brand-logo{color:#fff;background:#173f35;border-radius:13px;place-items:center;width:45px;height:45px;font-size:25px;font-weight:800;display:grid}.brand h2{margin:0 0 5px;font-size:17px}.brand span,.sidebar-bottom span{color:#8a95a5;font-size:12px;display:block}.menu-title{letter-spacing:1px;color:#99a2af;padding-left:10px;font-size:10px;font-weight:700}.menu{gap:6px;display:grid}.menu-item{color:#687588;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.menu-item:hover,.menu-item.active{color:#174c3b;background:#eaf3ee;font-weight:650}.menu-icon{text-align:center;width:22px;font-size:19px}.sidebar-bottom{border-top:1px solid #edf0f4;align-items:center;gap:10px;margin-top:auto;padding:20px 6px 0;font-size:13px;display:flex}.user-details{flex:1;min-width:0}.user-details strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.logout-button{color:#687588;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:20px}.logout-button:hover{background:#f1f4f6}.user-avatar{color:#174c3b;background:#eaf3ee;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar-bottom span{margin-top:4px}.main{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:30px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.breadcrumb{letter-spacing:1.3px;color:#899487;font-size:10px;font-weight:750}.topbar h1{margin:8px 0 0;font-size:27px}.topbar-right{color:#687588;align-items:center;gap:8px;font-size:12px;display:flex}.online-dot{background:#22a06b;border-radius:50%;width:8px;height:8px}.welcome{color:#fff;background:#173f35;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:30px;display:flex;overflow:hidden}.welcome-label{color:#b6d9c6;letter-spacing:1.4px;font-size:10px;font-weight:750}.welcome h2{margin:13px 0;font-size:clamp(23px,3vw,31px)}.welcome p{color:#d4e3dc;max-width:580px;margin-bottom:0;line-height:1.7}.welcome-symbol{color:#ffffff20;padding:0 22px;font-size:100px;font-weight:800}.welcome-refresh{color:#fff;background:#ffffff12;border:1px solid #ffffff35;border-radius:10px;width:42px;height:42px;font-size:24px}.welcome-refresh:disabled{opacity:.6}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e8edf2;border-radius:13px}.stat-card{padding:20px}.stat-top{color:#758195;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.stat-icon{color:#287253;font-size:21px}.stat-card h3{margin:22px 0 8px;font-size:29px}.stat-card p,.panel-heading p{color:#8b95a4;margin:0;font-size:11px;line-height:1.6}.panel{padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h3{margin:0 0 6px}.badge{color:#216747;white-space:nowrap;background:#eaf3ee;border-radius:20px;padding:7px 11px;font-size:11px}.empty-state{text-align:center;padding:38px 15px}.empty-icon{color:#287253;font-size:32px}.empty-state h3{margin-bottom:8px}.empty-state p{color:#8792a1;max-width:420px;margin:0 auto;font-size:13px;line-height:1.7}.auth-page{background:radial-gradient(circle at 15% 15%,#e4f2e9 0,#0000 35%),#f5f7fa;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.notice-card{background:#fff;border:1px solid #e4e9e7;border-radius:18px;width:min(100%,450px);padding:34px;box-shadow:0 18px 55px #1b352b12}.auth-logo{margin-bottom:24px}.auth-kicker{color:#287253;display:inline-block}.auth-card h1,.notice-card h2{margin:10px 0;font-size:25px}.auth-card>p,.notice-card p{color:#758195;font-size:14px;line-height:1.65}.auth-card code{color:#174c3b;font-size:.92em}.auth-card pre{color:#174c3b;background:#f3f6f4;border-radius:10px;padding:14px;font-size:12px;line-height:1.7;overflow-x:auto}.auth-footnote{font-size:12px!important}.auth-form{gap:17px;margin-top:24px;display:grid}.auth-form label{color:#465365;gap:8px;font-size:13px;font-weight:650;display:grid}.auth-form input{color:#1d2939;background:#fff;border:1px solid #d9e0e5;border-radius:9px;width:100%;min-height:44px;padding:10px 12px}.auth-form input:focus{border-color:#287253;outline:3px solid #d6eadf}.primary-button{color:#fff;background:#173f35;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.primary-button:disabled{opacity:.65;cursor:wait}.auth-submit{margin-top:3px}.form-error{color:#b42318;margin:0;font-size:13px}.loading-label{color:#687588}.notice-card{width:100%;margin:24px 0}.leads-panel{min-width:0}.leads-heading{margin-bottom:20px}.add-lead-button{white-space:nowrap}.entity-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#287253;background:#fff;border:1px solid #e1e6eb;border-radius:9px;width:38px;height:38px;font-size:20px}.inline-select{color:#344054;background:#fff;border:1px solid #e1e6eb;border-radius:7px;max-width:180px;padding:6px 8px;font-size:12px}.dashboard-lower{margin-top:22px}.search-field{color:#8994a2;border:1px solid #e1e6eb;border-radius:9px;align-items:center;gap:9px;max-width:440px;min-height:42px;margin:0 0 18px;padding:0 12px;display:flex}.search-field span{font-size:23px;line-height:1}.search-field input{color:#1d2939;background:0 0;border:0;outline:0;width:100%;font-size:13px}.table-scroll{width:100%;overflow-x:auto}.leads-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.leads-table th{color:#8792a1;letter-spacing:.55px;text-transform:uppercase;border-bottom:1px solid #e9edf1;padding:12px 14px;font-size:10px;font-weight:700}.leads-table td{color:#687588;border-bottom:1px solid #f0f2f4;padding:15px 14px;font-size:13px}.leads-table tbody tr:hover{background:#fbfcfb}.leads-table .lead-name{color:#263548;font-weight:650}.status-pill{color:#216747;background:#eef4f0;border-radius:20px;padding:5px 9px;font-size:11px;display:inline-block}.table-empty{color:#8792a1;text-align:center;justify-items:center;gap:7px;padding:56px 16px;font-size:13px;display:grid}.table-empty strong{color:#344054;font-size:15px}.table-error{color:#b42318;background:#fff1f0;border-radius:8px;margin:0 0 14px;padding:11px 13px;font-size:13px}.modal-backdrop{z-index:5;background:#17212bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.lead-modal{background:#fff;border-radius:16px;width:min(100%,560px);max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;box-shadow:0 25px 80px #0003}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-heading h2{margin:8px 0 0;font-size:21px}.close-button{color:#758195;background:0 0;border:0;border-radius:8px;font-size:27px;line-height:1}.lead-form{gap:14px;display:grid}.lead-form label{color:#465365;gap:7px;font-size:12px;font-weight:650;display:grid}.lead-form input,.lead-form select,.lead-form textarea{color:#1d2939;background:#fff;border:1px solid #d9e0e5;border-radius:8px;width:100%;min-height:40px;padding:9px 10px;font-size:13px}.lead-form textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.secondary-button{color:#465365;background:#fff;border:1px solid #d9e0e5;border-radius:9px;padding:11px 15px;font-weight:650}.form-hint{color:#758195;margin:0;font-size:12px;line-height:1.55}.lead-form .checkbox-field{align-items:center;gap:9px;display:flex}.checkbox-field input{width:16px;min-height:16px}.member-id{overflow-wrap:anywhere;color:#8792a1;max-width:300px;margin-top:4px;font-size:10px;display:block}.team-actions{align-items:center;gap:7px;display:flex}.compact-button{padding:7px 9px;font-size:11px}.text-button{font:inherit;cursor:pointer;background:0 0;border:0}.danger-text{color:#b42318}.text-button:disabled{opacity:.5}@media (width<=1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:20px}}@media (width<=650px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.crm-layout{width:100%;min-height:100vh;display:block;overflow-x:clip}.sidebar{z-index:4;border-bottom:1px solid #e7ebf0;border-right:0;width:100%;height:auto;min-height:0;padding:10px 12px;position:sticky;top:0}.brand{padding-bottom:12px}.menu-title,.sidebar-bottom{display:none}.menu{scrollbar-width:none;width:100%;min-width:0;margin:0 -2px;display:flex;overflow-x:auto}.menu::-webkit-scrollbar{display:none}.menu-item{white-space:nowrap;flex:none;gap:7px;padding:10px;font-size:12px}.menu-icon{width:auto;font-size:16px}.main{width:100%;min-width:0;max-width:none;margin:0;padding:16px;overflow-x:clip}.topbar{align-items:flex-start;margin-bottom:18px}.topbar h1{overflow-wrap:anywhere;font-size:23px}.welcome{width:100%;min-width:0;padding:20px 18px}.welcome p{font-size:13px}.welcome h2{overflow-wrap:anywhere;font-size:23px}.welcome-symbol,.topbar-right{display:none}.panel{width:100%;min-width:0;max-width:100%;padding:15px;overflow:hidden}.leads-heading{flex-direction:column;align-items:flex-start}.leads-heading>div:first-child{min-width:0}.add-lead-button{padding:10px 12px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0}.stat-card{padding:14px}.stat-card h3{overflow-wrap:anywhere;font-size:22px}.stat-top{font-size:11px}.stat-card p{overflow-wrap:anywhere}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.leads-table{width:max-content;min-width:100%}.form-row{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.lead-modal{border-radius:16px 16px 0 0;width:100%;max-height:92dvh;padding:20px}.modal-actions .primary-button,.modal-actions .secondary-button{flex:1}.entity-actions{max-width:100%;margin-left:auto}.auth-page{min-height:100dvh;padding:16px}.auth-card{border-radius:15px;padding:24px 20px}}
