:root{--bg:#edf6ff;--card:#fff;--text:#142033;--muted:#667085;--primary:#05b735;--primary2:#1e3a8a;--dark:#071226;--danger:#e83d3d;--warn:#f4b000;--border:#dfe7f1;--shadow:0 14px 35px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);background-image:radial-gradient(circle at 12% 18%,rgba(5,183,53,.08),transparent 23%),radial-gradient(circle at 85% 12%,rgba(30,58,138,.09),transparent 25%)}a{color:inherit;text-decoration:none}.topbar{min-height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:5}.brand{font-weight:950;font-size:21px;color:var(--primary);display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;font-weight:950}.navlinks{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.navlinks a{padding:9px 13px;border-radius:10px;color:#344054;font-weight:800}.navlinks a:hover,.navlinks .nav-cta{background:#ecfdf3;color:#079035}.container{max-width:1260px;margin:26px auto;padding:0 18px}footer{text-align:center;color:#667085;padding:35px}.hero{padding:56px;border-radius:28px;background:linear-gradient(135deg,#052e20,#05b735 55%,#1e3a8a);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.16)}.hero h1{font-size:45px;margin:14px 0 12px;max-width:820px}.hero p{font-size:18px;max-width:890px;line-height:1.65}.hero-badge{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;font-weight:900}.btn-light{background:#fff;color:#067647;border-color:#fff}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.product-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.card h2,.card h3,.product-card h3{margin-top:0}.feature h3{color:var(--primary2)}.kpi span{color:var(--muted);font-weight:800}.kpi b{display:block;font-size:30px;margin-top:8px}.price{font-size:28px;font-weight:950;color:var(--primary);margin:8px 0}.product-card{position:relative;transition:.2s}.product-card:hover{transform:translateY(-3px)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pay-details{margin-top:12px}.pay-details summary{cursor:pointer;font-weight:900;color:var(--primary2);padding:10px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#eef2f7;border:1px solid var(--border);padding:11px 16px;border-radius:12px;font-weight:900;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-green{background:#12b76a;color:#fff;border-color:#12b76a}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-warning{background:var(--warn);color:#111;border-color:var(--warn)}.btn-block{width:100%;margin-top:12px}.form-control,select,textarea{width:100%;padding:13px 14px;border:1px solid #cfd8e6;border-radius:12px;margin:6px 0 14px;background:#fff;font-size:15px}label{font-weight:900;color:#344054;font-size:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left;vertical-align:top}.table th{color:#475467;font-size:13px;background:#f8fafc}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;white-space:nowrap}.badge.green{background:#dcfae6;color:#067647}.badge.yellow{background:#fef0c7;color:#93370d}.badge.red{background:#fee4e2;color:#b42318}.badge.gray{background:#f2f4f7;color:#344054}.alert{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:800}.alert-success{background:#dcfae6;color:#067647}.alert-danger{background:#fee4e2;color:#b42318}.alert-warning{background:#fef0c7;color:#93370d}.copyline,.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#071226;color:#d1fadf;padding:12px;border-radius:12px;overflow:auto;word-break:break-all}.small{font-size:12px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:245px 1fr;gap:18px}.sidebar{background:#071226;color:#d0d5dd;border-radius:18px;padding:18px;position:sticky;top:96px;align-self:start}.sidebar h3{color:#fff;margin-top:0}.sidebar a{display:block;padding:12px;border-radius:12px;margin-bottom:6px;font-weight:800}.sidebar a:hover{background:#18243a;color:#fff}.content{min-width:0}.muted{color:var(--muted)}.latest-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}.latest-row img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#edf6ff}.latest-status{margin-left:auto}.app-card{background:linear-gradient(135deg,#fff,#ecfdf3)}
@media(max-width:950px){.grid-2,.grid-3,.grid-4,.admin-grid{grid-template-columns:1fr}.topbar{padding:14px 16px;height:auto;gap:12px;align-items:flex-start;flex-direction:column}.hero{padding:30px}.hero h1{font-size:30px}.latest-status{margin-left:0}.latest-row{align-items:flex-start;flex-direction:column}}