@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#203633;--muted:#7b8986;--line:#e6ebe8;--green:#21634d;--mint:#edf5ef;--bg:#f7f9f7;--orange:#a86b2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px;z-index:30}.brand{display:flex;gap:12px;align-items:center;font:800 27px Manrope,sans-serif;letter-spacing:-1.1px;padding:0 9px 30px}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:3.4px;margin-top:1px}.brandmark{width:37px;height:39px;background:var(--green);border-radius:12px 12px 12px 2px;color:#fff;text-align:center;font:700 30px Manrope}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 9px;font-size:11px;font-weight:600;margin-bottom:30px}.workspace-icon{padding:7px;background:#f0f3ef;border-radius:5px}.workspace small,.profile small,.side-bottom small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.navlabel{font-size:10px;color:#9ba6a1;letter-spacing:1.4px;padding:0 14px 12px}nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;margin-bottom:5px;color:#76827c;font-size:13px;border-radius:7px}nav a.active{color:var(--green);background:#eaf2ec;font-weight:650}nav a .nav-icon{font-size:18px;width:20px;text-align:center}nav a .count{margin-left:auto;background:white;padding:2px 7px;border-radius:4px;font-size:10px}.side-bottom{margin-top:auto;display:flex;gap:9px;align-items:center;font-size:11px;padding:20px 10px}.status-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#5c9c75}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:12px;align-items:center;font-size:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f0e9de;color:#86694f;border:2px solid white;border-radius:50%;font-size:11px;font-weight:650}.avatar.small{width:30px;height:30px;font-size:9px}.shell{margin-left:246px}header{height:75px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8c9791}.breadcrumb span{margin:0 14px;color:#c5ccc8}.breadcrumb b{font-weight:500;color:#4f625b}.header-right{display:flex;align-items:center;gap:23px}.timezone{font-size:11px;color:#839088}.icon{border:0;background:transparent;font-size:20px;color:#718479;position:relative}.icon i{width:5px;height:5px;border-radius:50%;background:#bf9a66;position:absolute;right:7px;top:2px}.mobile-menu{display:none}main{padding:34px 38px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:#7b8e83;font-size:10px;letter-spacing:1.6px;font-weight:600;margin-bottom:9px}h1{font:750 28px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 9px}h2{font:700 14px Manrope,sans-serif;margin:0}p{color:var(--muted);line-height:1.65;margin:0}.heading p{font-size:12px}.actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid #dfe6e0;border-radius:6px;background:#fff;padding:10px 14px;color:#52645b;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.live{font-size:10px;color:#588265;border:1px solid #dae6dc;border-radius:20px;padding:6px 10px;white-space:nowrap}.live .status-dot{margin-right:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);padding:20px;border-radius:9px}.metric-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8b83}.metric-icon{color:#849a89;background:#f2f6f1;width:29px;height:29px;border-radius:7px;text-align:center;padding-top:6px;font-size:15px}.metric-value{font:700 31px Manrope;margin:12px 0 8px;letter-spacing:-1px}.metric-value small{font-size:12px;color:#97a49b;font-weight:500;letter-spacing:0}.metric-note{font-size:10px;color:#99a39d}.metric-note b{color:#5c8966;font-weight:500;margin-right:5px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.panel-head{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.panel-head p{font-size:10px;margin-top:5px}.text-btn{border:0;background:transparent;color:var(--green);font-size:11px;padding:0;white-space:nowrap}.badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:9px;background:#eef4ee;color:#628467;white-space:nowrap}.badge.orange{background:#fcf3e7;color:#b18747}.badge.blue{background:#edf3fa;color:#7190af}.badge.gray{background:#f0f2f2;color:#8b9792}.badge.red{background:#fbefed;color:#b27668}.panel-head h2 .badge{margin-left:6px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbf9;color:#99a39d;font-size:9px;font-weight:500;letter-spacing:.4px;padding:12px 20px}td{border-top:1px solid #f0f2ef;padding:17px 20px;font-size:11px;color:#67796e}td strong{color:#3e5549;font-weight:550}.person{display:flex;align-items:center;gap:10px}.person .avatar{background:#e9eeea;color:#6b8271;width:30px;height:30px;font-size:9px}.person small{display:block;color:#a0aaa4;font-size:9px;margin-top:4px}.rowbutton{background:none;border:0;color:#708675;font-size:16px}.table-foot{border-top:1px solid var(--line);padding:14px 20px;color:#a3ada6;font-size:10px;display:flex;justify-content:space-between}.queue-item{padding:18px 21px;border-bottom:1px solid #f1f3f0;display:flex;justify-content:space-between;align-items:center}.queue-item strong{font-size:12px;font-weight:500}.queue-item small{display:block;color:#9ba59d;font-size:10px;margin-top:5px}.queue-meta{text-align:right;font-size:12px;color:#7e8c83}.queue-meta small{font-size:9px}.alert-box{padding:17px;background:#fcf8f0;border:1px solid #eee4d0;border-radius:7px;margin:16px;color:#b28c52;font-size:11px;line-height:1.6}.alert-box strong{display:block;color:#91703e;margin-bottom:4px}.coverage{padding:18px 22px}.coverage-row{margin-bottom:19px}.coverage-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;color:#718477}.track{height:5px;border-radius:10px;background:#eef2ec;overflow:hidden}.track div{height:100%;background:#729578;border-radius:10px}.coverage-row:last-child .track div{background:#c3ac7e}.coverage-note{font-size:10px;line-height:1.6;color:#9aa79d}.activity{padding:0 22px 18px}.activity-row{padding-top:17px;display:flex;gap:12px;font-size:10px;color:#7a8b7e;line-height:1.6}.activity-icon{width:25px;height:25px;border-radius:50%;background:#f1f5ef;color:#7b9c7e;text-align:center;padding-top:4px;flex-shrink:0}.activity-row small{display:block;font-size:9px;color:#a8b1aa;margin-top:3px}.toolbar{display:flex;gap:12px;padding:17px 20px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:250px;font-size:11px;background:#fff}.filter{padding:9px 12px;border:1px solid var(--line);border-radius:6px;color:#6a7e6e;background:white;font-size:11px}.toggle{width:31px;height:18px;border:0;border-radius:20px;background:#d9dfdb;position:relative}.toggle:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:white}.toggle.on{background:#528465}.toggle.on:after{left:16px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.empty{padding:35px;text-align:center;color:#87978c}.info{background:#eff4ee;border:1px solid #e0e9df;padding:14px 18px;border-radius:7px;font-size:11px;color:#71836f;line-height:1.7;margin-bottom:22px}.calendar{display:grid;grid-template-columns:100px repeat(7,minmax(90px,1fr));overflow:auto}.calendar>div{min-height:75px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;font-size:10px}.calendar .day{min-height:55px;background:#fafbf9;color:#8a988c}.day b{display:block;margin-top:5px;color:#526d58}.shift{background:#eef4ed;border-left:2px solid #8ca58c;padding:7px;border-radius:3px;color:#66806b;line-height:1.7}.shift.blue{background:#eef2f7;border-color:#8ba3b7;color:#758ca0}.portal-card{padding:25px}.portal-name{display:flex;align-items:center;gap:14px;margin-bottom:25px}.portal-name .avatar{width:52px;height:52px;font-size:17px}.portal-name h2{font-size:19px}.portal-name p{font-size:11px;margin-top:5px}.clock{font:700 42px Manrope;letter-spacing:-2px;margin:22px 0 6px}.label{color:#8e9c90;font-size:11px}.check-list{padding:0;list-style:none}.check-list li{padding:12px 0;border-bottom:1px solid #eff2ed;font-size:12px;display:flex;justify-content:space-between}.check-list span{color:#6f9976}.wide-actions{display:flex;gap:10px;margin-top:24px}.detail-list{padding:20px}.detail-list div{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}footer{max-width:1600px;margin:0 auto;padding:0 38px 22px;color:#a5aea7;font-size:9px;display:flex;justify-content:space-between}dialog{width:460px;max-width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;padding:27px;color:var(--ink);box-shadow:0 20px 100px #1d352b25}dialog::backdrop{background:#142a2460;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin-bottom:12px}dialog p{font-size:12px;margin-bottom:20px}label.field{display:block;font-size:11px;color:#7a8c7c;margin:15px 0}label.field input,label.field select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #dce4dc;border-radius:5px;background:white;color:#455e4b}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:25px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#264f3c;color:white;padding:14px 22px;border-radius:8px;font-size:12px;z-index:99;transition:transform .25s;box-shadow:0 5px 25px #223b3320}#toast.show{transform:translateX(-50%) translateY(0)}.spark{display:flex;align-items:end;gap:5px;height:65px;margin-top:18px}.spark span{flex:1;background:#c8d9c8;border-radius:2px 2px 0 0}.spark span:nth-child(3n){background:#719575}.tabbar{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid var(--line)}.tabbar button{padding:15px 0;border:0;background:none;font-size:11px;color:#8c9b90}.tabbar button.selected{border-bottom:2px solid var(--green);color:var(--green)}.call-detail{padding:20px;display:flex;gap:10px}.call-detail .btn{flex:1;justify-content:center}.announcement{font-size:10px;color:#839584;margin-top:8px}@media(min-width:1500px){main{padding-top:40px}.overview-grid{grid-template-columns:minmax(0,1fr) 340px}td{padding-top:21px;padding-bottom:21px}}@media(max-width:1180px){aside{width:215px;padding:25px 14px}.shell{margin-left:215px}main{padding:28px 24px}.overview-grid{grid-template-columns:minmax(0,1fr) 270px}.metrics{gap:10px}.metric{padding:16px}td,th{padding-left:14px;padding-right:14px}.heading .actions .live{display:none}.heading .actions{flex-shrink:0}}@media(max-width:980px){.overview-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metrics{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.timezone{display:none}.heading{gap:15px}h1{font-size:25px}.actions{flex-wrap:wrap}.calendar{min-width:800px}}@media(max-width:680px){aside{transform:translateX(-100%);transition:transform .2s;width:246px;box-shadow:10px 0 50px #22382c20}aside.open{transform:translateX(0)}.shell{margin-left:0}.mobile-menu{display:block}header{height:62px;padding:0 18px}.breadcrumb{margin-right:auto;margin-left:14px}.header-right{gap:13px}main{padding:24px 16px}.heading{display:block}.heading .actions{margin-top:17px}.metrics{gap:10px}.metric{padding:14px}.metric-value{font-size:28px}.right-column{display:block}.panel-head{padding:18px}.search{min-width:0;width:100%}footer{padding:0 16px 20px;gap:20px}.table-foot{gap:10px}.section-grid{gap:0}.wide-actions{flex-wrap:wrap}}
.role-label{display:flex;align-items:center;gap:8px;color:#88958b;font-size:10px}.role-label select{padding:7px;font-size:10px}.shift{display:block;cursor:pointer;font:inherit;text-align:left;width:100%;border-top:0;border-right:0;border-bottom:0;margin-bottom:5px}.shift:hover{filter:brightness(.96)}input:focus,select:focus{outline:2px solid #9bb4a1}.btn:focus-visible,.toggle:focus-visible,a:focus-visible{outline:2px solid #659975}.field input[type=checkbox]{accent-color:var(--green)}@media(max-width:680px){.role-label{font-size:0}.role-label select{font-size:9px;width:100px}.header-right{gap:7px}.breadcrumb span{margin:0 5px}.breadcrumb{font-size:10px;margin-left:6px}.header-right>.avatar{display:none}}