/*
Theme Name: ISP Billing Pro
Theme URI: https://example.com/
Author: ISP Billing
Description: WordPress ISP billing and customer-management application theme with MikroTik and M-Pesa integration.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: isp-billing
*/
:root{--ib-primary:#1976d2;--ib-dark:#162334;--ib-bg:#f4f7fb;--ib-card:#fff;--ib-text:#182230;--ib-muted:#6b7785;--ib-success:#16a34a;--ib-danger:#dc2626;--ib-warning:#d97706}
*{box-sizing:border-box}body{margin:0;background:var(--ib-bg);color:var(--ib-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ib-shell{display:flex;min-height:100vh}.ib-sidebar{width:245px;background:var(--ib-dark);color:#fff;padding:22px 14px;position:fixed;inset:0 auto 0 0}.ib-brand{font-size:21px;font-weight:800;padding:10px 12px 24px}.ib-nav a{display:block;color:#d9e4f2;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.ib-nav a:hover,.ib-nav a.active{background:#2378d1;color:#fff}.ib-main{margin-left:245px;flex:1}.ib-top{height:68px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.ib-content{padding:28px}.ib-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ib-card{background:#fff;border:1px solid #e5eaf0;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(20,35,55,.04)}.ib-stat{font-size:28px;font-weight:800;margin-top:8px}.ib-muted{color:var(--ib-muted);font-size:13px}.ib-title{font-size:24px;margin:0 0 18px}.ib-table{width:100%;border-collapse:collapse;background:#fff}.ib-table th,.ib-table td{padding:12px;border-bottom:1px solid #edf0f4;text-align:left;font-size:14px}.ib-table th{background:#f8fafc}.ib-btn{display:inline-block;border:0;border-radius:7px;padding:10px 15px;text-decoration:none;cursor:pointer;background:var(--ib-primary);color:#fff}.ib-btn.secondary{background:#64748b}.ib-btn.success{background:var(--ib-success)}.ib-btn.danger{background:var(--ib-danger)}.ib-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ib-form .full{grid-column:1/-1}.ib-form label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.ib-form input,.ib-form select,.ib-form textarea{width:100%;padding:10px;border:1px solid #d5dde7;border-radius:7px;background:#fff}.ib-alert{padding:12px;border-radius:7px;margin:12px 0}.ib-alert.success{background:#ecfdf3;color:#166534}.ib-alert.error{background:#fef2f2;color:#991b1b}.ib-badge{padding:4px 8px;border-radius:99px;font-size:12px;font-weight:700;display:inline-block}.ib-badge.active,.ib-badge.paid{background:#dcfce7;color:#166534}.ib-badge.suspended,.ib-badge.overdue{background:#fee2e2;color:#991b1b}.ib-badge.pending{background:#fef3c7;color:#92400e}.ib-login{max-width:430px;margin:70px auto}.ib-customer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ib-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.ib-sidebar{width:70px}.ib-brand{font-size:0}.ib-nav a{font-size:0}.ib-nav a:before{content:"•";font-size:22px}.ib-main{margin-left:70px}.ib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ib-grid,.ib-form{grid-template-columns:1fr}.ib-main{margin-left:0}.ib-sidebar{display:none}.ib-content{padding:15px}}
