html,body,#root{height:100%}select.select{height:3.6rem;min-width:12rem;padding:0 3rem 0 1.2rem;border:1px solid #d8dce0;border-radius:.6rem;background:#fff url(/images/bg_select.svg) no-repeat right 1rem center;color:#313131;font-size:1.4rem;cursor:pointer;appearance:none}select.select:focus{border-color:#2a80d6;outline:none}.f-wrap{flex-wrap:wrap}input.input[type=date]{min-width:15rem}.sidebar__bottom .logout-btn{display:inline-flex;align-items:center;gap:.6rem;background:none;border:0;cursor:pointer;padding:.6rem 0;color:#d5dce3;font-size:1.4rem}.sidebar__bottom .logout-btn:hover{color:#fff}.contents-wrap{padding:1.6rem}.grid-wrap{min-height:42rem}.grid-container{width:100%;height:100%}.grid-top{display:flex;align-items:center;justify-content:space-between}.grid-data-counter{color:#2a80d6;font-weight:700}.grid-bottom{display:flex;justify-content:center;padding:1.2rem 0 .4rem}.paging{display:inline-flex;align-items:center;gap:.4rem}.paging-list{display:inline-flex;align-items:center;gap:.2rem;margin:0 .4rem;padding:0;list-style:none}.paging-btn,.paging-num{min-width:3.2rem;height:3.2rem;padding:0 .8rem;border:1px solid #d8dce0;background:#fff;border-radius:.6rem;color:#4d5967;font-size:1.3rem;cursor:pointer}.paging-btn.first:after{content:"«"}.paging-btn.prev:after{content:"‹"}.paging-btn.next:after{content:"›"}.paging-btn.last:after{content:"»"}.paging-num.--now{background:#2a80d6;border-color:#2a80d6;color:#fff;font-weight:700}.paging-btn:disabled{opacity:.4;cursor:default}.paging-btn:not(:disabled):hover,.paging-num:not(.--now):hover{border-color:#2a80d6;color:#2a80d6}.state-box{padding:4rem 1.6rem;text-align:center;color:#84919e;font-size:1.4rem}.state-box.error{color:#d80004}.spinner{width:2.4rem;height:2.4rem;border:3px solid #d8dce0;border-top-color:#2a80d6;border-radius:50%;animation:hq-spin .8s linear infinite;margin:0 auto}@keyframes hq-spin{to{transform:rotate(360deg)}}.center-screen{display:flex;align-items:center;justify-content:center;height:100vh}.hq-modal-dim{position:fixed;inset:0;background:#262d3580;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.hq-modal{background:#fff;border-radius:1rem;width:100%;max-width:56rem;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 1.2rem 4rem #0003}.hq-modal--lg{max-width:84rem}.hq-modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem;border-bottom:1px solid #ebeef0}.hq-modal__title{font-size:1.7rem;font-weight:700;color:#262d35}.hq-modal__close{background:none;border:0;font-size:2rem;line-height:1;color:#84919e;cursor:pointer}.hq-modal__body{padding:2rem;overflow-y:auto}.hq-modal__foot{display:flex;justify-content:flex-end;gap:.8rem;padding:1.6rem 2rem;border-top:1px solid #ebeef0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem 1.6rem}.form-grid .field{display:flex;flex-direction:column;gap:.6rem;min-width:0}.form-grid .field--full{grid-column:1 / -1}.form-grid .field>label{font-size:1.3rem;color:#4d5967;font-weight:600}.form-grid .field .req{color:#d80004;margin-left:.2rem}.form-error{grid-column:1 / -1;color:#d80004;font-size:1.3rem;min-height:1.6rem}.hq-modal .input,.hq-modal textarea,.hq-modal select.select,.form-grid .field>.input,.form-grid .field>textarea,.form-grid .field>select.select{width:100%;height:3.6rem;border:1px solid #b6bfc8;border-radius:.4rem;background-color:#fff;padding:0 1rem;color:#313131;font-size:1.4rem;box-sizing:border-box}.hq-modal textarea,.form-grid .field>textarea{height:auto;min-height:8rem;padding:.8rem 1rem;line-height:1.5;resize:vertical}.hq-modal .input:focus,.hq-modal textarea:focus,.hq-modal select.select:focus,.form-grid .field>.input:focus,.form-grid .field>textarea:focus,.form-grid .field>select.select:focus{outline:none;border-color:#2a80d6}.hq-modal .input:disabled,.hq-modal .input[readonly],.form-grid .field>.input:disabled,.form-grid .field>.input[readonly]{background-color:#f4f6fb;color:#84919e;cursor:default}.hq-modal .input-default,.form-grid .field>.input-default{width:100%;min-height:3.6rem}.hq-modal .input-default .input,.form-grid .field>.input-default .input{border:0;height:3.2rem;padding:0;background:transparent}.detail-list{display:grid;grid-template-columns:1fr 1fr;column-gap:2.4rem;row-gap:0}.detail-row{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:1.1rem .2rem;border-bottom:1px solid #eef1f4;min-width:0}.detail-row--full{grid-column:1 / -1}.detail-row dt{margin:0;font-size:1.3rem;font-weight:600;color:#84919e}.detail-row dd{margin:0;font-size:1.4rem;color:#313131;min-width:0;word-break:break-word;line-height:1.5}.hq-toast{position:fixed;left:50%;bottom:3rem;transform:translate(-50%);background:#262d35;color:#fff;padding:1.1rem 1.8rem;border-radius:.8rem;font-size:1.4rem;z-index:1200;box-shadow:0 .6rem 2rem #00000040}.perm-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-top:.4rem;border-top:1px solid #ebeef0;border-bottom:1px solid #ebeef0}.perm-selectall{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:1.4rem;font-weight:600;color:#4d5967}.perm-selectall input{width:1.7rem;height:1.7rem;accent-color:#22c97f}.perm-count{font-size:1.3rem;color:#84919e}.perm-count b{color:#2a80d6}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem;align-content:start;overflow-y:auto;padding-right:.2rem}.perm-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border:1px solid #e5e9ee;border-radius:.8rem;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.perm-item:hover{border-color:#b6bfc8;background:#f8fafb}.perm-item.is-on{border-color:#22c97f;background:#f1fbf6}.perm-item input{width:1.7rem;height:1.7rem;flex-shrink:0;accent-color:#22c97f}.perm-item .perm-name{flex:1;min-width:0;font-size:1.4rem;font-weight:500;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-item .perm-code{flex-shrink:0}@media(max-width:1100px){.perm-grid{grid-template-columns:1fr}}.dash-filter{display:flex;align-items:flex-end;gap:1.2rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}.kpi-card{background:#fff;border:1px solid #ebeef0;border-radius:1rem;padding:1.6rem 1.8rem}.kpi-card .kpi-label{font-size:1.3rem;color:#84919e}.kpi-card .kpi-value{font-size:2.4rem;font-weight:800;color:#262d35;margin-top:.6rem}.kpi-card .kpi-sub{font-size:1.2rem;color:#84919e;margin-top:.3rem}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.2rem}.dash-grid--2{grid-template-columns:1fr 1fr}.widget{background:#fff;border:1px solid #ebeef0;border-radius:1rem;padding:1.6rem 1.8rem}.widget__title{font-size:1.5rem;font-weight:700;color:#262d35;margin-bottom:1.2rem}.echart-box{width:100%;height:28rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.dash-grid--2{grid-template-columns:1fr}}.btn.base.primary.danger{background:#d80004;border-color:#d80004}.btn.base.primary.danger:hover{background:#b80004;border-color:#b80004}