:root{--bg: #0d1117;--bg-elevated: #161b22;--border: #30363d;--text: #e6edf3;--text-dim: #8b949e;--accent: #4f8ff7;--danger: #f85149;--success: #3fb950;--warning: #d29922}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:24px;margin:0 0 6px}h2{font-size:17px;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border)}.brand{font-weight:600;font-size:17px;color:var(--text)}.brand:hover{text-decoration:none}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a,.site-nav button{background:none;border:0;color:var(--text-dim);cursor:pointer;font:inherit;padding:6px 10px}.site-nav a:hover,.site-nav button:hover{color:var(--text)}main.page{flex:1;margin:0 auto;max-width:1020px;padding:40px 24px 80px;width:100%}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);padding:16px 32px;text-align:center}.hero{padding:72px 0 40px;max-width:720px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px}.hero p{color:var(--text-dim);font-size:17px;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:48px}.feature{border:1px solid var(--border);border-radius:10px;padding:20px}.feature h2{margin-bottom:6px}.feature p{color:var(--text-dim);margin:0}.section-title{margin:48px 0 16px}.plan-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.plan-card{border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;position:relative}.plan-card.current{border-color:var(--accent)}.plan-name{font-size:18px;font-weight:600}.plan-price{font-size:28px}.plan-price span{color:var(--text-dim);font-size:14px}.plan-meta{color:var(--text-dim);font-size:13px;line-height:1.7}.plan-flag{background:#4f8ff726;border-radius:999px;color:var(--accent);font-size:12px;padding:2px 10px;position:absolute;right:16px;top:16px}.form-card{border:1px solid var(--border);border-radius:12px;margin-bottom:20px;max-width:460px;padding:24px}.form-card.wide{max-width:none}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:8px 10px}.input:focus{border-color:var(--accent);outline:none}label{color:var(--text-dim);display:block;font-size:13px;margin-bottom:12px}label .input{margin-top:4px;width:100%}.btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font:inherit;padding:8px 14px}.btn:hover{border-color:var(--text-dim)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{background:none;border-color:var(--danger);color:var(--danger)}.btn:disabled{cursor:not-allowed;opacity:.55}.field-row{align-items:center;display:flex;gap:8px}.error-banner{background:#f851491f;border:1px solid var(--danger);border-radius:8px;color:var(--danger);margin-bottom:12px;padding:8px 12px}.empty{color:var(--text-dim);padding:16px;text-align:center}.dash-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.kpi{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.kpi .label{color:var(--text-dim);font-size:12px}.kpi .value{font-size:20px;font-weight:600;margin-top:2px}.badge{border-radius:999px;font-size:12px;padding:1px 10px}.badge-active,.badge-completed{background:#3fb95026;color:var(--success)}.badge-pending{background:#d2992226;color:var(--warning)}.badge-failed,.badge-canceled,.badge-suspended,.badge-expired{background:#f851491f;color:var(--danger)}.badge-default,.badge-auto-renew{background:#3fb95026;color:var(--success)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left}th{color:var(--text-dim);font-size:12px;font-weight:500;text-transform:uppercase}.table-scroll{overflow-x:auto}.instructions{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:13px;padding:10px 12px}