/* Fair E Web Host / FairPanel Billing Experience v12
 * Presentation-only extension. Does not modify invoice, tax, gateway or authentication flows.
 */
:root{--fwh12-ink:#102c3d;--fwh12-deep:#082d39;--fwh12-green:#159447;--fwh12-border:#dce9e9;--fwh12-soft:#f3f8f8;--fwh12-shadow:0 8px 35px rgba(16,54,66,.07)}
body.fwh-client,body.fwh-admin{color:var(--fwh12-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;background:#f5f8f9}
body.fwh-client .fwh-topbar,body.fwh-admin .fwh-topbar{background:rgba(255,255,255,.98);border-bottom:1px solid #e0eaeb;box-shadow:0 4px 19px rgba(9,34,45,.045);backdrop-filter:blur(10px)}
body.fwh-client .fwh-sidebar,body.fwh-admin .fwh-sidebar{background:#0b2939;border-right:1px solid rgba(255,255,255,.08)}
body.fwh-client .fwh-sidebar-section,body.fwh-admin .fwh-sidebar-section{color:#a6c5cd;font-size:.67rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-top:18px}
body.fwh-client .fwh-side-link,body.fwh-admin .fwh-side-link{font-size:.865rem;border-radius:10px;transition:background .15s,color .15s,transform .15s}
body.fwh-client .fwh-side-link:hover,body.fwh-admin .fwh-side-link:hover{background:rgba(255,255,255,.10);transform:translateX(2px)}
body.fwh-client .fwh-side-link.active,body.fwh-admin .fwh-side-link.active{background:rgba(91,222,144,.17);color:#e4ffeb;border-left:3px solid #67da8c}
body.fwh-client .fwh-brand-context,body.fwh-admin .fwh-brand-context{letter-spacing:.04em}
body.fwh-client .fwh-content,body.fwh-admin .fwh-content{max-width:1540px;margin-inline:auto}
body.fwh-client .fwh-page-title,body.fwh-admin .fwh-page-title{font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1.15;letter-spacing:-.04em;font-weight:820;color:#103344}
body.fwh-client .fwh-page-subtitle,body.fwh-admin .fwh-page-subtitle{color:#667e89;font-size:.9rem}
body.fwh-client .fwh-kpi,body.fwh-admin .fwh-kpi{border-radius:15px;border:1px solid var(--fwh12-border);box-shadow:var(--fwh12-shadow);background:#fff;transition:transform .18s,box-shadow .18s}
body.fwh-client .fwh-kpi:hover,body.fwh-admin .fwh-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(16,54,66,.11)}
body.fwh-client .fwh-kpi-value,body.fwh-admin .fwh-kpi-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.fwh-client .fwh-panel,body.fwh-admin .fwh-panel,body.fwh-client .fwh-site-card,body.fwh-admin .card,body.fwh-client .card{border-radius:16px;border:1px solid var(--fwh12-border);box-shadow:var(--fwh12-shadow)}
body.fwh-client .fwh-site-hero,body.fwh-admin .fwh-site-hero{background:linear-gradient(115deg,#e9f8ee,#f2f8fa)}
body.fwh-client .fwh-panel-heading,body.fwh-admin .fwh-panel-heading{font-weight:820;color:#173a48}
body.fwh-client .btn,body.fwh-admin .btn,body.fwh-auth .btn{border-radius:9px;font-weight:720;transition:transform .14s,background-color .14s,box-shadow .14s}
body.fwh-client .btn:hover:not(:disabled),body.fwh-admin .btn:hover:not(:disabled),body.fwh-auth .btn:hover:not(:disabled){transform:translateY(-1px)}
body.fwh-client .btn-primary,body.fwh-admin .btn-primary,body.fwh-auth .btn-primary{background:#159447;border-color:#159447;color:#fff}
body.fwh-client .btn-primary:hover,body.fwh-admin .btn-primary:hover,body.fwh-auth .btn-primary:hover{background:#0d7637;border-color:#0d7637}
body.fwh-client .form-control,body.fwh-admin .form-control,body.fwh-client .form-select,body.fwh-admin .form-select,body.fwh-auth .form-control{border-radius:9px;border-color:#cddfe3;min-height:40px}
body.fwh-client :is(.form-control,.form-select):focus,body.fwh-admin :is(.form-control,.form-select):focus,body.fwh-auth .form-control:focus{border-color:#159447;box-shadow:0 0 0 .22rem rgba(21,148,71,.14)}
body.fwh-client input:focus-visible,body.fwh-admin input:focus-visible,body.fwh-client button:focus-visible,body.fwh-admin button:focus-visible,body.fwh-auth button:focus-visible,body.fwh-client a:focus-visible,body.fwh-admin a:focus-visible{outline:2px solid #28b866;outline-offset:3px}
body.fwh-client .table,body.fwh-admin .table{--bs-table-bg:transparent;border-color:#e5eeee;font-size:.86rem}
body.fwh-client .table>thead th,body.fwh-admin .table>thead th{background:#f0f6f7;color:#486471;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em;white-space:nowrap;padding-block:13px}
body.fwh-client .table>tbody td,body.fwh-admin .table>tbody td{padding-block:13px;vertical-align:middle}
body.fwh-client .table-responsive,body.fwh-admin .table-responsive{border-radius:10px}
body.fwh-client .badge,body.fwh-admin .badge{font-weight:780;letter-spacing:.012em;padding:.45em .65em;border-radius:7px}
body.fwh-client .dropdown-menu,body.fwh-admin .dropdown-menu{border:1px solid #d7e4e7;border-radius:13px;box-shadow:0 20px 45px rgba(8,42,55,.13)}
body.fwh-client .dropdown-item,body.fwh-admin .dropdown-item{border-radius:7px;margin:2px 5px;width:calc(100% - 10px);font-size:.86rem}
body.fwh-client .dropdown-item:focus,body.fwh-admin .dropdown-item:focus{background:#e7f6ea;color:#0d693b}
body.fwh-client .fwh-footer,body.fwh-admin .fwh-footer{border-top:1px solid #dfe9e9;color:#6d8189}
body.fwh-auth{background:radial-gradient(circle at 75% 12%,#d7f2e3,transparent 32%),linear-gradient(145deg,#edf5f7,#f7f9fa)}
body.fwh-auth .card,body.fwh-auth .auth-card,body.fwh-auth .login-card{border:1px solid #dce9e9!important;border-radius:20px!important;box-shadow:0 20px 65px rgba(8,45,49,.10)!important}
body.fwh-auth a{color:#147e46}
/* Inline utility bar: purely navigation, no session or payment state in browser storage. */
.fwh12-quicklinks{display:flex;gap:7px;align-items:center;min-width:0}
.fwh12-quicklinks a{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;border:1px solid #dce8ea;border-radius:8px;background:#f6fafa;color:#385665;padding:8px 11px;text-decoration:none;font-size:.75rem;font-weight:780}
.fwh12-quicklinks a:hover{background:#e6f4e9;border-color:#b8e6c4;color:#0e793f}
.fwh12-skip{position:fixed;left:-9999px;top:12px;z-index:200000;background:#fff;color:#092e3d;border:2px solid #159447;border-radius:9px;padding:9px 14px;font-weight:800}
.fwh12-skip:focus{left:12px}
.fwh12-page-toast{position:fixed;bottom:24px;right:24px;padding:12px 17px;z-index:99999;border-radius:12px;color:#fff;background:#153b43;box-shadow:0 15px 35px rgba(8,38,50,.22);font-size:.85rem}
@media(max-width:1200px){.fwh12-quicklinks{display:none}}
@media(max-width:768px){body.fwh-client .fwh-page-head,body.fwh-admin .fwh-page-head{gap:15px}body.fwh-client .fwh-kpi-grid,body.fwh-admin .fwh-kpi-grid{gap:11px}body.fwh-client .fwh-content,body.fwh-admin .fwh-content{padding-inline:12px}body.fwh-client .fwh-site-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body.fwh-client *,body.fwh-admin *,body.fwh-auth *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Actual working dashboard routes; no replica controller logic or fake account statistics. */
.fwh12-dashboard-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:23px}
.fwh12-dashboard-links>a{min-width:0;display:flex;align-items:center;gap:11px;text-decoration:none;padding:17px 14px;border:1px solid #dce7eb;background:#fff;border-radius:13px;box-shadow:0 8px 24px rgba(11,49,64,.045);transition:transform .16s,box-shadow .16s}
.fwh12-dashboard-links>a:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,48,64,.09);border-color:#b5dcc4}
.fwh12-action-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:#e9f8ec;color:#168a4a;font-size:1.03rem}
.fwh12-dashboard-links>a>span:nth-child(2){min-width:0;display:grid;gap:3px}.fwh12-dashboard-links strong{font-size:.84rem;color:#183948;line-height:1.3}.fwh12-dashboard-links small{color:#68808b;font-size:.72rem;line-height:1.3}.fwh12-dashboard-links>a>i{color:#89aab2;margin-left:auto;font-size:.7rem}
.fwh-client-billing-index .billing-hero{border-radius:18px;background:linear-gradient(122deg,#0b3442,#146451);box-shadow:0 13px 35px rgba(9,47,58,.14);color:#fff;padding:28px 32px}
.fwh-client-billing-index .billing-hero h2{color:#fff;font-size:1.5rem;letter-spacing:-.03em}.fwh-client-billing-index .billing-hero p{color:#cce1e4}
.fwh-client-billing-index .billing-stat-card{border:1px solid #dfe9e9!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(9,45,51,.045)!important}
.fwh-client-billing-index .card-header{background:#f4f9f8!important;border-bottom:1px solid #dfe9e9!important;color:#193847}
@media(max-width:1250px){.fwh12-dashboard-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.fwh12-dashboard-links{grid-template-columns:1fr}.fwh12-dashboard-links>a{padding:13px}.fwh-client-billing-index .billing-hero{padding:22px}}