.environment-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 16px;padding:10px 14px;border:1px solid #f0c36a;border-left:4px solid #d98b00;border-radius:8px;background:#fff8e6;color:#684600;font-size:12px}.environment-banner strong{font-weight:900}.environment-banner span{font-weight:700}
@media(max-width:700px){.environment-banner{align-items:flex-start;flex-direction:column}}
:root{--bg:#f5f7fa;--panel:#ffffff;--panel2:#f1f5f9;--line:#dbe4ee;--text:#172033;--muted:#64748b;--accent:#405d78;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--purple:#6d5bd0;--shadow:0 10px 28px rgba(15,23,42,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:235px 1fr;grid-template-rows:66px 1fr;grid-template-areas:"top top" "side main"}.topbar{grid-area:top;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:9px 16px;background:#ffffff;border-bottom:1px solid var(--line)}.brand-logo{width:195px;height:48px;object-fit:contain}.global-search{height:42px;flex:1;max-width:650px;display:flex;align-items:center;gap:8px;padding:0 13px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.primary-btn,.secondary-btn,.danger-btn,.icon-btn{border:1px solid transparent;border-radius:7px;padding:10px 13px;cursor:pointer;font-weight:800;transition:.15s}.primary-btn{background:var(--accent);color:#ffffff}.secondary-btn{background:var(--panel2);border-color:var(--line);color:var(--text)}.danger-btn{background:#fff0f2;color:#a51d35;border-color:#f3b8c2}.icon-btn{background:var(--panel2);border-color:var(--line);color:var(--text);min-width:40px}.primary-btn:hover,.secondary-btn:hover,.icon-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.bell{position:relative}.bell span{position:absolute;right:-4px;top:-6px;background:var(--red);color:white;border-radius:10px;min-width:18px;padding:2px 4px;font-size:10px}.userbox{display:flex;flex-direction:column;min-width:135px}.userbox small{color:var(--accent)}.sidebar{grid-area:side;position:sticky;top:66px;height:calc(100vh - 66px);display:flex;flex-direction:column;background:#ffffff;border-right:1px solid var(--line);padding:14px 10px}.sidebar nav{display:grid;gap:5px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-weight:700}.nav-btn:hover{background:var(--panel2);color:var(--text)}.nav-btn.active{background:linear-gradient(90deg,#e8eef4,var(--panel2));color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.nav-icon{width:22px;text-align:center}.side-foot{margin-top:auto;padding:12px;color:var(--muted);display:grid;gap:3px}.main{grid-area:main;min-width:0;padding:22px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.page-head h1{margin:0 0 4px;font:800 27px Rajdhani,Segoe UI,sans-serif;letter-spacing:.4px}.muted{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi,.panel{background:linear-gradient(145deg,var(--panel),#fbfdff);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.kpi{padding:15px;border-left:4px solid var(--accent)}.kpi small{color:var(--muted);text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.8px}.kpi strong{display:block;margin:6px 0;font:800 26px Rajdhani,Segoe UI,sans-serif}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{padding:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-title h2{margin:0;font-size:16px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;overflow-x:auto}.stage{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:9px;min-height:250px}.stage-head{display:flex;justify-content:space-between;margin-bottom:9px;font-weight:800}.deal{padding:10px;margin-bottom:8px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:7px;background:var(--panel2);cursor:pointer}.deal:hover{border-color:var(--accent)}.deal p{margin:5px 0;color:var(--muted);font-size:12px}.bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr 35px;gap:8px;align-items:center;margin:10px 0;font-size:12px}.bar-track{height:10px;background:#e8eef4;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple))}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select,.form-field input,.form-field select,.form-field textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:10px 11px;outline:0}.toolbar input{min-width:280px;flex:1}.toolbar input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #405d7828}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}th{position:sticky;top:0;background:#eef3f7;color:#52627a;text-transform:uppercase;font-size:10px;letter-spacing:.5px}tbody tr:hover{background:#f3f8fa}.link{color:var(--accent);font-weight:800;cursor:pointer}.status{display:inline-flex;padding:4px 7px;border-radius:12px;background:#e6f0fb;color:#24527a;font-weight:800;font-size:10px}.status.green{background:#e6f6ed;color:#18794e}.status.orange{background:#fff4da;color:#8a5a00}.empty{padding:32px;text-align:center;color:var(--muted)}.drawer{position:fixed;right:0;top:66px;z-index:50;width:min(390px,100vw);height:calc(100vh - 66px);background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow);overflow:auto}.drawer-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--panel2);border-bottom:1px solid var(--line)}.notice-row{padding:13px;border-bottom:1px solid var(--line)}.notice-row.unread{border-left:3px solid var(--accent);background:#e8eef4}.modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(15,23,42,.28)}.modal{width:min(780px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal-body{padding:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.toast{position:fixed;right:18px;bottom:18px;z-index:100;padding:13px 16px;border-radius:8px;background:#ecfdf5;border:1px solid var(--green);box-shadow:var(--shadow);font-weight:800}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:13px}.loader-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:var(--accent);color:#111;font-size:28px;font-weight:900}.mobile-only{display:none}
@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:66px 1fr;grid-template-areas:"top" "main"}.mobile-only{display:block}.brand-logo{width:145px}.global-search{display:none}.userbox{display:none}.sidebar{position:fixed;z-index:60;left:0;top:66px;width:250px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{padding:14px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.page-head{display:grid}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.toolbar input{min-width:100%}}
@media(max-width:520px){.topbar{padding:9px 8px;gap:6px}.brand-logo{width:118px}.primary-btn{padding:9px;font-size:11px}.main{padding:10px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:11px}.kpi strong{font-size:21px}.actions button{flex:1}.pipeline{grid-template-columns:repeat(4,82vw)}}

.form-section{grid-column:1/-1;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.section-title{margin:0 0 13px;padding:10px 12px;border-radius:7px;background:#eef3f7;color:var(--text);font-weight:800}.form-field label em{color:var(--red);font-style:normal}.owner-section{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.owner-section div{display:grid;gap:3px}.owner-section small{color:var(--muted)}.owner-section span{font-weight:800;color:var(--accent)}@media(max-width:620px){.owner-section{align-items:flex-start;flex-direction:column}}

.lead-detail-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.lead-identity{display:flex;align-items:center;gap:12px;flex:1}.lead-identity h1{margin:2px 0;font-size:26px}.lead-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e8eef4;color:var(--accent);font-size:25px}.lead-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:15px}.stage-path{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stage-path span{padding:10px;text-align:center;background:#edf1f5;border-right:2px solid #fff;font-weight:700}.stage-path span.done{background:#dbeafe;color:#1d4ed8}.stage-path span.active{background:var(--accent);color:#fff}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.detail-row{display:grid;grid-template-columns:145px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.detail-row small{font-weight:800;color:var(--muted)}.activity-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.activity-actions button{padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);cursor:pointer}.timeline article{padding:12px 4px;border-bottom:1px solid var(--line)}.timeline article p{margin:6px 0}.timeline article small{color:var(--muted)}.mail-modal{width:min(850px,96vw)}.mail-line{display:grid;grid-template-columns:80px 1fr;align-items:center;border-bottom:1px solid var(--line)}.mail-line label{font-weight:800;color:var(--muted)}.mail-line input{padding:12px;border:0;outline:0;background:transparent}.mail-body{width:100%;min-height:290px;padding:14px;margin-top:8px;border:1px solid var(--line);border-radius:8px}.settings-grid{display:grid;grid-template-columns:minmax(320px,650px);gap:15px}.full-panel{grid-column:1/-1}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.integration-help{margin-top:12px;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.users-table td small{display:block;color:var(--muted);margin-top:3px}.users-table select{padding:7px;border:1px solid var(--line);border-radius:6px;background:#fff}@media(max-width:900px){.lead-layout{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.stage-path{overflow-x:auto;grid-template-columns:repeat(4,minmax(120px,1fr))}}

.config-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--line)}.config-tabs button{padding:11px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.config-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.config-panel{max-width:1200px}.permission-modal{width:min(900px,97vw)}.permission-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.permission-summary label,.permission-grid label{display:flex;align-items:center;gap:7px}.permission-summary select{margin-left:auto;padding:8px;border:1px solid var(--line);border-radius:6px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid label{padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:7px}.oauth-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oauth-card{display:grid;gap:11px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.oauth-card h3{margin:0}.search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.search-results article{display:grid;gap:5px;padding:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:9px;cursor:pointer}.search-results article:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.search-results article span{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.search-results article small{color:var(--muted)}@media(max-width:760px){.permission-grid,.oauth-cards,.search-results{grid-template-columns:1fr}.config-tabs{overflow-x:auto}.permission-summary select{margin-left:0}}

.activity-actions{grid-template-columns:repeat(3,1fr)}.lead-decision-bar{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.document-row{display:grid;grid-template-columns:1fr 150px auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.document-row div{display:grid;gap:3px}.document-row small{color:var(--muted)}.document-row select{padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}@media(max-width:620px){.document-row{grid-template-columns:1fr}.lead-decision-bar button{flex:1}}
.sf-source-counts{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin:16px 0}.sf-source-counts span{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted)}.sf-source-counts b{color:var(--text)}.sf-import-summary .kpis{margin:0 0 14px}.sf-import-summary .kpi strong{font-size:25px}@media(max-width:700px){.sf-source-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-import-summary .table-wrap{overflow-x:auto}.sf-import-summary table{min-width:650px}}
.salesforce-list-toolbar{align-items:end}.salesforce-list-toolbar label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.salesforce-list-toolbar label select{min-width:185px}.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 12px;padding:10px 12px;border:1px solid #bdd7ee;border-left:4px solid var(--blue);border-radius:8px;background:#eef7ff}.bulk-bar span{margin-right:auto;color:#36516c;font-size:12px;font-weight:900}.bulk-bar button{padding:8px 10px}th input[type="checkbox"],td input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent)}
@media(max-width:700px){.salesforce-list-toolbar label,.salesforce-list-toolbar label select,.salesforce-list-toolbar select{width:100%}.bulk-bar{display:grid;grid-template-columns:1fr}.bulk-bar span{margin-right:0}}
.mail-account-panel{max-width:760px}.signature-editor{min-height:145px;max-width:100%;overflow:auto;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);outline:0}.signature-editor img{max-width:100%!important;height:auto!important;object-fit:contain}.signature-editor table{max-width:100%}.signature-editor:focus{border-color:var(--accent);box-shadow:0 0 0 2px #405d7828}.signature-editor:empty:before{content:attr(data-placeholder);color:#94a3b8}.mail-error{color:var(--red);font-weight:700}.mail-warning{margin-bottom:10px;padding:11px 13px;border:1px solid #f0c36a;border-radius:8px;background:#fff8e6;color:#684600}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.55;transform:none;filter:none}@media(max-width:620px){.settings-actions{display:grid;grid-template-columns:1fr}.mail-line{grid-template-columns:58px 1fr}.mail-body{min-height:230px}.signature-editor table{width:100%!important}.signature-editor td{display:block;width:100%!important;border:0;padding:5px!important}}
.activity-actions{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px}.activity-actions button{position:relative;overflow:hidden;min-height:52px;border-color:#d6e1ec;background:linear-gradient(145deg,#f8fbff,#eef4fa);color:var(--text);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.activity-actions button:hover{z-index:1;transform:translateY(-3px);border-color:var(--accent);background:linear-gradient(145deg,#e7f2fb,#dcecf8);box-shadow:0 10px 22px rgba(50,86,115,.18);color:var(--accent)}.activity-actions button:active{transform:translateY(-1px)}.timeline article{border-left:3px solid transparent;border-radius:7px;transition:.18s}.timeline article:hover{padding-left:11px;border-left-color:var(--accent);background:var(--panel2)}.notice-row{transition:background .18s,border-color .18s}.notice-row:hover{background:var(--panel2)}
.report-filter-panel{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(520px,1.45fr);gap:14px;align-items:end;margin-bottom:13px}.report-filter-copy b,.report-filter-copy small{display:block}.report-filter-copy small{margin-top:5px;color:var(--muted)}.report-filters{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr)) auto;gap:8px;align-items:end}.report-filters label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.report-filters input,.report-filters select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text)}.report-periods{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.report-periods button{padding:6px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--muted);cursor:pointer;font-size:10px;font-weight:800}.report-periods button:hover{border-color:var(--accent);color:var(--accent)}.report-summary-text{margin-bottom:13px;padding:14px 16px;border:1px solid #bdd7ee;border-left:5px solid var(--blue);border-radius:9px;background:#eef7ff}.report-summary-text p{margin:6px 0 0;color:#36516c;line-height:1.55}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.report-kpis .kpi{min-height:120px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.report-chart-card{min-height:330px}.report-trend-panel,.report-team-panel{grid-column:1/-1}.donut-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:center;padding:16px 8px}.report-donut{position:relative;width:165px;height:165px;border-radius:50%}.report-donut:after{content:"";position:absolute;inset:29px;border-radius:50%;background:var(--panel)}.report-donut>span{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.report-donut b,.report-donut small{display:block}.report-donut b{font-size:27px}.report-donut small{color:var(--muted)}.report-legend{display:grid;gap:8px}.report-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;padding-bottom:7px;border-bottom:1px solid var(--line)}.report-legend i{width:10px;height:10px;border-radius:50%}.report-bars{display:grid;gap:12px}.report-bars>div{display:grid;grid-template-columns:minmax(110px,.8fr) 1.5fr 35px;gap:9px;align-items:center}.report-bars>div>div{height:13px;border-radius:8px;background:var(--panel2);overflow:hidden}.report-bars i{display:block;height:100%;border-radius:8px;background:hsl(calc(205 + var(--bar-index)*24) 65% 48%)}.report-trend-scroll{overflow-x:auto;padding-top:10px}.report-trend{display:flex;align-items:stretch;gap:5px;min-width:720px;height:240px;padding:8px 2px 25px;border-bottom:1px solid var(--line)}.report-trend-column{display:grid;grid-template-rows:1fr 18px;flex:1;min-width:16px}.report-trend-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:195px}.report-trend-bars i{display:block;width:28%;max-width:10px;min-height:0;border-radius:4px 4px 0 0}.report-trend-bars .lead,.report-chart-legend i.lead{background:#2563eb}.report-trend-bars .visit,.report-chart-legend i.visit{background:#0891b2}.report-trend-bars .quote,.report-chart-legend i.quote{background:#d99000}.report-trend-column small{font-size:8px;color:var(--muted);transform:rotate(-35deg);white-space:nowrap}.report-chart-legend{display:flex;gap:12px;flex-wrap:wrap}.report-chart-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.report-chart-legend i{width:9px;height:9px;border-radius:50%}.report-team-panel table{min-width:900px}.report-team-panel td:not(:first-child){text-align:right}@media(max-width:1100px){.report-filter-panel{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.report-filters{grid-template-columns:1fr 1fr}.report-filters label:nth-child(3),.report-filters .primary-btn{grid-column:1/-1}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.report-trend-panel,.report-team-panel{grid-column:auto}.donut-layout{grid-template-columns:130px 1fr}.report-donut{width:125px;height:125px}.report-periods{justify-content:stretch}.report-periods button{flex:1}}@media(max-width:480px){.report-filters,.report-kpis{grid-template-columns:1fr}.report-filters label:nth-child(3),.report-filters .primary-btn{grid-column:auto}.donut-layout{grid-template-columns:1fr;justify-items:center}.report-legend{width:100%}.report-summary-text{font-size:12px}}