body { color:#1b2a2e; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:#f4f5f3; }
.nav-top { background:#0f6b6b; color:#fff; }
.nav-top .container { display:flex; align-items:center; gap:18px; padding:12px 16px; max-width:1000px; margin:0 auto; }
.nav-top a { color:#dff0ed; text-decoration:none; }
.nav-top a:hover { color:#fff; }
.nav-top .brand { font-weight:700; color:#fff; font-size:1.15rem; margin-right:auto; }
.nav-top form { margin:0; }
.nav-top .signout { background:none;border:1px solid #ffffff55;color:#fff;border-radius:4px;padding:4px 10px;cursor:pointer; }
.wrap { max-width:1000px; margin:0 auto; padding:24px 16px; }
.card { background:#fff; border:1px solid #e0e4e0; border-radius:10px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,.05); margin-bottom:18px; }
.card h2 { margin-top:0; color:#0f6b6b; }
.plan { border:1px solid #e0e4e0; border-radius:10px; padding:18px; background:#fff; margin-bottom:16px; }
.plan h3 { color:#0f6b6b; margin-top:0; }
.price { font-size:1.8rem; font-weight:700; }
.price small { font-size:.85rem;color:#777;font-weight:400; }
.pill { display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem; }
.pill-ok { background:#2e7d5b1a;color:#2e7d5b; } .pill-mut { background:#8881;color:#666; }
table { width:100%; border-collapse:collapse; } th,td{ border:1px solid #e5e9e6; padding:8px; text-align:left; }
th { background:#f3f5f4; }
.btn { background:#0f6b6b;color:#fff;border:0;border-radius:5px;padding:8px 16px;cursor:pointer;text-decoration:none;display:inline-block; }
.btn:hover{ background:#0b5757;color:#fff; }
.btn-sm{ padding:4px 10px;font-size:.85rem; }
.alert{ padding:10px 14px;border-radius:6px;margin-bottom:14px; }
.alert-ok{ background:#2e7d5b1a;color:#245c43; } .alert-err{ background:#b3402f1a;color:#8a2f22; } .alert-info{ background:#0f6b6b12;color:#0b5757; }
label{ font-weight:600;font-size:.9rem; } .form-control{ padding:6px 8px;border:1px solid #ccc;border-radius:4px; }
.ref-code{ font-family:Consolas,monospace;font-weight:700;color:#c58a2e;background:#fff8ef;border:1px dashed #c58a2e;border-radius:6px;padding:6px 12px;display:inline-block; }