:root{color:#101d3d;font-synthesis:none;--accent:#0b766d;--muted:#5d6e89;--border:#e1e8ef;--soft:#f7fafc;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{color:#162441;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b8c5d3;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#f4f8fa}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#075e57}.danger-link{color:#a62f3a}a{color:var(--accent)}input,select,textarea{color:#101d3d;background:#fff;border:1px solid #bccbd9;border-radius:5px;width:100%;max-width:100%;min-height:42px;padding:10px 12px}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--accent);flex:none;padding:0}input[type=date]{width:180px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline-offset:2px;outline:3px solid #8acdc5}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:7px;font-size:30px;line-height:1.25}h2{letter-spacing:-.3px;margin-bottom:7px;font-size:21px;line-height:1.4}h3{margin-bottom:8px;font-size:17px}p{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.6}small{color:#71839e;font-size:12px;line-height:1.5}.topbar{border-bottom:1px solid var(--border);z-index:15;background:#fff;align-items:center;gap:16px;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;font-size:22px;font-weight:750}.sign-out{color:var(--muted);border:0;margin-left:auto;font-size:13px}.sidebar{border-right:1px solid var(--border);z-index:12;background:#fbfdff;flex-direction:column;width:225px;padding:18px 14px;display:flex;position:fixed;top:76px;bottom:0;left:0}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#415477;background:0 0;border:0;justify-content:flex-start;gap:17px;min-height:48px;padding:14px 16px;font-size:15px;font-weight:550}.sidebar nav button.active{color:#007780;background:#e8f3f2}.connection{color:#6d7e99;align-items:center;gap:10px;margin-top:auto;padding:12px 15px;font-size:13px;display:flex}.connection i,.state i{background:#a1a9b6;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.connection i{background:#15914c}.connection i.red{background:#c44242}main{max-width:1850px;margin-left:225px;padding:30px 30px 50px}.heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.heading p{margin-bottom:0;font-size:16px}.heading-controls{align-items:center;gap:10px;display:flex}.summary-strip{grid-template-columns:repeat(3,1fr);margin:24px 0 30px;display:grid}.summary-strip>div{border-right:1px solid #dbe4ed;padding:0 28px}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip span{color:#586a89;font-size:15px;display:block}.summary-strip strong{letter-spacing:-1px;font-size:34px;line-height:1.8;display:block}.summary-strip small{display:block}.notice{border:1px solid;border-radius:5px;margin-bottom:15px;padding:15px 17px;font-size:14px;line-height:1.55;display:block}.notice.info{color:#26477e;background:#eef6ff;border-color:#c9e3fe}.notice.warning{color:#776328;background:#fffbef;border-color:#ecdfae}.notice.error{color:#8b2835;background:#fff1f2;border-color:#ecc4c9}.notice.success{color:#1d6b45;background:#ecf8f2;border-color:#c0e0d0}.notice .text-button{float:right}.table-scroll{border:1px solid var(--border);border-radius:6px;width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}thead{background:#f8fafc}th{white-space:nowrap;color:#162746;font-size:12px;font-weight:650}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle;padding:17px 16px;line-height:1.6}th:last-child,td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}td{color:#3c5072;white-space:nowrap}td small{white-space:nowrap;margin-top:3px;font-size:11px;display:block}td.agent-name{color:#132240;font-weight:650}.state{text-transform:capitalize;align-items:center;gap:7px;font-weight:400;display:inline-flex}.state-available i,.state-busy i,.state-online i{background:#118f4c}.state-break i,.state-meeting i,.state-away i{background:#dfaf39}.table-tools{align-items:center;gap:14px;margin:15px 0;display:flex}.table-tools input{max-width:300px}.table-tools select{max-width:280px}.table-tools span{color:var(--muted);margin-left:auto;font-size:12px}.pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.pagination span{color:var(--muted);margin-right:15px;font-size:12px}.pagination button{min-height:32px;padding:7px 12px;font-size:12px}.report-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:22px;display:flex}.report-footer p{margin-bottom:5px}.report-picker{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px;display:flex}.report-picker .field{flex:1;max-width:330px;margin-bottom:0}.button-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.button-row button{min-height:32px;padding:6px 10px;font-size:12px}.notes{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.7}.notes summary{cursor:pointer;color:#415c7e;font-weight:550}.notes li{margin-bottom:7px}.notes p{font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-weight:400}.section{border-top:1px solid var(--border);margin-top:35px;padding-top:25px}.field{color:#253b60;flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;font-size:13px;display:flex}.field>span{font-weight:600}.field small{font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-section{border-top:1px solid var(--border);margin-top:20px;padding-top:22px}.form-section:first-child{margin-top:0}.form-section p{font-size:13px}.form-section small{margin-top:8px;display:block}.settings-form{max-width:930px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:24px;display:flex}.check{color:#415474;align-items:center;gap:9px;margin-bottom:10px;font-size:13px;line-height:1.5;display:flex}.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 16px;margin:14px 0 20px;display:grid}.check span{overflow-wrap:anywhere}.agent-select{border:1px solid var(--border);border-radius:5px;max-height:180px;padding:12px;overflow:auto}.agent-select .check{font-size:12px}.text-button{min-height:unset;color:var(--accent);background:0 0;border:0;margin-left:8px;padding:0;font-size:12px;font-weight:500;text-decoration:underline;display:inline}.text-button:hover{background:0 0}details summary{cursor:pointer;font-weight:550}pre{border:1px solid var(--border);background:#f8fafc;border-radius:5px;padding:15px;font-size:12px;line-height:1.7;overflow:auto}.modal-backdrop{z-index:30;background:#172b4c55;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:1050px;max-width:100%;max-height:92vh;padding:25px 30px;overflow:auto;box-shadow:0 15px 80px #12254230}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.modal>header h2{margin:0}.modal>header button{font-size:12px}.login{background:#f7fafc;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.login-panel{border:1px solid var(--border);background:#fff;border-radius:9px;width:460px;padding:38px;box-shadow:0 10px 40px #182d4810}.login-brand{color:var(--accent);margin-bottom:32px;font-size:20px;font-weight:750}.login h1{font-size:25px}.login .primary{width:100%;margin-top:6px;margin-bottom:18px}.login-panel>small{text-align:center;display:block}.menu-toggle{display:none}@media (width>=1600px){main{padding:38px 45px}.topbar{height:82px}.sidebar{width:240px;top:82px}main{margin-left:240px}.heading,.summary-strip{margin-bottom:36px}}@media (width<=1100px){.sidebar{width:190px}main{margin-left:190px;padding:25px 22px}.brand{font-size:20px}h1{font-size:27px}.heading{flex-wrap:wrap}.table-tools span{display:none}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.topbar{gap:12px;height:68px;padding:0 16px}.brand{font-size:19px}.sign-out{padding:7px;font-size:11px}.menu-toggle{border:0;min-height:30px;padding:4px;display:flex}.sidebar{width:225px;display:none;top:68px;box-shadow:10px 0 30px #182d4820}.sidebar.open{display:flex}main{margin:0;padding:23px 18px 35px}.heading{margin-bottom:24px;display:block}h1{font-size:26px}.heading p{font-size:15px}.heading-controls{flex-direction:column;align-items:stretch;gap:9px;margin-top:17px}.heading-controls input{width:100%}.summary-strip{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.summary-strip>div{border:1px solid var(--border);border-radius:5px;padding:14px!important}.summary-strip>div:last-child{border:1px solid var(--border);grid-column:span 2}.summary-strip span{font-size:13px}.summary-strip strong{font-size:29px;line-height:1.6}.summary-strip small{font-size:11px}.notice{padding:12px;font-size:12px}.report-picker{flex-direction:column;align-items:stretch}.report-picker .field{max-width:none}.report-picker .button-row{grid-template-columns:1fr;display:grid}.table-tools{flex-wrap:wrap;margin:15px 0}.table-tools input,.table-tools select{max-width:none}th,td{padding:13px 12px;font-size:12px}.table-scroll{margin-top:12px}.report-footer{border:1px solid var(--border);border-radius:5px;margin-top:24px;padding:16px;display:block}.report-footer h2{font-size:18px}.report-footer p{font-size:12px}.report-footer button{width:100%;margin-top:12px}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:8px}.modal{border-radius:7px;max-height:96vh;padding:18px}.modal h2{font-size:19px}.modal>header{margin-bottom:18px}.login-panel{padding:25px}.notes{font-size:11px}.pagination span{margin-right:auto}.pagination{gap:6px}.heading>button{width:100%;margin-top:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.role-label{color:var(--muted);margin-left:auto;font-size:12px}.topbar .sign-out{margin-left:12px}@media (width<=700px){.role-label{display:none}.topbar .sign-out{margin-left:auto}}.table-interaction-hint{color:var(--muted);justify-content:space-between;gap:14px;margin:10px 0;font-size:11px;display:flex}.interactive-header{cursor:grab;padding:0}.column-sort{text-align:left;color:#162746;background:0 0;border:0;border-radius:0;justify-content:flex-start;width:100%;min-height:52px;padding:17px 14px;font-size:12px;font-weight:650}.column-sort:hover{background:#edf5f5}.column-grip{color:#8e9eaf;cursor:grab;flex:none}.interactive-header.drop-target{box-shadow:inset 3px 0 0 var(--accent);background:#e1f2ef}@media (width<=700px){.table-interaction-hint{flex-wrap:wrap;font-size:10px}.column-sort{min-height:44px;padding:13px 10px}}
