*{box-sizing:border-box}body{margin:0;background:#d8dce2;color:#4e5c74;font-family:Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a{cursor:pointer}button{border:0}aside{width:287px;background:white;position:fixed;inset:0 auto 0 0;z-index:5}.brand{height:74px;background:#394354;display:flex;align-items:center;padding-left:12px;color:#20a7ba;white-space:nowrap}.brand span{font-size:19px;letter-spacing:.5px;margin-left:8px}.brand b{color:#dae0e9}.brand button{margin-left:auto;height:74px;width:34px;background:#434f63;color:#8196ae;font-size:32px}.side-tools{display:flex;height:45px}.side-tools button{width:33.33%;background:#4e5c75;color:#24aec1;font-size:24px;border-right:1px solid #687389}.side-tools button:first-child{background:#fff}.side-tools button:nth-child(2){color:#fff}.reports{height:52px;padding:17px 12px;font:14px Georgia;color:#8d9db8}.group-title{display:flex;align-items:center;gap:14px;background:linear-gradient(105deg,#229fad,#2875a9);color:white;padding:15px 17px;height:50px;font-weight:800;font-size:14px;width:100%;text-align:left;position:relative}.group-title:after{content:'';position:absolute;bottom:-11px;left:15px;border:11px solid transparent;border-top-color:#229fad;border-bottom:0}.group-title .chevron{margin-left:auto;font-size:23px}.group-title .icon{font-size:23px}.links{background:#f6f7f9}.links a{display:block;position:relative;margin-left:26px;border-left:1px solid #d8deea;padding:18px 20px 16px 24px;min-height:55px;color:#617593;text-decoration:none;font-size:16px}.links a:before{content:'•';position:absolute;left:-5px;top:23px;color:#a0abc0}.links a.active{color:#20a4b7}.links a.active:before{content:'⦿';left:-8px;color:#20a4b7}.links.closed{display:none}main{margin-left:287px}header{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 31px}header a{color:#233c59}#crumb{color:#233c59;margin-left:12px}.header-tools{display:flex;gap:16px}.header-tools button{background:transparent;color:#39495e;font-size:20px}#content{padding:0 31px}.section-label{font-size:20px;margin:4px 0 30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px;margin:0 30px}.card{background:white;height:167px;padding:25px;text-align:left;color:#4f5c71}.card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.globe{display:block;margin:14px auto 0;width:73px;height:73px;border-radius:50%;background:#249faf;color:#fff;font-size:62px;text-align:center;line-height:73px}.panel{background:white;padding:25px;min-height:258px}.panel h1{font:700 16px Georgia;margin:0 0 18px}.bar{padding:8px 9px;background:#ecedf1;border-radius:3px;display:flex;gap:5px;align-items:center;margin-bottom:19px;min-height:60px}.filters{gap:17px}.filters>*{flex:1;min-width:0}input,select,textarea{border:1px solid #bac4d6;background:#fbfbfd;border-radius:3px;color:#586e8b;padding:11px 15px;width:100%}.btn{background:#249faf;color:white;border-radius:2px;padding:14px 16px;font-weight:bold;font-size:14px;min-height:44px}.btn.soft{background:#9dcfd5}.spacer{flex:1}.column-wrap{position:relative}.column-menu{position:absolute;top:50px;left:0;background:white;border:1px solid #bcc7d4;box-shadow:0 6px 18px #0002;width:280px;z-index:4;padding:12px}.column-menu label{display:flex;align-items:center;gap:9px;padding:8px;font-size:13px}.column-menu input{width:auto}table{border-collapse:collapse;width:100%;margin-top:28px;text-align:center;font-family:Georgia,serif;color:#173854}th{background:#4f5c74;color:white;font:700 14px Arial;padding:17px 12px;border-right:1px solid white}td{background:#f5f6f8;padding:16px 12px;border-right:1px solid white}tr:nth-child(even) td{background:#e7e9ee}.pagination{display:flex;align-items:center;gap:0;margin:20px 0 28px}.pagination button{padding:12px 19px;background:#ecedf2;color:#617d9c;font-size:20px}.pagination button.current{background:#259faf;color:white}.pagination span{margin:auto;font-family:Georgia;color:#617593}#overlay{position:fixed;inset:0 0 0 287px;background:#0007;z-index:10;padding:28px 13px 8px 31px;overflow:auto}#overlay[hidden]{display:none}.modal{background:white;min-height:calc(100vh - 36px)}.modal-top{background:#ecedf1;padding:8px}.modal-body{padding:23px 50px}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font:700 16px Georgia}.close{font-size:48px;line-height:30px;color:#8db8d2;background:transparent}.action-row{display:flex;gap:18px}.action-row>*{flex:1}#toast{position:fixed;bottom:25px;right:25px;background:#394354;color:white;padding:16px 24px;z-index:30;display:none;max-width:450px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.form-grid label{font-size:14px}.form-grid input{margin-top:8px}.notice{font-size:13px;color:#6b7b91;margin:15px 0}body.collapsed aside{width:74px}body.collapsed .brand span,body.collapsed nav,body.collapsed .reports,body.collapsed .side-tools{display:none}body.collapsed main{margin-left:74px}body.collapsed #overlay{left:74px}body.collapsed .brand{padding:4px}.empty{text-align:center;padding:25px;color:#7f8ea4}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:20px}aside{width:250px}main{margin-left:250px}.brand span{font-size:16px}#overlay{left:250px}.modal-body{padding:22px}.filters{flex-wrap:wrap}.filters>*{flex-basis:40%}}@media(max-width:700px){aside{width:74px}.brand span,nav,.reports,.side-tools{display:none}.brand{padding:4px}main{margin-left:74px}header{padding:0 15px;font-size:13px}#content{padding:0 15px}.cards{grid-template-columns:1fr}.panel{padding:15px}.bar{flex-wrap:wrap}.filters>*{flex-basis:100%}#overlay{left:74px;padding:10px}.modal-body{padding:15px;overflow:auto}.form-grid{grid-template-columns:1fr}.header-tools{gap:0}.header-tools button{font-size:14px}table{font-size:12px}.group-title{font-size:12px}body.mobile-open aside{width:250px}body.mobile-open nav,body.mobile-open .side-tools,body.mobile-open .reports,body.mobile-open .brand span{display:block}}
/* Demo login, controls and responsive dialogs. */
[hidden]{display:none!important}.signed-out>aside,.signed-out>main{display:none}.signed-out{background:#d8dce2}#login{min-height:100vh;display:grid;place-items:center;padding:30px 20px}.login-card{width:100%;max-width:460px;background:white;box-shadow:0 15px 45px #39435422;padding:0 36px 30px;border-radius:4px;overflow:hidden}.login-brand{background:#394354;margin:0 -36px 28px;padding:25px 22px;display:flex;align-items:center;justify-content:center;gap:10px;color:#20a7ba;font-size:21px;letter-spacing:.5px}.login-brand b{color:#dfe6ef}.logo-mark{font-size:32px;color:#20a7ba;background:#e1e8ef;width:36px;text-align:center}.login-card h1{font-size:26px;color:#394354;margin:0 0 8px}.login-sub{color:#7c899c;font-size:14px;margin-bottom:26px}.login-card label,.modal-body form>label{display:block;font-size:14px;margin:15px 0}.login-card label>input,.modal-body form>label>input,.modal-body form>label>select,.modal-body form>label>textarea{margin-top:8px}.password-field{display:flex;margin-top:8px;border:1px solid #bac4d6;border-radius:3px}.password-field input{border:0;min-width:0}.password-field button{background:#f0f2f6;color:#4e5c74;font-size:13px;padding:0 13px}.login-card .check-line{display:flex;gap:8px;align-items:center;font-size:12px}.check-line input{width:auto;margin:0!important}.login-submit{width:100%;font-size:15px}.text-button{display:block;margin:14px auto;background:none;color:#239dad;font-size:13px}.demo-credentials{margin-top:25px;padding:15px;background:#f0f5f7;font-size:12px;line-height:1.7;border-left:3px solid #249faf}.demo-credentials strong{display:block;font-size:13px}.demo-credentials p{margin:8px 0 14px;color:#697b90}.demo-credentials code{color:#185768}.demo-credentials .btn{font-size:12px;min-height:36px;padding:10px 14px}.form-error{font-size:13px;color:#a72e3e;min-height:0;line-height:1.5}.form-error:empty{display:none}.header-tools{align-items:center}#user-name{font-size:13px}#notifications{position:relative}#notification-count:not(:empty){background:#239faf;color:white;font-size:10px;border-radius:50%;padding:3px 5px;position:absolute;top:-7px;right:-5px}.demo-pill{font-size:10px;letter-spacing:.5px;background:#e8f5f6;color:#1b7b8a;border:1px solid #a7d2da;padding:5px 8px;border-radius:3px;white-space:nowrap}.demo-summary{padding:30px;color:#6d7d94;font-size:13px}.demo-summary span{margin-right:30px;font-weight:bold}.demo-summary p{font-size:12px;margin-top:16px}.report-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.report-options .btn{font-size:12px;min-height:36px;padding:10px 12px}.date-field{display:flex;position:relative}.date-field input{padding-right:42px;text-align:center}.date-field button{position:absolute;right:3px;top:3px;bottom:3px;background:transparent;color:#78899d;padding:5px 12px;font-size:23px}.table-scroll{overflow:auto}table{margin-top:0}th button{background:none;border:0;color:white;font-size:13px;font-weight:bold;width:100%;text-align:inherit;white-space:normal}.grid-tools{margin-top:18px;margin-bottom:16px}.pagination{flex-wrap:wrap;gap:1px}.pagination>.current{padding:12px 19px;background:#249faf;color:white;font-size:20px;margin:0}.pagination>span:not(.current){font-size:14px}.page-size-label{display:flex;gap:8px;align-items:center;font-size:12px}.page-size-label select{width:62px;padding:8px}.row-actions{min-width:200px}.row-actions .btn{padding:9px 10px;min-height:32px;font-size:11px;margin:3px;white-space:nowrap}.btn:disabled,.pagination button:disabled{cursor:default;opacity:.45}.btn:hover:not(:disabled){background:#198594}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #79c7d3;outline-offset:2px}.modal-top{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:15px;padding:10px 16px}.modal-heading{font-size:14px;font-weight:bold}.modal-top .close{font-size:40px;padding:0;line-height:34px}.small-modal{max-width:650px;min-height:0;margin:45px auto;border-radius:3px;box-shadow:0 12px 40px #0002}.small-modal .modal-body{padding:20px 26px 30px}.dialog-actions,.language-options{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.notification-list{margin-top:22px;max-height:55vh;overflow:auto}.notification{width:100%;text-align:left;padding:14px;border:1px solid #e2e7ee;background:#f6f7f9;color:#4e5c74;display:block;margin:8px 0;border-radius:3px;line-height:1.5}.notification small{display:block;color:#7c8ca1;margin-top:7px}.notification.unread{border-left:4px solid #249faf;background:#edf7f8}.column-menu{z-index:8}.column-menu label{cursor:pointer}.form-grid{margin:16px 0 18px}#agent-search{margin-top:20px}body.mobile-open .side-tools{display:flex}body.mobile-open .brand span{display:inline}
@media(min-width:701px){body.collapsed .side-tools{display:flex;flex-direction:column;height:auto}body.collapsed .side-tools button{width:100%;height:46px;border:0}body.collapsed .brand svg{display:none}body.collapsed .brand button{width:100%;margin:0}}
@media(max-width:1100px){#user-name{display:none}header{padding:0 20px}.header-tools{gap:10px}.modal-body{padding:22px}.pagination>span:not(.current){margin:10px auto}}
@media(max-width:700px){.header-tools #demo-mode{display:none}#content{padding:0 12px}.login-card{padding:0 24px 25px}.login-brand{margin:0 -24px 24px;font-size:19px}.table-scroll table{min-width:620px}#overlay{left:0;padding:12px;background:#0008}.small-modal{margin:24px auto}.modal{min-height:0}.modal-body{padding:15px!important}.pagination{row-gap:10px}.pagination .page-size-label{width:100%;justify-content:flex-end}.report-options>div{display:flex;gap:5px;flex-wrap:wrap}.grid-tools .btn{font-size:11px;padding:10px}.grid-tools .spacer{display:none}.demo-summary{padding:25px 0}.demo-summary span{margin-right:12px}body:not(.mobile-open) .side-tools{display:flex;flex-direction:column;height:auto}body:not(.mobile-open) .side-tools button{width:100%;height:42px;border:0}body:not(.mobile-open) .brand svg{display:none}body:not(.mobile-open) .brand button{width:100%;margin:0}.small-modal .dialog-actions .btn{font-size:11px}#crumb{display:none}}