:root{--bg:#0b132b;--panel:#ffffff;--text:#1a1a1a;--muted:#6b7280;--primary:#ffd43b;--accent:#111;--danger:#ef4444}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#eef2ff;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.site-header{background:#fff;color:#111;position:sticky;top:0;border-bottom:1px solid #eee}
.site-header .brand{font-weight:700;font-size:20px}
.nav{float:right}
.btn-link{background:none;border:none;color:#111;cursor:pointer;font-weight:600}
.hero{padding:24px;margin:12px 0;background:#fff;color:#111;border-radius:12px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:#fff;color:#111;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.col{flex:1 1 220px}
label{display:block;margin-bottom:6px;color:#333;font-weight:600}
input,select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
.btn,.btn-primary,.btn-danger{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #ddd;background:#f7fafc;color:#111;cursor:pointer}
.btn-primary{background:var(--primary);border-color:#eab308;color:#111;font-weight:700}
.btn-danger{background:#fee2e2;border-color:#fecaca;color:#7f1d1d}
.code{font-family:ui-monospace,Menlo,monospace;background:#f3f4f6;color:#111;padding:4px 6px;border-radius:6px}
.success{color:#16a34a}
.danger{color:#dc2626}
.warning{color:#a16207}
.muted{color:#6b7280}
.plans{margin-top:8px}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.plan-card{background:#fff;color:#111;border-radius:14px;overflow:hidden;border:2px solid #fef08a}
.plan-head{background:#fff;padding:16px;border-bottom:1px solid #eee;position:relative}
.badge{background:var(--primary);padding:6px 10px;border-radius:999px;font-weight:700}
.plan-body{padding:16px}
.full{width:100%}
.list{padding-left:20px}
.table{display:grid;gap:6px}
.table-head{font-weight:700;background:#fff;color:#111;border-radius:10px;padding:10px;display:grid;grid-template-columns:1.2fr 1fr .6fr .5fr 1.8fr .6fr;align-items:center}
.table-row{background:#fff;color:#111;border-radius:10px;padding:10px;display:grid;grid-template-columns:1.2fr 1fr .6fr .5fr 1.8fr .6fr;align-items:center}
.uri{word-break:break-all}
.qr{background:#fff;border:1px solid #eee;border-radius:10px;padding:10px;display:inline-block}
.uploader{margin-top:8px;background:#fff;border:1px dashed #ddd;border-radius:10px;padding:10px}
.uploader input[type=file]{width:100%}
.site-footer{background:#fff;color:#111;border-top:1px solid #eee;margin-top:24px}