/* ganteng pages */
body{background:#f5f5f4}
#main-body,#main-body .panel,#main-body .btn,#main-body input,#main-body .list-group-item,#main-body h1,#main-body h3{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
#main-body{font-size:14px;color:#303030;background:#f5f5f4}
#main-body .header-lined h1{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#303030;margin:0 0 4px}
#main-body .header-lined{border:0;margin-bottom:18px}#main-body .breadcrumb{background:none;padding:0;font-size:12.5px;margin:0}#main-body .breadcrumb a,#main-body .breadcrumb>.active{color:#8a8a8a}
#main-body .panel{border:1px solid #e7e6e4;border-radius:8px;box-shadow:none;overflow:hidden;margin-bottom:16px;background:#fff}
#main-body .panel-heading{background:#fff!important;border-bottom:1px solid #f1f0ee;padding:14px 18px}
#main-body .panel-title{font-size:15px;font-weight:600;color:#303030}#main-body .panel-title i{display:none}
#main-body .panel-minimise{display:none}
#main-body .panel-body{padding:16px 18px;font-size:13.5px;color:#555}
#main-body .panel-footer{background:#fff;border-top:1px solid #f1f0ee;padding:12px 18px}#main-body .panel-footer:empty{display:none}
#main-body .list-group-item{border:0;border-top:1px solid #f1f0ee;padding:12px 18px;color:#303030;font-size:13.5px;border-radius:0!important}
#main-body .list-group-item:first-child{border-top:0}#main-body .list-group-item i{display:none}
#main-body a.list-group-item:hover{background:#fafaf9;color:#303030}
#main-body .list-group-item.active{background:#f5f5f4;color:#303030;font-weight:600;border-color:#f1f0ee}
#main-body .list-group-item .badge{background:none;color:#a3a3a3;font-weight:500}
#main-body .btn{border-radius:5.5px;font-size:13.5px;font-weight:500;box-shadow:none}
#main-body .btn-success,#main-body .btn-primary{background:#303030;border-color:#303030;color:#fff}
#main-body .btn-default,#main-body .btn-info{background:#fff;border-color:#d6d4d1;color:#303030}
#main-body .panel-accent-gold,#main-body .panel-accent-blue,#main-body .panel-accent-green,#main-body .panel-accent-red,#main-body .panel-accent-emerald,#main-body .panel-accent-asbestos{border-top:1px solid #e7e6e4}
.ath-av{width:56px;height:56px;border-radius:50%;background:#e7e6e4;color:#555;display:grid;place-items:center;font-size:20px;font-weight:600;position:relative;overflow:hidden;margin-bottom:12px}
.ath-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ath-kp{display:flex;border:1px solid #e7e6e4;border-radius:8px;background:#fff;margin:0 0 18px}
.ath-kp>*{flex:1;padding:14px 18px;border-left:1px solid #e7e6e4;color:#303030;text-decoration:none!important;min-width:0}.ath-kp>*:first-child{border:0}
.ath-kp span{display:block;font-size:12.5px;color:#737373}.ath-kp b{display:block;font-size:18px;font-weight:600;margin-top:4px;color:#303030;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.ath-pl{font-size:13px;font-weight:500;color:#737373}
.ath-list{background:#fff;border:1px solid #e7e6e4;border-radius:8px;overflow:hidden}
.ath-seg{display:flex;gap:4px;border-bottom:1px solid #f1f0ee;padding:0 12px;overflow-x:auto;scrollbar-width:none}.ath-seg::-webkit-scrollbar{display:none}
.ath-seg a{padding:12px 8px;font-size:13.5px;color:#737373;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none!important}
.ath-seg a.on{color:#303030;font-weight:600;border-color:#b80000}.ath-seg b{font-weight:500;color:#a3a3a3;margin-left:4px}
a.ath-r{display:grid;grid-template-columns:minmax(0,2fr) 1.1fr 1fr 110px 16px;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid #f1f0ee;color:#303030;text-decoration:none!important}
.ath-seg+a.ath-r{border-top:0}a.ath-r:hover{background:#fcfcfb;color:#303030}
.ath-pr{display:flex;gap:12px;align-items:center;min-width:0}.ath-pr>div:last-child{min-width:0}
.ath-ic{width:38px;height:38px;border-radius:8px;background:#f5f5f4;border:1px solid #ecebe9;display:grid;place-items:center;flex:none}.ath-ic svg{width:18px;height:18px}
.ath-pn{font-weight:600;font-size:14px;overflow-wrap:anywhere}.ath-ps,.ath-k{font-size:12.5px;color:#737373}.ath-k{display:block;margin-bottom:2px}.ath-v{font-weight:500;font-variant-numeric:tabular-nums}
.ath-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#737373}.ath-st i{width:7px;height:7px;border-radius:50%;background:#a3a3a3}
.ath-st-active{color:#3d7a5a}.ath-st-active i{background:#3d7a5a}.ath-st-pending{color:#8c6a2b}.ath-st-pending i{background:#c4a26b}.ath-st-suspended{color:#9a4a4a}.ath-st-suspended i{background:#9a4a4a}
.ath-cv{color:#b5b3b0}.ath-empty{padding:28px 20px;text-align:center;color:#737373}
.ath-panels .panel .list-group-item{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ath-panels .label{border-radius:999px;font-weight:500;font-size:11.5px;padding:3px 9px}
@media(max-width:991px){#main-body .sidebar{margin-top:8px}}
@media(max-width:767px){.ath-kp>*{padding:12px}.ath-kp b{font-size:16px}
a.ath-r{grid-template-columns:1fr auto;gap:10px;padding:16px}.ath-pr{grid-column:1/-1}.ath-du{text-align:right}.ath-cv{display:none}}
@media(max-width:991px){#main-body>.container>.row{display:flex;flex-direction:column}#main-body>.container>.row>.main-content{order:1}#main-body>.container>.row>.sidebar{order:2}#main-body>.container>.row>.sidebar-secondary{order:3}}