:root{--ink:#172638;--muted:#788697;--line:#e7ebf0;--bg:#f5f7fa;--card:#fff;--teal:#15a7a3;--deep:#0b1b29;--hover:#eef9f8;--shadow:0 2px 10px rgba(17,33,50,.025);font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid #dee5ed;border-radius:9px;color:#27374b;padding:11px 12px;background:white;outline:0;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#1da5a2;box-shadow:0 0 0 3px rgba(16,153,147,.1)}label{display:block;font-size:12px;font-weight:600;color:#536378}label input,label select,label textarea{margin-top:8px}label small{display:block;color:var(--muted);font-weight:400;line-height:1.5;margin-top:5px}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;min-width:256px;background:#101e2d;color:#bed0dd;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30;box-shadow:1px 0 4px rgba(0,0,0,.05)}.logo{height:106px;display:flex;align-items:center;gap:12px;color:#fff;padding:0 23px;font-size:14px;font-weight:650;line-height:1.35}.logo b{color:#fff}.logo small{display:block;font-size:9px;font-weight:600;color:#6e8a9b;letter-spacing:2px;margin-top:5px}.logo-mark{background:#1cbdad;width:42px;height:42px;display:flex;justify-content:center;align-items:center;border-radius:13px;color:#fff;font-size:27px;font-weight:800;letter-spacing:-3px;box-shadow:0 8px 20px #0a635d44;flex-shrink:0}.logo-mark span{color:#e3ff93}.nav-label{margin:13px 24px 9px;font-weight:700;font-size:10px;letter-spacing:1.3px;color:#617a8d}.nav-label.top-space{margin-top:29px}.nav-stack{padding:0 12px;display:flex;flex-direction:column;gap:5px}.nav-link{height:44px;display:flex;gap:12px;align-items:center;padding:0 13px;border-radius:9px;color:#97aebf;font-weight:500;transition:.18s}.nav-link:hover{color:#fff;background:#1b2d40}.nav-link.active{background:#123c47;color:#dbfffa;box-shadow:inset 3px 0 #19b7ad}.nav-icon{font-size:21px;width:22px;text-align:center;color:#83a0b0}.nav-link.active .nav-icon{color:#34d3c5}.sidebar-footer{margin-top:auto;padding:19px 16px;border-top:1px solid #25384a;display:flex;gap:10px;align-items:center}.profile-avatar,.top-avatar{width:35px;height:35px;border-radius:50%;background:#c4faf2;color:#087976;display:flex;align-items:center;justify-content:center;font-weight:700}.profile-meta{min-width:0;flex:1}.profile-meta b{display:block;color:white;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta small{font-size:10px;color:#7a97a8;letter-spacing:.8px}.logout{background:none;border:0;color:#9eb1c1;font-size:23px}.logout:hover{color:white}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumbs{font-size:11px;font-weight:750;letter-spacing:.8px;color:#99a5b2}.breadcrumbs span{padding:0 9px;color:#bec7d0}.top-actions{display:flex;align-items:center;gap:19px}.live-indicator{font-size:11px;color:#54746b;display:flex;align-items:center;gap:7px}.live-indicator i{width:8px;height:8px;background:#29ba8a;border-radius:50%;box-shadow:0 0 0 4px #29ba8a1f}.today{color:#7a8998;font-size:12px}.top-avatar{width:34px;height:34px}.menu-toggle{border:0;background:none;font-size:20px;display:none}.content{width:100%;max-width:1670px;margin:0 auto;padding:35px 38px 60px;flex:1}.footnote{font-size:11px;color:#a5afb8;padding:20px 38px;border-top:1px solid var(--line)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.45px;color:#10a29e;text-transform:uppercase;margin-bottom:9px}.page-head h1{font-size:28px;line-height:1.35;letter-spacing:-.7px;margin:0 0 7px;font-weight:750}.page-head p{font-size:13px;margin:0;color:var(--muted)}.emoji{color:#11b9b2;font-weight:400}.head-actions{display:flex;gap:9px}.btn{border-radius:9px;border:1px solid transparent;padding:11px 16px;font-size:12px;font-weight:650;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.btn.primary{background:#13aaa4;color:#fff;box-shadow:0 4px 10px #13aaa424}.btn.primary:hover{background:#0f958f}.btn.subtle{background:#fff;border-color:#dfe7ed;color:#314759}.btn.subtle:hover{border-color:#14aaa4;color:#09918e}.btn.ghost{background:transparent;color:#536378}.btn.wide{width:100%;padding:13px}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:11px;padding:14px 17px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:23px;box-shadow:var(--shadow)}.filter-label{color:#64758a;font-size:12px;font-weight:600;margin-right:auto;align-self:center}.filter-bar label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:650;color:#6a7a89}.filter-bar input,.filter-bar select{min-width:145px;margin:0;padding:9px 10px;font-size:12px}.filter-bar button{height:35px;padding:9px 15px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:21px 21px 19px;box-shadow:var(--shadow)}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6a7d8d;font-weight:650}.metric-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:500}.metric-icon.teal{background:#e5f8f6;color:#119e98}.metric-icon.violet{background:#f0edff;color:#8676e7}.metric-icon.orange{background:#fff2e1;color:#e39d45}.metric-icon.green{background:#e7f8f0;color:#33a77d}.metric strong{font-size:31px;display:block;line-height:1.2;margin-top:11px;letter-spacing:-.7px}.metric strong .metric-percent{font-size:20px;color:#4f6879}.metric small{display:block;color:#9aa6b0;font-size:11px;margin-top:8px;min-height:16px;line-height:1.35}.twocol{display:grid;grid-template-columns:1.42fr 1fr;gap:19px}.twocol.bottom-row{margin-top:19px;grid-template-columns:1.22fr 1fr}.panel{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:var(--shadow);margin-bottom:19px}.twocol .panel{margin-bottom:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h2,.panel h2{font-size:15px;letter-spacing:-.2px;margin:0 0 6px}.panel-head p{color:#93a0ac;font-size:11px;margin:0;line-height:1.5}.panel h3{font-size:14px}.inline-link{font-size:11px;font-weight:750;color:#0f9a94;white-space:nowrap}.inline-link:hover{text-decoration:underline}.pill{font-size:10px;color:#089789;background:#e6f8f5;border-radius:100px;padding:7px 10px;white-space:nowrap;font-weight:700}.muted-pill{background:#f3f6fa;color:#8292a1}.chart-legend{display:flex;gap:21px;font-size:11px;color:#748593;margin-bottom:10px}.chart-legend span{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:100%}.teal-bg{background:#13b4aa}.orange-bg{background:#e9a65d}.svg-chart{height:255px;min-height:255px}.svg-chart svg{width:100%;height:100%;overflow:visible}.svg-chart .axis{fill:#91a0aa;font-size:10px}.svg-chart .grid-line{stroke:#edf0f4;stroke-width:1}.performance-list{display:flex;flex-direction:column;gap:19px}.performance-top,.performance-caption{display:flex;justify-content:space-between;gap:10px;align-items:center}.performance-top b{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-top strong{font-size:12px;white-space:nowrap}.performance-top small{font-size:10px;font-weight:400;color:#96a3ae}.progress{margin:10px 0 6px;background:#eef2f5;border-radius:50px;overflow:hidden;height:7px}.progress span{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,#45cbbd,#13a89f)}.performance-caption{font-size:10px;color:#9aa7b1}.health-list{display:flex;flex-direction:column;gap:0}.health-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f2f4f7}.health-row:last-child{border:0}.site-avatar{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ebf6f6;color:#10a2a0;font-weight:800;font-size:13px}.site-avatar.large{width:58px;height:58px;font-size:30px;margin:auto}.health-name{flex:1;min-width:0}.strong-link{font-size:12px;font-weight:700;color:#233b4d}.strong-link:hover{color:#159c99}.subtext{display:block;font-size:10px;color:#99a5ae;margin-top:5px;line-height:1.4}.status{display:inline-flex;align-items:center;gap:5px;border-radius:100px;background:#edf5fc;color:#3889b1;padding:6px 10px;font-weight:650;font-size:10px;white-space:nowrap}.status.active,.status.won,.status.qualified{background:#e8f8f0;color:#2b9c70}.status.new{background:#e9f4ff;color:#3988c0}.status.assigned,.status.contacting{background:#fff5e7;color:#c18a30}.status.paused,.status.lost,.status.unreachable,.status.warning{background:#fff1e9;color:#cd8051}.panel-tip,.notice{margin-top:16px;border:1px solid #e8eee9;background:#f7faf8;color:#73847b;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.65}.notice{color:#546d79;background:#f3f9fc;border-color:#deedf2}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:500px}th{padding:13px 12px;font-weight:750;color:#8897a6;font-size:10px;letter-spacing:.45px;text-transform:uppercase;background:#f8fafb;border-bottom:1px solid #ecf0f4}td{padding:15px 12px;font-size:12px;color:#607283;vertical-align:middle;border-bottom:1px solid #f0f2f5}tbody tr:hover{background:#fbfdfd}tbody tr:last-child td{border-bottom:0}.site-name{display:flex;align-items:center;gap:10px}.count{font-size:11px;background:#edf6f7;color:#0b9897;padding:5px 8px;border-radius:7px;margin-left:5px}.empty{padding:32px 15px!important;text-align:center;color:#9cabb6;font-size:12px}.pagination{padding:15px 10px;font-size:11px}.pagination svg{width:15px;height:15px}.pagination nav>div:first-child{display:none}.code-card{background:#132839;color:#cdeef2;border-radius:10px;padding:16px;margin-bottom:12px;overflow-wrap:anywhere;line-height:1.85;font-size:12px}.code-card code{font-family:Consolas,Monaco,monospace;font-size:11px}.health-detail{text-align:center;padding:30px 10px}.health-detail h3{margin:14px 0 7px}.health-detail p{color:#9aa7b1;font-size:12px}.health-detail .status{margin-top:14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.small{font-size:11px!important;line-height:1.7}.muted{color:#8797a5}.form-panel{max-width:850px}.form-stack{display:flex;flex-direction:column;gap:18px;margin-top:19px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.compact{gap:9px}.form-grid.compact select{padding:8px}.required{color:#d85858}.form-actions{display:flex;gap:10px;margin-top:11px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.detail-grid small{color:#96a6b2;display:block;font-size:11px;margin-bottom:5px}.detail-grid b{font-size:13px;font-weight:650;word-break:break-word}.customer-message{padding:15px;border-radius:10px;background:#f6f9fb}.customer-message p{font-size:13px;color:#53697c;line-height:1.6}.panel-divider{border-top:1px solid var(--line);margin:22px 0}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;align-items:flex-start;gap:14px;border-left:2px solid #e0edeb;margin-left:5px;padding:0 0 23px 20px;position:relative}.timeline-item:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-7px;top:1px;width:12px;height:12px;background:#fff;border:3px solid #14b5ac;border-radius:50%}.timeline-item b{font-size:12px}.timeline-item small{display:block;color:#9ca9b2;font-size:11px;margin-top:4px}.timeline-item p{color:#677b8b;white-space:pre-wrap;font-size:12px;line-height:1.6}.checkboxes{background:#fafbfc;border:1px solid var(--line);border-radius:10px;padding:12px;max-height:200px;overflow:auto;display:grid;gap:8px}.checkboxes b{font-size:12px}.checkboxes label{display:flex;align-items:center;gap:9px;color:#5b7181;font-size:11px}.checkboxes input,.check-row input{width:auto;margin:0}.check-row{display:flex;align-items:center;gap:8px}.user-list{display:flex;flex-direction:column;gap:13px}.user-card{padding:16px;border:1px solid var(--line);border-radius:10px}.user-card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.user-card-head b{font-size:12px}.user-card .checkboxes{margin:14px 0}.alert{border-radius:9px;padding:12px 15px;margin-bottom:15px;font-size:12px}.alert.success{color:#168963;border:1px solid #c4eedb;background:#effaf5}.alert.error{color:#c65d4d;border:1px solid #f8d8d1;background:#fff1ee}.login-body{min-height:100vh;background:white;display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(circle at 85% 15%,#175662 0,transparent 45%),linear-gradient(140deg,#071d2d,#122a3c 65%,#094a4b);position:relative;overflow:hidden;color:white;padding:35px 46px;display:flex;flex-direction:column;justify-content:space-between}.login-art:after{content:"";border:1px solid rgba(255,255,255,.09);height:650px;width:650px;position:absolute;border-radius:50%;left:28%;top:20%;box-shadow:0 0 0 65px #ffffff04,0 0 0 150px #ffffff03}.login-brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:17px;z-index:2}.login-copy{z-index:2;max-width:520px}.login-copy .eyebrow{color:#54e3d5}.login-copy h1{font-size:clamp(35px,4.1vw,65px);letter-spacing:-2.5px;line-height:1.19;margin:18px 0 22px}.login-copy em{color:#62e0d0;font-style:normal}.login-copy p{font-size:15px;color:#adc0cf;line-height:1.85;max-width:440px}.login-mini{margin-top:29px;display:flex;flex-wrap:wrap;gap:9px}.login-mini span{background:#ffffff15;border:1px solid #ffffff21;color:#cfedef;padding:11px 13px;border-radius:9px;font-size:12px}.login-pattern{color:#648894;z-index:2;letter-spacing:12px;font-size:11px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-form-wrap{width:100%;max-width:420px}.login-form-wrap h2{font-size:31px;margin:6px 0 9px;letter-spacing:-1px}.login-form-wrap>p{margin-bottom:33px;font-size:13px}.login-form-wrap .form-stack{gap:22px}.login-form-wrap input{padding:14px}.login-form-wrap .check-row input{padding:0}.login-bottom{border-top:1px solid #edf0f3;margin-top:48px;padding-top:20px;color:#92a0ac;font-size:11px;line-height:1.7}.login-bottom code{font-size:11px;color:#0d9a94}
@media(max-width:1280px){.sidebar{width:223px;min-width:223px}.content{padding:28px 26px 45px}.topbar{padding:0 25px}.panel{padding:18px}.metric{padding:17px}.metric strong{font-size:28px}}
@media(max-width:1060px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol,.twocol.bottom-row{grid-template-columns:1fr}.mainchart-row .panel{margin-bottom:0}.sidebar{width:210px;min-width:210px}.page-head h1{font-size:24px}}
@media(max-width:760px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;transition:left .2s;width:250px;min-width:250px}.sidebar.open{left:0;box-shadow:8px 0 50px #10213140}.menu-toggle{display:block}.topbar{height:60px;padding:0 16px}.breadcrumbs{margin-right:auto;margin-left:14px}.today,.live-indicator{display:none}.content{padding:22px 15px 35px}.footnote{padding:15px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-head h1{font-size:22px}.head-actions{width:100%;flex-wrap:wrap}.kpi-grid{gap:10px}.metric{padding:13px}.metric strong{font-size:25px}.metric-header{font-size:11px}.metric-icon{height:29px;width:29px;font-size:19px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar label{width:100%}.panel{padding:15px}.panel-head{flex-wrap:wrap}.info-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.svg-chart{height:210px;min-height:210px}.login-body{grid-template-columns:1fr}.login-art{min-height:250px;padding:23px}.login-copy h1{font-size:35px}.login-copy p,.login-mini,.login-pattern{display:none}.login-form-side{padding:35px 22px}.login-form-wrap h2{font-size:24px}}