:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243148;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px;margin:16px 0 8px}small{font-size:12px;color:#8792a2}.shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:#111e33;color:#f5f9ff;display:flex;flex-direction:column;padding:26px 16px 20px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 36px}.brand-icon{height:43px;width:43px;border-radius:13px;background:#376eec;display:grid;place-items:center;color:#fff;flex-shrink:0}.brand b{font-size:14px;white-space:nowrap}.brand small{display:block;letter-spacing:1.4px;font-size:9px;margin-top:5px;color:#90a3c0}.nav-label{font-size:10px;color:#7d90ab;font-weight:800;letter-spacing:1.6px;margin:0 16px 14px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;border:0;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;color:#aebed6;background:none;font-size:13px;font-weight:600;transition:background .15s}.nav-item:hover{background:#1c2e49;color:#fff}.nav-item.active{background:#294575;color:#fff}.sidebar-bottom{margin-top:auto}.signal{display:flex;align-items:center;gap:9px;border-radius:10px;background:#1b2c45;padding:12px 11px;margin:22px 2px 18px;font-size:11px;color:#b7c4d7}.pulse{width:8px;height:8px;border-radius:50%;background:#40d6a3;box-shadow:0 0 0 3px #40d6a326}.sidebar-user{border-top:1px solid #283850;padding:18px 4px 0;display:flex;align-items:center;gap:10px}.sidebar-user b{font-size:12px;display:block}.sidebar-user small{font-size:11px}.avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#516884;color:#fff;font-weight:800;flex-shrink:0}.avatar.light{background:#dfe7fb;color:#3554a5}.main{min-width:0}.topbar{height:104px;background:#fff;border-bottom:1px solid #e7ebf3;display:flex;justify-content:space-between;align-items:center;padding:22px 38px}.crumb{font-size:11px;color:#8993a6;font-weight:600;margin-bottom:9px}.crumb span{margin:0 8px;color:#bdc4d1}.topbar h1{font-size:25px;color:#1d2940;letter-spacing:-.85px}.top-actions{display:flex;gap:14px;align-items:center}.icon-button{background:none;border:none;color:#66788f;display:grid;place-items:center;width:35px;height:35px;border-radius:8px}.icon-button:hover{background:#f0f4fa}.icon-button.inverse{color:#d8e3ef;margin-left:auto}.role-select{font-size:12px;background:#f0f4fc;border:1px solid #dfe6f2;border-radius:9px;padding:10px;color:#29426c;font-weight:700}.content{max-width:1500px;margin:0 auto;padding:30px 38px 60px}.demo-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6d60ab;background:#f1eeff;padding:7px 10px;border-radius:7px;margin-bottom:24px;font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.section-heading h2{font-size:20px;font-weight:800}.section-heading p,.panel-title p{color:#8993a4;font-size:12px;line-height:1.5;margin-top:6px}.section-heading.lower{margin-top:31px}.date-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:#fff;border:1px solid #e2e8f2;color:#62738c;font-size:11px;font-weight:700;white-space:nowrap}.manager-note{background:#e9effe;border:1px solid #d8e3ff;border-radius:13px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:20px;color:#37538c}.manager-note .manager-icon{color:#4773da;background:#d8e4ff;border-radius:9px;display:grid;place-items:center;min-width:41px;height:41px}.manager-note>svg{margin-left:auto;flex-shrink:0}.manager-note b{font-size:13px}.manager-note p{font-size:11px;margin-top:4px;line-height:1.5}.small-control{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;color:#66748b;font-weight:600}.small-control select{width:auto;min-width:210px;background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat,.panel,.table-card{background:#fff;border:1px solid #e8ecf3;border-radius:14px;box-shadow:0 2px 7px #152d4d05}.stat{padding:19px 20px;min-height:142px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8290a4;font-size:12px;font-weight:700}.stat-icon{width:36px;height:36px;border-radius:9px;background:#f1f4fb;color:#5c7399;display:grid;place-items:center}.stat-icon.green{background:#e5f8f1;color:#24a879}.stat-icon.blue{background:#e8efff;color:#416ede}.stat-icon.amber{background:#fff6e5;color:#c18a23}.stat-value{font-size:33px;letter-spacing:-1px;font-weight:800;color:#243149;margin-top:8px}.stat-foot{color:#9da8b6;font-size:11px;margin-top:3px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.panel{padding:23px}.panel-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:24px}.panel-title>svg{color:#627fa9;flex-shrink:0}.big-percent{font-size:24px;color:#2cba92;font-weight:800}.progress{width:100%;height:11px;border-radius:20px;background:#eef3f7;overflow:hidden}.progress>div{height:100%;background:#37bc96;border-radius:20px;transition:width .2s}.mini-stats{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:24px;font-size:11px;color:#7d8b9f}.dot{display:inline-block;border-radius:50%;width:8px;height:8px;margin-right:5px}.dot.mint{background:#42bd96}.dot.blue{background:#6791f1}.dot.grey{background:#b7c6d6}.dot.gold{background:#eabf6d}.online{font-size:10px;background:#e5f7ef;color:#218866;padding:7px 9px;border-radius:20px;white-space:nowrap;display:flex;align-items:center;gap:6px}.online i{height:7px;width:7px;background:#33c392;border-radius:50%}.sync-timeline{display:grid;gap:15px;font-size:12px;color:#63748d}.sync-timeline>div{display:flex;align-items:center;gap:12px}.sync-timeline svg{color:#5497d7}.link-action,.text-button{border:none;background:none;color:#3865ce;font-weight:800;font-size:12px;display:flex;align-items:center;gap:5px}.link-action{margin-top:23px;padding:0}.table-card{overflow:hidden}.table-scroll{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#9ba7b6;background:#fbfcff;font-weight:800;padding:15px 21px;border-bottom:1px solid #edf0f5}td{font-size:12px;color:#6a7890;padding:17px 21px;border-bottom:1px solid #f0f2f7}tbody tr:last-child td{border-bottom:none}.order-cell{font-weight:800;color:#344d79}.mono{font-variant-numeric:tabular-nums;letter-spacing:.3px;color:#364861;font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:25px;padding:6px 10px;font-size:10px;font-weight:800;text-transform:capitalize;background:#edf1f6;color:#6d7a8c}.pill i{width:6px;height:6px;background:currentColor;border-radius:50%}.status-pending{color:#b28425;background:#fff5df}.status-answered{color:#22875c;background:#e5f7ee}.status-attempted{color:#4f7fc9;background:#e8f0ff}.status-auto_closed,.status-redistributed{color:#6c7788;background:#edf1f5}.status-no_call{color:#8552bd;background:#f3ecfd}.status-overdue{color:#c34949;background:#fff0f0}.row-action{background:none;border:0;color:#5276bc;display:flex;gap:6px;align-items:center;padding:0;font-size:11px;font-weight:800}.row-action:hover,.text-button:hover,.link-action:hover{text-decoration:underline}.controls-panel{padding:15px 18px;margin-bottom:14px;display:flex;gap:15px;align-items:center;justify-content:space-between}.filter-list{display:flex;gap:6px;flex-wrap:wrap}.filter{font-size:11px;background:none;border:0;border-radius:7px;padding:9px 11px;color:#8490a3;font-weight:700}.filter.active-filter{background:#e9f0ff;color:#3c66bb}.search{display:flex;align-items:center;gap:9px;background:#f9fafc;border:1px solid #e9edf4;border-radius:9px;padding:0 12px;min-width:240px;color:#94a1b4}.search input{border:0!important;background:none!important;outline:0;width:100%;font-size:12px!important}.subtle-note{font-size:11px;color:#9ba6b5;margin-top:13px}.section-stack{display:grid;gap:18px}.narrow{max-width:680px}.filedrop{border:2px dashed #d7e2f2;background:#f9fbff;border-radius:13px;min-height:166px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#5c80cb;cursor:pointer;position:relative;text-align:center;padding:16px}.filedrop b{color:#36537d;font-size:14px}.filedrop small{font-size:11px}.filedrop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.mapping-grid label,.field-stack label,.login-card label{font-size:12px;font-weight:800;color:#62738a;display:grid;gap:8px}.field-stack{display:grid;gap:19px;margin:20px 0 25px}.field-stack textarea{resize:vertical}.mapping-grid select,.field-stack input,.field-stack select,.field-stack textarea,.small-control select,.login-card input{width:100%;padding:11px 12px;border:1px solid #dce4f0;border-radius:9px;background:#fff;color:#263952;font-size:13px;min-width:0}.mapping-grid select:focus,.field-stack input:focus,.field-stack textarea:focus,.field-stack select:focus{outline:2px solid #a6bcf4}.review-line{display:flex;gap:21px;flex-wrap:wrap;padding:17px 0;margin-top:10px;color:#7e8b9f;font-size:12px;border-bottom:1px solid #f0f2f5}.review-line b{color:#354f78}.actions{display:flex;justify-content:flex-end;gap:11px;margin-top:19px}.primary,.secondary,.danger-button{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:#386ddc;color:#fff;border:1px solid #386ddc;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:800;min-height:41px}.primary:hover{background:#2c5cc1}.secondary{color:#506a92;background:#fff;border-color:#d8e2ee}.secondary:hover{background:#f8faff}.danger-button{background:#bd4e58;border-color:#bd4e58;width:100%;margin-top:16px}.danger-button:hover{background:#a5404a}.metrics-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics-inline>div{padding:15px;background:#f4f7fc;border-radius:9px;display:grid;gap:7px}.metrics-inline small{font-size:11px}.metrics-inline strong{font-size:25px;color:#304b76}.staff-list{margin-top:20px;border:1px solid #ebeff5;border-radius:11px;overflow:hidden}.staff-row{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecf0f6}.staff-row:last-child{border-bottom:0}.staff-row>span{display:flex;align-items:center;gap:12px}.staff-row input[type=checkbox]{width:17px;height:17px;accent-color:#4574da}.staff-row b{display:block;font-size:12px}.staff-row small{display:block;margin-top:3px}.staff-row .qty{width:82px;padding:8px 10px;border:1px solid #dfe6ef;border-radius:7px;text-align:right}.helper{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#667a96;background:#f3f7fd;border-radius:8px;padding:12px;line-height:1.5;margin:18px 0}.helper svg{flex-shrink:0}.notice{background:#f1f7ff;color:#45639d;padding:13px 16px;border:1px solid #dae7fc;border-radius:10px;font-size:12px;margin-bottom:15px}.dismiss{display:flex;justify-content:space-between;align-items:center;gap:12px}.dismiss button{border:0;background:transparent;color:#5777a3}.error{color:#b7354c;background:#fff1f2;padding:10px;border-radius:8px;font-size:12px}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.schedule-cell{border:1px solid #e5ebf4;border-radius:10px;padding:14px 9px;display:grid;gap:7px;text-align:center}.schedule-cell span{font-size:11px;color:#677992;font-weight:700}.schedule-cell b{font-size:25px;color:#2b569d}.schedule-cell small{font-size:10px}.empty{text-align:center;padding:38px}.empty svg{vertical-align:middle;margin-right:9px}.modal-backdrop{position:fixed;inset:0;z-index:99;background:#0d182eb0;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:26px;box-shadow:0 18px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head small{letter-spacing:1.2px}.modal h2{font-size:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0}.detail-grid>div{display:grid;gap:7px}.detail-grid b{font-size:13px}.detail-grid .pill{width:fit-content}.modal hr{border:0;border-top:1px solid #edf0f5;margin:10px 0 17px}.muted{color:#8392a5;font-size:12px;line-height:1.5}.existing-note{margin-top:17px;background:#fffaf1;border-radius:8px;padding:11px;font-size:12px}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(130deg,#132b4b,#213f76)}.login-card{width:min(420px,100%);display:grid;gap:20px;background:#fff;border-radius:20px;padding:35px}.login-card>p{font-size:12px;color:#8392a5;margin-top:-10px}.login-card h1{font-size:26px}.login-card .full{width:100%}.login-card .brand-icon{height:51px;width:51px}.login-card input{padding:13px}.login-card label{gap:9px}@media(max-width:1100px){.sidebar{width:75px;padding:22px 11px}.shell{grid-template-columns:75px minmax(0,1fr)}.brand{padding:0 4px 34px}.brand b,.brand small,.nav-label,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px}.nav-item svg{width:21px;height:21px}.sidebar-user b,.sidebar-user small,.signal{display:none}.sidebar-user{justify-content:center}.sidebar-user .inverse{display:none}.content{padding:24px}.topbar{padding:20px 24px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;padding:10px 12px}.brand{padding:4px 8px 9px}.brand b,.brand small{display:block;font-size:14px}.brand small{font-size:8px}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-item,.nav-item:not(.active){font-size:0;white-space:nowrap;min-width:48px;min-height:43px;flex-shrink:0}.nav-item.active{font-size:11px;padding:12px}.sidebar-bottom,.nav-label{display:none}.topbar{height:auto;min-height:91px;padding:16px}.topbar h1{font-size:20px}.top-actions{gap:5px}.top-actions .avatar,.refresh{display:none}.role-select{font-size:11px;padding:8px;max-width:125px}.content{padding:18px 14px 45px}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:18px}.stat-grid{gap:9px}.stat{padding:13px;min-height:119px}.stat-value{font-size:26px}.stat-top{font-size:11px}.stat-icon{height:30px;width:30px}.overview-grid{grid-template-columns:1fr}.panel{padding:17px}.manager-note{padding:13px}.controls-panel{display:grid}.search{min-width:0;width:100%}.mapping-grid{grid-template-columns:1fr}.metrics-inline{gap:6px}.metrics-inline strong{font-size:20px}.schedule-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.date-chip,.stat-foot{font-size:10px}}@media(max-width:400px){.stat-top{gap:5px}.stat-icon{display:none}.metrics-inline{grid-template-columns:1fr 1fr}.filter{padding:8px}.manager-note>svg{display:none}}