.wsp-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.wsp-page-header h3{margin:0 0 6px;font-weight:700;color:#172b4d}.wsp-page-header p{margin:0;color:#6b778c}.wsp-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wsp-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.wsp-stat{background:#fff;border:1px solid #e6e9ef;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(23,43,77,.05);display:flex;align-items:center;gap:14px}.wsp-stat__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#edf4ff;color:#2563eb}.wsp-stat--success .wsp-stat__icon{background:#e8f7ef;color:#15803d}.wsp-stat--warning .wsp-stat__icon{background:#fff4dd;color:#c26a00}.wsp-stat--danger .wsp-stat__icon{background:#ffebeb;color:#c92a2a}.wsp-stat--info .wsp-stat__icon{background:#e9f7fb;color:#087ea4}.wsp-stat__value{display:block;font-size:25px;line-height:1;font-weight:700;color:#172b4d}.wsp-stat__label{display:block;margin-top:5px;color:#6b778c;font-size:12px}.wsp-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.wsp-toolbar .form-control{max-width:240px}.wsp-service-type{display:inline-flex;align-items:center;gap:7px;font-weight:600}.wsp-expiry{font-weight:600}.wsp-expiry--active{color:#15803d}.wsp-expiry--expiring{color:#b45309}.wsp-expiry--expired{color:#b91c1c}.wsp-empty{padding:42px 20px;text-align:center;color:#6b778c}.wsp-empty i{display:block;font-size:34px;margin-bottom:12px;color:#c8ced8}.wsp-panel{border-radius:10px;overflow:hidden}.wsp-panel .panel-body{padding:20px}.wsp-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wsp-section-title h4{margin:0;font-weight:700}.wsp-table td{vertical-align:middle!important}.wsp-table .btn{margin-bottom:2px}@media(max-width:1100px){.wsp-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.wsp-page-header{display:block}.wsp-actions{justify-content:flex-start;margin-top:14px}.wsp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wsp-toolbar .form-control{max-width:none;width:100%}}

#widget-service-subscriptions-expiry .wsp-panel{overflow:visible}
#widget-service-subscriptions-expiry .panel-body{position:relative}
#widget-service-subscriptions-expiry .widget-dragger{top:16px;left:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;color:#94a3b8;cursor:move;cursor:grab;z-index:5}
#widget-service-subscriptions-expiry .widget-dragger:hover{background:#eef2f7;color:#475569;border-color:#cbd5e1}
#widget-service-subscriptions-expiry .widget-dragger:active{cursor:grabbing}
#widget-service-subscriptions-expiry .wsp-section-title{padding-left:40px}
.mobile #widget-service-subscriptions-expiry .widget-dragger{display:none}

.wsp-filter-panel{margin:0 0 18px;padding:16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.wsp-filter-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#334155}
.wsp-filter-panel__heading strong{display:block;font-size:14px}
.wsp-filter-panel__heading small{display:block;margin-top:3px;color:#64748b;font-weight:400}
.wsp-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}
.wsp-filter-field label{display:block;margin-bottom:5px;color:#475569;font-size:12px;font-weight:600}
.wsp-filter-field--search{grid-column:span 2}
.wsp-filter-field--actions{display:flex;flex-direction:column;justify-content:flex-end}
.wsp-filter-field--actions .btn{width:100%}
#wsp-service-table_wrapper .dataTables_filter{display:none}
@media(max-width:1100px){.wsp-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:767px){.wsp-filter-panel__heading{align-items:flex-start}.wsp-filter-grid{grid-template-columns:1fr}.wsp-filter-field--search{grid-column:auto}}