:root{
  --bg:#f3f7f7;
  --panel:#ffffff;
  --ink:#102a2d;
  --muted:#667b7d;
  --line:#dce8e7;
  --nav:#0c3437;
  --accent:#0f766e;
  --green:#16a36a;
  --blue:#2563eb;
  --shadow:0 14px 34px rgba(15,58,61,.09);
}
body{background:radial-gradient(circle at 92% 0,#d9f2ec 0,transparent 28rem),var(--bg)}
.sidebar{width:268px;background:linear-gradient(175deg,#123f43 0%,#09282c 100%);padding:24px 18px}
.main{grid-column:2;padding:30px 38px 70px;margin-left:18px}
.app{grid-template-columns:250px 1fr}
.brand-icon{background:linear-gradient(145deg,#14b8a6,#0f766e);box-shadow:0 12px 30px rgba(20,184,166,.28)}
.logo-row{padding-bottom:34px}.logo-row b{font-size:16px}.logo-row small{font-size:11px}
.nav-btn{display:flex;align-items:center;position:relative;gap:5px;border-radius:13px;padding:13px 14px;transition:transform .18s,background .18s;color:#bed2d2}
.nav-btn:hover{transform:translateX(2px)}.nav-btn.active{background:linear-gradient(90deg,rgba(20,184,166,.25),rgba(20,184,166,.08));box-shadow:inset 3px 0 #2dd4bf}
.user-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.topbar{position:sticky;top:0;z-index:10;padding:12px 0 16px;background:linear-gradient(180deg,var(--bg) 78%,transparent);backdrop-filter:blur(8px)}
.topbar h1{letter-spacing:-.5px}.topbar p{font-size:13px}
.btn{min-height:42px;border-radius:12px;transition:transform .15s,box-shadow .15s,opacity .15s}
.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 8px 18px rgba(15,118,110,.2)}
.panel,.stat-card,.info-card{border-color:rgba(156,181,180,.32);box-shadow:var(--shadow)}
.panel{border-radius:20px;padding:21px}.stat-card{border-radius:17px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#2dd4bf,#0f766e)}
.stat-card b{color:#0c5252}.filter-strip,.filter-grid{background:rgba(255,255,255,.65);border:1px solid rgba(156,181,180,.25);padding:12px;border-radius:16px}
input,select,textarea{border-color:#cfdfde;border-radius:12px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.14)}
.pipeline-stages{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 13px;margin-bottom:4px;scrollbar-width:thin;scroll-snap-type:x proximity}
.stage-card{--stage-color:#0f766e;min-width:132px;scroll-snap-align:start;border:1px solid var(--line);border-top:4px solid var(--stage-color);background:#fff;border-radius:14px;padding:11px 12px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 6px 15px rgba(15,58,61,.05)}
.stage-card span{display:block;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.stage-card b{display:block;font-size:23px;margin-top:4px;color:var(--stage-color)}
.stage-card.active{outline:2px solid var(--stage-color);outline-offset:-1px;background:#f0fdfa}
.quick-stage{min-width:150px;min-height:36px;padding:7px 32px 7px 10px;border-color:#bcd5d2;background:#f6fffd;font-weight:750;color:#0f5f5a}
.lead-table tbody tr{transition:background .15s,transform .15s}.lead-table tbody tr:hover{background:#f1faf8}.lead-name{font-size:14px}.subtext{line-height:1.45}
.campaign-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-card{background:linear-gradient(160deg,#fff,#f6fffd)}
.drawer{border-radius:24px 0 0 24px}.drawer-head{background:linear-gradient(135deg,#f0fdfa,#fff)}.tabs{background:#fff;position:sticky;top:0;z-index:2}.lead-actions .btn{flex:1}
.messages,.chat-messages{background-color:#edf6f3;background-image:radial-gradient(rgba(15,118,110,.06) 1px,transparent 1px);background-size:18px 18px}
.toast{border-radius:14px;background:#0c4a4b}.modal-form{padding:25px}dialog{border-radius:22px}
.login-shell{background:radial-gradient(circle at 15% 25%,rgba(45,212,191,.22),transparent 25rem),linear-gradient(135deg,#123f43,#061f22)}
.login-card{border:1px solid rgba(255,255,255,.25)}

@media(max-width:1100px){.main{margin-left:0;padding-left:28px;padding-right:28px}}
@media(max-width:760px){
  body{background:#f3f7f7}.main{margin:0;padding:12px 10px 92px}.topbar{padding:8px 2px 12px;margin-bottom:10px;align-items:center}.topbar p{display:none}.topbar h1{font-size:21px}.header-actions{flex-direction:row}.header-actions .btn{min-height:38px;padding:8px 10px;font-size:12px}.header-actions #exportBtn{display:none}
  .sidebar{height:76px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(15,58,61,.15);background:#fff;border-top:1px solid var(--line)}
  .sidebar nav{gap:1px;align-items:stretch}.nav-btn{flex:1;min-width:0;justify-content:center;flex-direction:column;gap:1px;padding:7px 2px;color:#627879;font-size:18px;border-radius:12px}.nav-btn span{display:block;margin:0;font-size:8px;line-height:1.05;white-space:nowrap}.nav-btn.active{color:#0f766e;background:#e7f8f5;box-shadow:none;transform:none}.nav-badge{position:absolute;top:2px;right:10%}
  .panel{padding:13px;border-radius:17px;margin-bottom:12px}.panel-head{margin-bottom:12px}.panel-head h3{font-size:17px}.stats-grid{gap:8px;margin-bottom:12px}.stat-card{padding:13px}.stat-card b{font-size:22px}.stat-card span{font-size:9px}
  .dashboard-filter{display:none}.filter-grid{grid-template-columns:1fr 1fr;padding:8px;gap:7px}.filter-grid input:first-child{grid-column:1/-1}.filter-grid input,.filter-grid select{min-width:0;width:100%;font-size:12px;padding:9px}
  .pipeline-stages{margin-left:-2px;margin-right:-2px}.stage-card{min-width:108px;padding:9px 10px}.stage-card b{font-size:20px}
  .lead-table{display:block;min-width:0}.lead-table thead{display:none}.lead-table tbody{display:grid;gap:10px}.lead-table tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:0 7px 18px rgba(15,58,61,.06)}.lead-table td{border:0;padding:5px 4px;font-size:12px;min-width:0}.lead-table td:first-child{grid-column:1/-1;border-bottom:1px solid #edf3f2;padding-bottom:10px;margin-bottom:3px}.lead-table td:nth-child(3){grid-column:1/-1}.lead-table td:nth-child(4):before{content:"Agent";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.lead-table td:nth-child(5):before{content:"Last call";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.lead-table td:nth-child(6):before{content:"Follow-up";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.lead-table td:nth-child(7):before{content:"Created";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.quick-stage{width:100%;min-width:0}
  .drawer{border-radius:0}.drawer-head{padding:16px 17px 10px}.drawer-head h2{font-size:21px}.lead-actions{padding:10px 16px}.tabs{padding:0 10px}.tab{padding:12px 10px;font-size:12px}.drawer-body{padding:15px}.form-grid.two{gap:11px}
  dialog{width:96vw;max-height:94vh;overflow:auto}.modal-form{padding:17px}.modal-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}.login-card{padding:26px 20px}.chat-shell{height:calc(100vh - 155px)}
}
@media(display-mode:standalone){.main{padding-top:calc(12px + env(safe-area-inset-top))}.sidebar{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}