/* ISP360_PREMIUM_UI_V13 */
.p13-page-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  position:relative;
  padding-bottom:14px!important;
  margin-bottom:8px!important;
}
.p13-page-title:after{
  content:"";
  position:absolute;
  left:52px;
  bottom:0;
  width:74px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#0ea5e9,#c9972b);
}
.p13-title-icon{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(145deg,#0b1d36,#174d95 64%,#2563eb);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 24px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
.p13-title-icon svg{width:19px;height:19px}
.main>.p13-page-title + p:not(.notice):not(.error),
.main>.p13-page-title + .muted{
  max-width:900px;
  margin-top:0!important;
  color:#708196!important;
  line-height:1.65!important;
}
.p13-section-title{
  position:relative;
  font-weight:820!important;
  letter-spacing:-.25px!important;
}
.main .toolbar,.main .filters,.main .filter-bar,.main .search-bar,.main .actions{
  padding:11px!important;
  border:1px solid #dfe7f0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff,#f7faff)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
}
.main .tabs{
  display:flex;
  gap:5px;
  overflow:auto;
  padding:6px!important;
  border:1px solid #dde5ef!important;
  border-radius:13px!important;
  background:#edf3f8!important;
}
.main .tabs button{
  flex:0 0 auto;
  min-height:38px!important;
  padding:8px 12px!important;
  border:0!important;
  background:transparent!important;
  color:#52657a!important;
  box-shadow:none!important;
}
.main .tabs button.selected,.main .tabs button.active{
  background:#fff!important;
  color:#1849a9!important;
  box-shadow:0 5px 14px rgba(15,23,42,.08)!important;
}
.p13-primary-action{
  background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#0ea5e9)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(37,99,235,.20)!important;
}
.p13-secondary-action{
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  color:#334155!important;
  border:1px solid #d6e0ea!important;
  box-shadow:0 4px 10px rgba(15,23,42,.035)!important;
}
.p13-danger-action{
  background:linear-gradient(180deg,#fff5f5,#feecec)!important;
  color:#b42318!important;
  border:1px solid #fecaca!important;
  box-shadow:none!important;
}
.p13-primary-action:hover,.p13-secondary-action:hover,.p13-danger-action:hover{
  transform:translateY(-1px)!important;
}
.main td button,.main td .button,.main td .btn{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
.p13-data-table{
  border:1px solid #dfe7f0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(15,23,42,.035)!important;
  font-variant-numeric:tabular-nums;
}
.p13-data-table thead th{
  position:relative;
  background:linear-gradient(180deg,#f9fbfe,#f1f5fa)!important;
  color:#52657a!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
.p13-data-table tbody tr:nth-child(even){background:#fbfdff}
.p13-data-table tbody tr:hover{background:#f3f8ff!important}
.p13-data-table tbody tr:hover td{color:#203247!important}
.p13-data-table td:first-child{font-weight:620}
.p13-data-table td:last-child{white-space:nowrap}
.p13-kpi{position:relative!important}
.p13-kpi:before{display:none!important}
.p13-kpi-icon{
  position:absolute;
  right:18px;
  top:18px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.p13-kpi-icon svg{width:18px;height:18px}
#onlineChart svg,#collectionChart svg{filter:drop-shadow(0 6px 12px rgba(15,23,42,.035))}
#onlineChart polygon{fill:rgba(37,99,235,.09)!important}
#onlineChart polyline{
  stroke:#2563eb!important;
  stroke-width:3!important;
  filter:drop-shadow(0 3px 4px rgba(37,99,235,.20))
}
#onlineChart circle{
  fill:#2563eb!important;
  stroke:#fff!important;
  stroke-width:2!important;
  r:4px;
}
#collectionChart rect{
  fill:#2563eb!important;
  opacity:.88;
  filter:drop-shadow(0 4px 5px rgba(37,99,235,.14))
}
#onlineChart line,#collectionChart line{stroke:#e3eaf2!important}
#onlineChart text,#collectionChart text{fill:#718398!important;font-weight:600}
.main .notice,.main .alert,.main .message{
  border:1px solid #dbe5ef!important;
  background:linear-gradient(180deg,#f8fbff,#f4f8fc)!important;
}
.main .notice:has(+ .p13-page-title){margin-bottom:18px}
@media(max-width:800px){
  .p13-title-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .p13-title-icon svg{width:17px;height:17px}
  .p13-page-title{gap:10px!important}
  .p13-page-title:after{left:46px}
  .main .toolbar,.main .filters,.main .filter-bar,.main .search-bar,.main .actions{padding:9px!important}
  .main .tabs{border-radius:11px!important}
}