/* kingsnet admin theme */
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(vendor/poppins/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(vendor/poppins/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(vendor/poppins/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(vendor/poppins/poppins-latin-700-normal.woff2) format('woff2')}
:root{--kn-side:#1f2d3f;--kn-side2:#2c3b50;--kn-bg:#f4f6f9;--kn-text:#3a4250;--kn-muted:#7b8494;--kn-line:#e9ecf1;--kn-blue:#1b7cf0;--kn-green:#28a745;--kn-red:#e53b3b;--kn-orange:#f0a12a;--kn-teal:#17a2b8}
html,body{font-family:Poppins,system-ui,sans-serif}
body{background:var(--kn-bg);color:var(--kn-text);font-size:.78rem}
a{color:var(--kn-blue)}
/* sidebar */
.sb{width:230px;background:var(--kn-side);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;z-index:1030;scrollbar-width:thin}
.brand{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1rem;color:#fff;font-weight:700;font-size:1.25rem;letter-spacing:.2px;background:var(--kn-side)}
.brand .logo{background:#fca311;color:#1f2d3f;border-radius:3px;padding:0 .3rem;margin-right:.35rem;font-size:1.05rem}
.sb .links{padding:.6rem .55rem 2rem}
.sb a,.sb summary{color:#dfe5ee;text-decoration:none;display:flex;align-items:center;gap:.65rem;padding:.48rem .75rem;border-radius:4px;font-size:.74rem;font-weight:500;margin-bottom:1px;cursor:pointer}
.sb a i,.sb summary i{width:16px;text-align:center;font-size:.82rem;color:#fff}
.sb a:hover,.sb summary:hover{background:var(--kn-side2);color:#fff}
.sb a.act{background:var(--kn-side2);color:#fff}
.sb summary{list-style:none}.sb summary::-webkit-details-marker{display:none}
.sb summary::after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:.7rem;transition:transform .15s}
.sb details[open]>summary::after{transform:rotate(90deg)}
.sb details[open]>summary{background:var(--kn-side2);color:#fff}
.sb .sub{padding:.15rem 0 .25rem}
.sb .sub a{padding:.32rem .75rem .32rem 2.35rem;font-size:.7rem;font-weight:400;color:#c9d2de}
.sb .sub a::before{content:"\2022";margin-right:.35rem}
.sb .sub a.act{background:var(--kn-side2);color:#fff}
#mt,.mtog{display:none}
main{margin-left:230px;min-height:100vh;display:flex;flex-direction:column}
/* topbar */
.topbar{height:56px;background:#fff;border-bottom:1px solid var(--kn-line);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#2f3640;position:sticky;top:0;z-index:1020}
.topbar .tb-left span{margin-right:1rem;white-space:nowrap}.topbar .tb-left i{margin-right:.25rem}
.topbar .tb-right{display:flex;align-items:center;gap:1.05rem}.topbar .tb-right a,.topbar .tb-right button{color:#2f3640;background:none;border:0;padding:0;font-size:.82rem;position:relative}
.topbar .tb-right .cnt{position:absolute;top:-6px;right:-9px;background:var(--kn-red);color:#fff;border-radius:8px;font-size:.55rem;padding:0 4px;line-height:14px}
.topbar .acct{font-size:.7rem!important;text-transform:none;font-weight:500}
.dropdown-menu{font-size:.75rem;border-color:var(--kn-line);box-shadow:0 6px 18px rgba(20,30,50,.12)}
.content{padding:1.1rem 1.2rem;flex:1}
.page-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#2f3640;margin:.35rem 0 1rem;display:flex;align-items:center;gap:.4rem}
.footer{background:#fff;border-top:1px solid var(--kn-line);display:flex;justify-content:space-between;padding:.9rem 1.2rem;font-size:.66rem;color:#5d6574;text-transform:uppercase}
.footer span:last-child{text-transform:none;font-size:.72rem}
/* cards */
.card{border:0;border-radius:4px;box-shadow:0 1px 3px rgba(20,30,50,.06);margin-bottom:1rem}
.card-header{background:#f3f4f7;border-bottom:1px solid var(--kn-line);font-size:.66rem;font-weight:700;text-transform:uppercase;color:#2f3640;padding:.55rem .9rem;display:flex;align-items:center;gap:.4rem}
.card-header .ms-auto,.card-header .float-end{margin-left:auto}
.card-body{padding:.9rem}
.stat{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(20,30,50,.06);padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;height:100%}
.stat .lbl{font-size:.64rem;font-weight:600;text-transform:uppercase;color:#2f3640}
.stat .val{font-size:1.15rem;font-weight:500;line-height:1.5}
.stat .sub{font-size:.66rem;color:var(--kn-muted)}
.stat .ic{font-size:2rem}
.stat.mini{box-shadow:none;border-right:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);border-radius:0}
.stat.mini .ic{font-size:1rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ic-blue{color:var(--kn-blue)}.ic-green{color:var(--kn-green)}.ic-red{color:var(--kn-red)}.ic-orange{color:var(--kn-orange)}.ic-teal{color:var(--kn-teal)}.ic-gray{color:#6c757d}
.bg-soft-blue{background:#e3effd}.bg-soft-green{background:#e2f5e7}.bg-soft-orange{background:#fdf1dc}.bg-soft-gray{background:#eceef1}
.text-primary{color:var(--kn-blue)!important}.text-success{color:var(--kn-green)!important}.text-danger{color:var(--kn-red)!important}.text-warning{color:var(--kn-orange)!important}
/* toolbar & buttons */
.btn{font-size:.72rem;border-radius:3px}
.btn-sm{font-size:.62rem;font-weight:500;text-transform:uppercase;padding:.28rem .55rem;letter-spacing:.2px}
.btn-sm i{margin-right:.2rem}
.btn-primary{background:var(--kn-blue);border-color:var(--kn-blue)}.btn-success{background:var(--kn-green);border-color:var(--kn-green)}
.btn-danger{background:var(--kn-red);border-color:var(--kn-red)}.btn-warning{background:var(--kn-orange);border-color:var(--kn-orange);color:#fff}
.btn-info{background:var(--kn-teal);border-color:var(--kn-teal);color:#fff}
.table .btn-sm{padding:.18rem .45rem;font-size:.58rem}
.toolbar{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}
.form-control,.form-select{font-size:.72rem;border-radius:3px;border-color:#dfe3ea}
.form-control-sm,.form-select-sm{font-size:.68rem;min-height:28px}
.form-label{font-size:.68rem;font-weight:600;margin-bottom:.2rem;color:#2f3640}
.input-group-text{font-size:.68rem;background:#f3f4f7;border-color:#dfe3ea}
/* tables */
.table{font-size:.68rem;color:var(--kn-text);margin-bottom:.4rem}
.table>:not(caption)>*>*{padding:.55rem .5rem;border-bottom-color:var(--kn-line)}
.table tr:first-child th,.table thead th{font-size:.62rem;font-weight:700;text-transform:uppercase;color:#2f3640;white-space:nowrap;border-bottom:1px solid #dfe3ea}
.table th.sortable{cursor:pointer;padding-right:1.1rem;position:relative}
.table th.sortable::after{content:"\21C5";position:absolute;right:.25rem;opacity:.35;font-size:.65rem}
.table th.sort-asc::after{content:"\2191";opacity:.9}.table th.sort-desc::after{content:"\2193";opacity:.9}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:#f7f9fc}
.dt-top{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;margin-bottom:.5rem}
.dt-top .input-group{width:auto}.dt-top .dt-search{flex:1;min-width:180px;max-width:100%}
.dt-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;color:#5d6574;margin-top:.3rem}
.pagination{margin:0}.page-link{font-size:.66rem;padding:.3rem .6rem;color:#5d6574}
.page-item.active .page-link{background:var(--kn-blue);border-color:var(--kn-blue)}
/* badges */
.badge{font-weight:600;font-size:.58rem;border-radius:3px;letter-spacing:.2px;padding:.3em .55em}
.badge.bg-success{background:#e1f5e6!important;color:#1e9a3d}.badge.bg-danger{background:#fde4e4!important;color:#d32f2f}
.badge.bg-secondary{background:#eceef1!important;color:#5d6574}.badge.bg-info{background:#dff4f8!important;color:#0f8197}
.badge.bg-warning{background:#fff1d6!important;color:#a76a00!important}.badge.bg-primary{background:var(--kn-blue)!important;color:#fff}
.badge.bg-dark{background:#3a4250!important}
.alert{font-size:.72rem;border-radius:4px}.alert-info{background:#e8f1fd;border-color:#d3e4fb;color:#284b7a}
.modal-content{border:0;border-radius:6px}.modal-header{background:#f3f4f7;padding:.6rem 1rem}.modal-title{font-size:.8rem;font-weight:700;text-transform:uppercase}
.online-dot{display:inline-block;width:12px;height:12px;border-radius:50%}
/* log list */
.loglist .it{display:flex;gap:.7rem;padding:.55rem .2rem;border-bottom:1px solid var(--kn-line)}
.loglist .av{width:28px;height:28px;border-radius:50%;background:var(--kn-green);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;font-size:.7rem}
.loglist .who{font-weight:700;text-transform:uppercase;font-size:.66rem}.loglist .meta{margin-left:auto;font-size:.6rem;color:var(--kn-muted);white-space:nowrap}
.pbar{background:#fff;border:1px solid var(--kn-line);border-radius:6px;padding:.55rem .7rem;margin-bottom:.55rem;display:flex;gap:.6rem;align-items:center}
.pbar .bx{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center}
.pbar .progress{height:5px}
@media (max-width:768px){
 .sb{position:static;width:100%;bottom:auto}.brand{height:52px}main{margin-left:0}
 .mtog{display:inline-block;color:#fff;font-size:1.3rem;cursor:pointer}.sb .links{display:none}#mt:checked~.links{display:block}
 .sb a,.sb summary{padding:.65rem .8rem;font-size:.8rem}.sb .sub a{font-size:.76rem}
 .topbar{height:auto;flex-wrap:wrap;padding:.5rem .8rem;gap:.3rem;position:static}.topbar .tb-left span{display:inline-block;margin-right:.5rem}
 .content{padding:.8rem}.footer{flex-direction:column;gap:.2rem}
 .dt-top .dt-search{min-width:100%}
}
.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{font-size:.68rem;padding-top:.22rem;padding-bottom:.22rem;min-height:28px}
.input-group-sm>.form-select{padding-right:1.8rem}