@font-face{font-family:Inter;src:url('design/inter-latin-400-normal.woff2')}@font-face{font-family:Inter;src:url('design/inter-latin-500-normal.woff2');font-weight:500}@font-face{font-family:Inter;src:url('design/inter-latin-600-normal.woff2');font-weight:600}@font-face{font-family:Inter;src:url('design/inter-latin-700-normal.woff2');font-weight:700}@font-face{font-family:Bengali;src:url('design/NotoSansBengali-Regular.ttf')}@font-face{font-family:Bengali;src:url('design/NotoSansBengali-Bold.ttf');font-weight:700}
:root{--canvas:#F9FDFC;--navy:#062635;--mint:#CAF6EC;--teal:#047F74;--gold:#F4BB2E;--coral:#E15663;--border:#DCE8E5;--muted:#5E747C;--soft:#EFF7F4;--danger:#B83546;--shadow:0 3px 12px #06263506}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--canvas);font:14px/1.5 Inter,Bengali,sans-serif;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-color:var(--teal);outline-offset:3px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-decoration:none}button{border:0;background:none}button:hover{filter:brightness(.98)}button:focus-visible,a:focus-visible{outline:3px solid #65c8b9}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:600}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}small,.small{font-size:12px}.muted{color:var(--muted)}.ph{font-size:20px;flex-shrink:0}.shell{min-height:1024px;display:grid;grid-template-columns:204px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px 14px 20px;position:fixed;width:204px;top:0;bottom:0;z-index:8}.logo{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-.7px;padding:0 12px;margin-bottom:30px}.logo .ph{font-size:31px;color:var(--teal)}.workspace{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid var(--border);border-radius:10px;margin-bottom:27px;background:var(--canvas)}.workspace .ph{color:var(--teal)}.workspace b{font-size:12px;display:block}.workspace small{font-size:10px;letter-spacing:1px;color:var(--muted)}.nav-label{font-size:10px;color:#71888E;font-weight:600;letter-spacing:1.6px;padding:0 14px;margin-bottom:9px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px;margin:3px 0;border-radius:8px;color:#48626B;font-size:13px;font-weight:500}.nav-item.active{background:var(--mint);color:#00675D;font-weight:600}.nav-item .count{margin-left:auto;font-size:11px;color:var(--teal)}.nav-spacer{height:28px}.sidebar-bottom{margin-top:auto}.side-note{padding:14px;background:#F1F9F6;border-radius:10px;margin:0 3px 18px;font-size:12px}.side-note b{display:flex;gap:8px;align-items:center;margin-bottom:5px}.side-note .ph{font-size:16px}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#E0F2ED;color:#197D70;font-size:10px;font-weight:600}.avatar.gold{background:#FFF2D5;color:#97701A}.avatar.blue{background:#E8F0F7;color:#517991}.avatar.pink{background:#F8E5EA;color:#995A74}.avatar.large{height:52px;width:52px;font-size:17px}.user-profile{display:flex;align-items:center;gap:10px;padding:8px 7px;border-top:1px solid var(--border);padding-top:16px}.user-profile b{font-size:12px}.user-profile small{font-size:10px;color:var(--muted);display:block}.workspace-main{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.global-search{display:flex;align-items:center;gap:9px;color:#66818A;font-size:13px;width:350px}.global-search .ph{font-size:18px}.key{font-size:10px;background:#F5F8F7;border:1px solid #E3EBE8;border-radius:4px;padding:2px 5px;margin-left:auto}.top-actions{display:flex;align-items:center;gap:18px}.preview-label{font-size:10px;letter-spacing:1px;font-weight:600;color:#65857C;background:#EFF7F4;padding:5px 9px;border-radius:5px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:white;color:#547078}.iconbtn .ph{font-size:18px}.page{padding:28px 30px 36px;max-width:1600px;margin:auto}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#7D9298;margin-bottom:16px}.breadcrumb .ph{font-size:12px}.breadcrumb b{font-weight:500;color:#466069}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:18px}.page-header .subtitle{font-size:13px;color:var(--muted);margin-top:7px}.actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:white;padding:9px 14px;min-height:39px;font-size:12px;font-weight:600;white-space:nowrap;color:#34545C}.btn .ph{font-size:17px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px 4px #047F7410}.btn.danger{background:#B83546;color:white;border-color:#B83546}.btn.soft{background:#EAF7F2;border-color:transparent;color:var(--teal)}.btn.text{border:0;background:transparent;color:var(--teal)}.btn.disabled{color:#94A6A9;background:#F1F5F4;border-color:#E5EEEB;cursor:not-allowed;box-shadow:none}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{font-size:13px;padding:0 0 13px;color:#698189;border-bottom:2px solid transparent;display:flex;gap:7px;align-items:center;white-space:nowrap}.tab.active{color:var(--teal);border-color:var(--teal);font-weight:600}.tab .badge{font-size:10px;padding:1px 5px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.toolbar .spacer,.spacer{flex:1}.searchbox{height:39px;border:1px solid var(--border);background:#fff;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 11px;min-width:225px;color:#7B9298}.searchbox .ph{font-size:18px}.searchbox input{border:0;outline:0;min-width:0;width:100%;background:none;font-size:12px}.segmented{display:flex;background:white;border:1px solid var(--border);border-radius:7px;padding:3px;gap:2px}.segmented button{padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;border-radius:5px;color:#6F858B}.segmented button.active{background:#E5F4EE;color:var(--teal);font-weight:600}.segmented .ph{font-size:17px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 8px;background:#F2F6F4;color:#5A737C;font-size:11px;font-weight:500;white-space:nowrap}.pill .ph{font-size:13px}.pill.teal{background:#E2F5ED;color:#127064}.pill.gold{background:#FFF4D9;color:#8E6600}.pill.red{background:#FDECEF;color:#AE3545}.pill.blue{background:#EAF1FA;color:#426D96}.pill.purple{background:#F0EDF8;color:#705A9E}.badge{background:#EAF2EF;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.summary-strip{display:flex;align-items:center;padding:18px 22px;border:1px solid var(--border);background:white;border-radius:10px;margin-bottom:23px;gap:34px;box-shadow:var(--shadow)}.summary-item{display:flex;align-items:center;gap:12px;padding-right:33px;border-right:1px solid var(--border)}.summary-item:last-child{border:0}.summary-item .icon{color:#45978A;background:#ECF8F3;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:9px}.summary-item b{display:block;font-size:21px;font-weight:600;letter-spacing:-.5px;line-height:1.2}.summary-item small{font-size:11px;color:#70848B}.summary-strip .rightnote{margin-left:auto;color:#7C9198;font-size:11px}.board{display:flex;gap:14px;overflow-x:auto;min-height:628px;padding-bottom:15px}.column{width:257px;min-width:257px;background:#EFF5F2;border:1px solid #E4EEEA;border-radius:10px;padding:10px}.column-heading{padding:7px 5px 16px}.column-heading>div{display:flex;align-items:center;gap:8px;margin-bottom:6px}.column-heading .stage-dot{width:7px;height:7px;background:#6BBBAD;border-radius:50%}.column-heading h3{font-size:13px}.column-heading .count{font-size:11px;background:#fff;border-radius:5px;padding:1px 5px;color:#79908E}.column-heading .ph{font-size:16px;color:#77908D;margin-left:auto}.column-heading p{font-size:11px;color:#7E918E;padding-left:15px}.lead-card{background:#fff;border:1px solid #E0EAE5;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 2px #123E2903;cursor:pointer;text-align:left;width:100%}.lead-card:hover{border-color:#86CBBB;box-shadow:0 4px 10px #047F7410}.lead-card.selected{border-color:#53B59F;box-shadow:0 0 0 1px #A7DFCF;background:#FEFFFF}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.source{font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:.6px;color:#719388;display:flex;align-items:center;gap:4px}.source .ph{font-size:13px}.card-top .ph-dots-three{font-size:18px;color:#8FA29F}.lead-card h3{font-size:14px;margin-bottom:3px;line-height:1.5}.lead-card .contact-label{font-size:11px;color:#7A8E8F}.card-value{font-size:16px;font-weight:600;margin:13px 0 15px;letter-spacing:-.3px}.card-meta{border-top:1px solid #F0F4F1;padding-top:11px;display:flex;align-items:center;justify-content:space-between}.card-date{display:flex;align-items:center;gap:5px;font-size:10px;color:#768D8C}.card-date .ph{font-size:13px}.card-date.overdue{color:#B34854}.card-footer-note{margin:10px 0 0;font-size:10px;display:flex;align-items:center;gap:5px;color:#9D781E}.card-footer-note .ph{font-size:12px}.column-add{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;color:#6D9388;padding:11px;font-size:11px}.column-add .ph{font-size:14px}.panel{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-pad{padding:22px}.panel-title{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EDF2F0}.panel-title h2{font-size:15px}.panel-title .muted{font-size:11px}.panel-body{padding:20px 22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#708991;background:#F5F9F7;font-weight:600;padding:14px 16px;border-bottom:1px solid var(--border)}td{padding:16px;border-bottom:1px solid #ECF2EF;font-size:12px;color:#536B74}td b{font-size:12px;color:var(--navy);font-weight:600}td .sub{font-size:10px;color:#819498;margin-top:3px}tr:last-child td{border-bottom:0}tr:hover td{background:#F9FDFC}.check{width:14px;height:14px;accent-color:var(--teal);border:1px solid #CCDCD5}.person{display:flex;align-items:center;gap:9px}.table-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#7D9295;font-size:11px}.pagination{display:flex;gap:4px}.pagination button{height:28px;min-width:28px;border-radius:5px;font-size:11px}.pagination .active{background:#E5F5EE;color:var(--teal)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cols-main{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px}.detail-grid{display:grid;grid-template-columns:294px minmax(0,1fr);gap:24px}.detail-hero{display:flex;align-items:center;gap:15px}.detail-hero h1{font-size:26px}.detail-hero p{font-size:12px;color:#789098;margin-top:4px}.stage-track{display:flex;gap:4px;margin-bottom:25px}.stage-step{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:7px;height:39px;background:#ECF3EF;color:#779188;font-size:11px;border-radius:5px}.stage-step.done{background:#DFF4EA;color:#278575}.stage-step.current{background:var(--teal);color:white;font-weight:600}.stage-step .ph{font-size:13px}.detail-facts{display:grid;gap:19px}.fact label{font-size:10px;color:#809298;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.fact b{font-size:12px;font-weight:500}.fact .value{font-size:23px;font-weight:600}.subsection{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#7C9396;margin:23px 0 16px}.divider{height:1px;background:var(--border);margin:20px 0}.timeline{padding-left:9px}.timeline-item{display:grid;grid-template-columns:25px 1fr;gap:12px;position:relative;padding-bottom:24px}.timeline-item:before{content:'';position:absolute;left:12px;top:27px;bottom:0;border-left:1px solid #E0ECE7}.timeline-item:last-child:before{display:none}.timeline-icon{display:flex;align-items:center;justify-content:center;border-radius:7px;background:#EAF6F0;color:var(--teal);width:26px;height:26px;z-index:1}.timeline-icon .ph{font-size:15px}.timeline-item h3{font-size:12px;margin:1px 0 3px}.timeline-item p{font-size:11px;color:#678089}.timeline-item time{font-size:10px;color:#8AA09F;float:right}.timeline-note{border:1px solid #E8EFEB;background:#FAFCFB;border-radius:7px;padding:12px;margin-top:11px;font-size:12px!important;line-height:1.7}.notice{padding:14px 16px;border:1px solid #CDE7DD;background:#F0FAF5;border-radius:8px;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;color:#35665C;font-size:12px}.notice .ph{font-size:19px;margin-top:1px}.notice b{display:block;font-size:12px;margin-bottom:3px;color:#225548}.notice.warning{background:#FFFAEE;border-color:#F2E4BB;color:#886E30}.notice.warning b{color:#7A5C17}.notice.error{background:#FFF4F5;border-color:#F0CDD2;color:#A14450}.notice.error b{color:#AA3444}.notice.info{background:#EFF6FA;border-color:#D6E5ED;color:#537386}.notice.info b{color:#365D73}.form-section{margin-bottom:26px}.form-section h3{font-size:13px;margin-bottom:16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#46636C;font-weight:500}.field .required{color:var(--teal)}.field input,.field select,.field textarea,.inputbox{border:1px solid #D9E5DF;border-radius:7px;height:42px;padding:10px 12px;background:#fff;font-size:12px;color:#43626B;width:100%}.field input::placeholder,.field textarea::placeholder{color:#8B9E9F}.field textarea{height:89px;resize:vertical}.field small{font-size:10px;color:#819493}.field.error input{border-color:#CB5965;background:#FFFAFB}.field.error small{color:#BC394B}.inputbox{display:flex;align-items:center;gap:8px;justify-content:space-between}.form-actions{border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px;padding:18px 22px;background:#FCFEFD}.drawer-scrim{position:fixed;z-index:20;inset:0;background:#082D3440}.drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:530px;background:#fff;box-shadow:-12px 0 40px #163D341C;display:flex;flex-direction:column}.drawer.wide{width:600px}.drawer-head{padding:24px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:20px}.drawer-head p{font-size:11px;color:#7A9096;margin-top:5px}.drawer-body{padding:25px 26px;overflow:auto;flex:1}.drawer .form-actions{padding:18px 26px}.modal-wrap{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#12352F54}.modal{width:510px;background:#fff;border:1px solid #D9E7DF;box-shadow:0 20px 80px #153D3233;border-radius:14px;overflow:hidden}.modal.wide{width:670px}.modal-head{padding:24px 26px 0;display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:20px}.modal-body{padding:19px 26px 26px}.modal-body>p{font-size:12px;color:#6C8489;margin-bottom:21px;line-height:1.7}.change-stage{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;margin-bottom:22px}.stage-mini{background:#F4F8F5;border:1px solid var(--border);border-radius:8px;padding:13px;font-size:12px}.stage-mini small{display:block;font-size:10px;color:#8A9A98;margin-bottom:4px}.stage-mini.to{border-color:#98CFC0;background:#EFF9F4;color:var(--teal)}.taskrow{padding:17px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #EEF3F0}.taskrow:last-child{border-bottom:0}.taskrow .task-content{flex:1}.taskrow b{font-size:12px}.taskrow p{font-size:11px;color:#7B9194;margin-top:3px}.taskrow .date{font-size:11px;color:#6D838A}.taskrow .ph{font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:19px 20px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#6B8489;font-size:11px}.stat .ph{font-size:19px;color:#76A699}.stat b{font-size:28px;font-weight:600;letter-spacing:-.6px;display:block;margin:11px 0 7px}.stat small{font-size:10px;color:#819493}.stat small strong{color:#278370;font-weight:500}.bar-chart{height:214px;display:flex;align-items:flex-end;gap:25px;padding:25px 25px 29px;border-bottom:1px solid #DBE9E2;margin:0 22px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#F0F5F2 45px,#F0F5F2 46px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;gap:5px;position:relative}.bar{width:50%;background:#249C86;border-radius:4px 4px 0 0}.bar.light{background:#C9EADD}.bar-group label{position:absolute;bottom:-22px;left:0;width:100%;font-size:10px;color:#7C9292;text-align:center}.legend{display:flex;gap:17px;justify-content:center;font-size:10px;color:#7C8E91;padding-top:17px}.legend span:before{content:'';width:7px;height:7px;display:inline-block;background:#249C86;border-radius:2px;margin-right:6px}.legend span:nth-child(2):before{background:#C9EADD}.hbars{display:grid;gap:17px}.hbar-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:13px;font-size:11px;color:#678088}.hbar-bg{height:10px;background:#EFF5F2;border-radius:3px;overflow:hidden}.hbar-fill{height:100%;background:#55AF9B;border-radius:3px}.integration-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:26px}.settings-nav{border-right:1px solid var(--border);padding-right:20px}.settings-nav button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:11px 12px;margin-bottom:5px;border-radius:7px;color:#68808A;font-size:12px}.settings-nav button .ph{font-size:17px}.settings-nav button.active{background:#E5F5EE;color:var(--teal);font-weight:600}.settings-nav .nav-label{font-size:9px;padding:12px}.provider{display:flex;gap:13px;align-items:center}.provider-mark{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #DFE9E4;border-radius:10px;background:#fff;color:#1877F2}.provider-mark .ph{font-size:27px}.provider h3{font-size:14px}.provider p{font-size:11px;color:#7C9196;margin-top:3px}.connection-card{padding:23px;border:1px solid var(--border);border-radius:10px;margin-bottom:18px;background:#fff}.connection-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.connection-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.connection-meta .fact label{font-size:9px}.connection-meta .fact b{font-size:11px}.connection-footer{margin-top:23px;padding-top:17px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.steps{display:flex;gap:0;margin-bottom:25px}.step{flex:1;display:flex;gap:8px;align-items:center;color:#889B9B;font-size:11px;position:relative}.step:not(:last-child):after{content:'';height:1px;background:#DDE9E2;flex:1;margin:0 10px}.step-num{height:23px;width:23px;border-radius:50%;background:#EDF3EF;display:flex;align-items:center;justify-content:center;font-size:10px}.step.active{color:var(--teal);font-weight:600}.step.active .step-num{background:var(--teal);color:#fff}.step.done .step-num{background:#DDF2E8;color:var(--teal)}.radio-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:18px;display:flex;gap:13px;align-items:flex-start;margin-bottom:13px}.radio-card.selected{border-color:#48A88E;background:#F6FCF9;box-shadow:0 0 0 1px #D2ECE1}.radio-card input{accent-color:var(--teal);margin-top:4px}.radio-card h3{font-size:13px}.radio-card p{font-size:11px;color:#7C9296;margin-top:5px;line-height:1.7}.keyvalue{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #EDF3F0;font-size:12px;color:#67818A}.keyvalue:last-child{border-bottom:0}.keyvalue b{font-weight:500;color:#234650}.event-preview{border:1px solid #DDE9E3;background:#F7FAF8;border-radius:8px;padding:17px;font-size:11px}.event-preview h3{font-size:12px;margin-bottom:12px}.event-preview .row{display:flex;justify-content:space-between;padding:6px 0;color:#6E858B}.event-preview .row b{color:#2E5660;font-weight:500}.result-card{border:1px solid #CEE5DB;background:#F7FCF9;border-radius:10px;padding:22px;margin-bottom:20px}.result-title{display:flex;gap:11px;align-items:center;margin-bottom:15px;color:#17816B}.result-title>.ph{font-size:27px}.result-title h3{font-size:15px}.result-title p{font-size:11px;margin-top:4px;color:#719083}.toggle{width:34px;height:20px;border-radius:11px;background:#C5D9D1;position:relative;flex-shrink:0}.toggle:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}.toggle.on{background:var(--teal)}.toggle.on:after{left:17px}.settings-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #EDF3EF}.settings-row:last-child{border:0}.settings-row h3{font-size:12px}.settings-row p{font-size:11px;color:#7D9296;margin-top:4px;max-width:500px}.empty{padding:72px 20px;text-align:center;background:white}.empty .empty-icon{display:flex;align-items:center;justify-content:center;background:#ECF7F1;border:1px solid #D8EADF;border-radius:14px;width:60px;height:60px;margin:0 auto 20px;color:#519E87}.empty .empty-icon .ph{font-size:29px}.empty h2{font-size:18px;margin-bottom:8px}.empty p{font-size:12px;color:#7C9398;max-width:310px;margin:0 auto 19px;line-height:1.7}.preview-footer{padding:17px 30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;color:#90A49F;border-top:1px solid #EAF1ED;position:fixed;bottom:0;left:204px;right:0;background:#F9FDFCF5;z-index:5}.toast{position:fixed;bottom:61px;right:28px;z-index:40;background:#062F31;color:white;padding:15px 18px;border-radius:9px;box-shadow:0 6px 30px #06263525;min-width:340px;display:flex;gap:12px;align-items:center;font-size:12px}.toast .ph{font-size:22px;color:#A3E6CD}.toast small{font-size:10px;color:#BCDBD3;display:block;margin-top:3px}.review-menu{position:fixed;z-index:50;right:25px;top:65px;width:350px;max-height:80vh;overflow:auto;background:#fff;padding:18px;box-shadow:0 12px 60px #123E3433;border:1px solid var(--border);border-radius:10px}.review-menu h3{margin-bottom:12px}.review-menu a{display:block;padding:8px;font-size:11px;color:#52736B;border-radius:4px}.review-menu a:hover{background:#EAF6F0}.review-menu .group{font-size:10px;letter-spacing:1px;color:#95A59F;padding:12px 8px 4px}.auth{min-height:1024px;display:grid;grid-template-columns:44% 56%;background:#fff}.auth-story{background:#E7F8F0;padding:55px 65px;display:flex;flex-direction:column}.auth-story .logo{padding:0}.auth-story h1{font-size:43px;line-height:1.2;max-width:370px;margin-top:105px;letter-spacing:-1.6px}.auth-story p{color:#507B6F;font-size:14px;max-width:350px;line-height:1.8;margin-top:22px}.auth-right{display:flex;align-items:center;justify-content:center}.auth-form{width:380px}.auth-form h1{font-size:29px}.auth-form>p{font-size:13px;color:#809397;margin:10px 0 30px}.auth-form .field{margin-bottom:20px}.auth-form .btn{width:100%;height:44px;margin-top:6px}.auth-form .small{text-align:center;margin-top:20px;color:#859795}.mini-board{display:flex;gap:12px;margin-top:60px}.mini-lane{width:130px;background:#FFFFFF70;border:1px solid #CBE8DB;border-radius:9px;padding:10px;font-size:10px;color:#638F7F}.mini-lane b{display:block;background:#fff;border:1px solid #D5EAE0;padding:13px 10px;margin-top:10px;border-radius:6px;color:#3F6E60;font-size:11px}.auth-story .bottom{margin-top:auto;font-size:10px;color:#7EA697}.loading{height:12px;background:#E8F0EA;border-radius:4px;margin-bottom:14px}.loading-row{display:flex;gap:20px;padding:20px;border-bottom:1px solid #EDF3F0}.loading-row .loading{margin:0}.mobile-menu{display:none}
@media(max-width:900px){.shell{grid-template-columns:74px 1fr}.sidebar{width:74px;padding:22px 10px}.logo{font-size:0;padding:0;justify-content:center}.logo .ph{font-size:29px}.workspace,.nav-label,.nav-item span,.nav-item .count,.side-note,.user-profile>div,.nav-spacer{display:none}.nav-item{padding:12px;justify-content:center}.sidebar-bottom{margin-top:auto}.user-profile{justify-content:center;padding:16px 0 0}.workspace-main{grid-column:2}.topbar{padding:0 20px}.page{padding:22px 20px}.preview-footer{left:74px}.detail-grid{grid-template-columns:240px 1fr}.cols-main{grid-template-columns:1fr}.integration-layout{grid-template-columns:160px 1fr}.summary-strip{gap:15px}.summary-item{gap:8px;padding-right:16px}.summary-strip .rightnote{display:none}.grid3{grid-template-columns:1fr 1fr}.auth-story{padding:40px}.auth-story h1{font-size:34px}}
@media(max-width:600px){body{font-size:13px}.shell{display:block;min-height:844px}.sidebar{display:none}.topbar{height:61px;padding:0 18px}.global-search{width:auto;font-size:0}.global-search .ph{font-size:23px}.key{display:none}.top-actions{gap:10px}.preview-label{font-size:8px;letter-spacing:.7px}.mobile-menu{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px}.mobile-menu .ph{color:var(--teal);font-size:25px}.page{padding:19px 18px 70px}.breadcrumb{font-size:10px;margin-bottom:15px}.page-header{align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header .subtitle{font-size:11px}.page-header h1{font-size:25px}.page-header>.actions{width:100%}.btn{font-size:11px;padding:8px 11px;min-height:38px}.toolbar{flex-wrap:wrap;gap:7px}.toolbar .searchbox{min-width:0;width:100%;flex:1 0 100%}.toolbar .spacer{display:none}.toolbar .hide-mobile{display:none}.summary-strip{padding:13px 14px;gap:0;justify-content:space-between;margin-bottom:17px}.summary-item{padding-right:13px;margin-right:13px;gap:0}.summary-item .icon{display:none}.summary-item b{font-size:19px}.summary-item small{font-size:9px}.summary-item:last-of-type{padding-right:0;margin-right:0}.summary-strip .rightnote{display:none}.board{min-height:600px;gap:12px;margin-right:-18px;padding-right:18px}.column{width:290px;min-width:290px}.lead-card{padding:16px}.lead-card h3{font-size:15px}.column-heading h3{font-size:13px}.card-value{font-size:18px}.lead-card .contact-label{font-size:12px}.card-date{font-size:11px}.preview-footer{left:0;right:0;padding:13px 18px;font-size:8px}.preview-footer span:last-child{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat b{font-size:25px}.grid2,.grid3,.cols-main,.detail-grid{grid-template-columns:1fr}.detail-hero{gap:11px}.detail-hero h1{font-size:22px}.stage-track{overflow-x:auto;margin-bottom:20px}.stage-step{min-width:105px}.detail-sidebar{order:2}.tabs{gap:21px;overflow-x:auto;margin-bottom:20px}.tab{font-size:12px}.panel-title{padding:17px}.panel-body,.panel-pad{padding:18px}.timeline-item time{font-size:9px}.drawer{width:100%}.drawer.wide{width:100%}.drawer-head{padding:21px}.drawer-body{padding:21px}.fields{gap:17px;grid-template-columns:1fr}.field.full{grid-column:1}.modal-wrap{padding:16px}.modal,.modal.wide{width:100%;max-height:95vh;overflow-y:auto}.modal-head{padding:22px 21px 0}.modal-body{padding:18px 21px 22px}.modal-head h2{font-size:19px}.form-actions{padding:16px 21px}.integration-layout{display:block}.settings-nav{border:0;padding:0;display:flex;overflow-x:auto;margin-bottom:18px;gap:6px}.settings-nav button{white-space:nowrap;width:auto;padding:9px 10px}.settings-nav .nav-label{display:none}.settings-nav button .ph{display:none}.steps{overflow:auto;gap:12px}.step{min-width:110px}.step:after{display:none!important}.connection-meta{grid-template-columns:1fr 1fr}.connection-card{padding:18px}.connection-footer{gap:10px;flex-wrap:wrap}.notice{font-size:11px}.notice b{font-size:11px}.toast{left:18px;right:18px;min-width:0;bottom:60px}.auth{display:block;min-height:844px}.auth-story{padding:28px;background:#E7F8F0}.auth-story .logo{justify-content:flex-start;font-size:23px;margin:0}.auth-story h1,.auth-story p,.mini-board,.auth-story .bottom{display:none}.auth-right{padding:50px 28px}.auth-form{width:100%}.review-menu{left:14px;right:14px;width:auto}.hbar-row{grid-template-columns:87px 1fr 30px}.detail-facts{grid-template-columns:1fr 1fr}.detail-facts .fact .value{font-size:20px}}
.mobile-pipeline-list{display:grid;gap:12px}.mobile-pipeline-list .lead-card{margin:0}.mobile-stage-select{display:flex;overflow-x:auto;gap:7px;margin:15px 0 17px}.mobile-stage-select button{border:1px solid var(--border);background:#fff;color:#738B88;border-radius:6px;padding:8px 11px;font-size:11px;white-space:nowrap}.mobile-stage-select button.active{background:#E1F5EB;border-color:#ADDAC7;color:var(--teal);font-weight:600}.mobile-record-summary{display:none}.focus-ring-example{outline:3px solid #65C8B9;outline-offset:3px}@media(max-width:600px){.mobile-record-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px;margin-bottom:18px}.mobile-record-summary label{font-size:9px;color:#7B9390;text-transform:uppercase}.mobile-record-summary b{font-size:12px;display:block;margin-top:3px}.detail-sidebar{display:none}.detail-grid>.detail-sidebar+.panel{order:1}.btn,.iconbtn{min-height:44px}.detail-grid .taskrow{padding:16px;flex-wrap:wrap}.detail-grid .taskrow .btn{margin-left:31px}.detail-grid .timeline-item:nth-child(n+3){display:none}.detail-grid .panel-title .actions{gap:2px}.detail-grid .panel-title .btn{font-size:0;width:35px;padding:7px;min-height:35px}.detail-grid .panel-title .btn .ph{font-size:18px}.detail-grid .timeline-note{font-size:11px!important}.detail-grid .timeline-item{padding-bottom:19px}.detail-grid .panel-title h2{font-size:14px}.detail-grid .panel-body{padding:16px}.detail-hero p{font-size:11px}.detail-grid>.detail-sidebar{display:none}}
@media(max-width:600px){.detail-grid .timeline-item:nth-child(n+3){display:grid}.mobile-stage-select{scrollbar-width:thin}.mobile-record-summary{margin-top:-5px}.tabs{gap:20px}}
.board-context{display:flex;justify-content:space-between;align-items:center;color:#80968F;font-size:10px;margin:-6px 0 12px}.board-context span:last-child{display:flex;align-items:center;gap:6px}.board-context .ph{font-size:13px}
@media(max-width:600px){.detail-grid .mobile-short .timeline-item:nth-child(n+3){display:none}}