/*
Theme Name: PayHub
Theme URI: https://example.com/
Author: PayHub
Description: Modern fintech/payment gateway UI theme for the PayHub Core plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.2
Text Domain: payhub
*/
:root{
 --ph-primary:#1677ff;--ph-primary-dark:#0b56c7;--ph-sidebar:#071a33;--ph-bg:#f5f8fc;
 --ph-card:#fff;--ph-text:#14213d;--ph-muted:#718096;--ph-border:#e5eaf1;
 --ph-success:#13b981;--ph-warning:#f59e0b;--ph-danger:#ef4444;--ph-radius:14px;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ph-bg);color:var(--ph-text)}
a{color:inherit;text-decoration:none}.ph-container{max-width:1200px;margin:auto;padding:0 22px}
.ph-top{height:72px;background:#fff;border-bottom:1px solid var(--ph-border);display:flex;align-items:center}
.ph-nav{display:flex;align-items:center;justify-content:space-between;width:100%}.ph-logo{font-size:22px;font-weight:800;color:var(--ph-primary)}
.ph-navlinks{display:flex;gap:22px;align-items:center;font-size:14px}.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;background:var(--ph-primary);color:#fff;font-weight:700;cursor:pointer}.ph-btn:hover{background:var(--ph-primary-dark)}
.ph-btn.alt{background:#eaf2ff;color:var(--ph-primary)}.ph-btn.danger{background:var(--ph-danger)}.ph-btn.success{background:var(--ph-success)}
.ph-hero{padding:80px 0;background:linear-gradient(135deg,#f8fbff,#edf5ff)}.ph-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.ph-kicker{color:var(--ph-primary);font-weight:800;font-size:14px}.ph-hero h1{font-size:52px;line-height:1.05;margin:14px 0}.ph-hero p{font-size:18px;color:var(--ph-muted);line-height:1.7}.ph-actions{display:flex;gap:12px;margin-top:25px}
.ph-phone{background:#071a33;border-radius:30px;padding:18px;max-width:310px;margin:auto;box-shadow:0 30px 70px #0a2a5525}.ph-screen{background:#fff;border-radius:20px;padding:22px}.ph-amount{font-size:32px;font-weight:800;margin:20px 0}
.ph-features{padding:60px 0}.ph-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ph-card{background:var(--ph-card);border:1px solid var(--ph-border);border-radius:var(--ph-radius);padding:22px;box-shadow:0 8px 25px #14213d08}.ph-card h3{margin:8px 0}.ph-card p{color:var(--ph-muted);line-height:1.6;font-size:14px}
.ph-dashboard{display:flex;min-height:100vh}.ph-sidebar{width:245px;background:var(--ph-sidebar);color:#fff;padding:22px 14px;position:sticky;top:0;height:100vh}.ph-brand{font-size:22px;font-weight:800;padding:8px 12px 25px}.ph-menu a{display:block;padding:11px 13px;border-radius:9px;margin:3px 0;color:#b9c6d8;font-size:14px}.ph-menu a:hover,.ph-menu a.active{background:#1677ff;color:#fff}.ph-main{flex:1;min-width:0}.ph-bar{height:72px;background:#fff;border-bottom:1px solid var(--ph-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.ph-content{padding:28px}.ph-title{margin:0 0 20px;font-size:25px}.ph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ph-stat{background:#fff;border:1px solid var(--ph-border);border-radius:var(--ph-radius);padding:20px}.ph-stat span{font-size:12px;color:var(--ph-muted)}.ph-stat strong{display:block;font-size:25px;margin-top:7px}.ph-table{width:100%;border-collapse:collapse}.ph-table th,.ph-table td{padding:13px 12px;border-bottom:1px solid var(--ph-border);text-align:left;font-size:13px}.ph-table th{color:var(--ph-muted);font-size:12px}.ph-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.ph-success{background:#e9fbf3;color:#079765}.ph-warning{background:#fff5dc;color:#b77900}.ph-danger{background:#ffeded;color:#c92b2b}.ph-info{background:#eaf2ff;color:#1266d4}
.ph-form{background:#fff;border:1px solid var(--ph-border);border-radius:var(--ph-radius);padding:24px;max-width:760px}.ph-field{margin-bottom:16px}.ph-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.ph-field input,.ph-field select,.ph-field textarea{width:100%;padding:12px;border:1px solid #d8e0ea;border-radius:9px;outline:none}.ph-field input:focus,.ph-field select:focus{border-color:var(--ph-primary)}
.ph-checkout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}.ph-check-card{width:min(900px,100%);background:#fff;border:1px solid var(--ph-border);border-radius:20px;box-shadow:0 20px 60px #14213d12;padding:30px}.ph-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ph-method{border:2px solid var(--ph-border);border-radius:12px;padding:16px;cursor:pointer}.ph-method.active{border-color:var(--ph-primary);background:#f3f8ff}
.ph-footer{padding:35px 0;border-top:1px solid var(--ph-border);background:#fff;color:var(--ph-muted);text-align:center}
@media(max-width:900px){.ph-hero-grid{grid-template-columns:1fr}.ph-grid4{grid-template-columns:1fr 1fr}.ph-stats{grid-template-columns:1fr 1fr}.ph-sidebar{width:78px}.ph-brand{font-size:0}.ph-menu a{font-size:0;text-align:center}.ph-menu a:before{content:"•";font-size:20px}.ph-content{padding:18px}}
@media(max-width:600px){.ph-navlinks{display:none}.ph-hero h1{font-size:38px}.ph-grid4,.ph-stats,.ph-methods{grid-template-columns:1fr}.ph-sidebar{display:none}.ph-bar{padding:0 16px}.ph-content{padding:14px}.ph-table{display:block;overflow:auto}}