:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f2f2f7;--surface:#fff;--surface-muted:#f8f8fb;--text:#111;--muted:#6e6e73;--separator:#d1d1d6;--primary:#347cff;--danger:#ff3b30;--success:#4caf50;--warning:#ff9600;--radius:16px}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.page{min-height:100vh}.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.card{background:var(--surface);border-radius:var(--radius);border:1px solid #0000000f}.auth-card{width:min(440px,100%);padding:28px}.title{letter-spacing:0;margin:0;font-size:34px;line-height:1.05}.subtitle{color:var(--muted);margin:10px 0 0;font-size:16px;line-height:1.4}.field{gap:8px;margin-top:20px;display:grid}.label{color:var(--muted);font-size:13px;font-weight:600}.input,.textarea,.select{border:1px solid var(--separator);background:var(--surface-muted);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px}.textarea{resize:vertical;min-height:220px;line-height:1.35}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.button.secondary{background:var(--surface-muted);color:var(--text);border:1px solid var(--separator)}.button.danger{background:var(--danger)}.button:disabled{opacity:.45;cursor:not-allowed}.tier-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;display:grid}.tier-option{border:1px solid var(--separator);background:var(--surface-muted);min-height:118px;color:var(--text);text-align:left;border-radius:14px;gap:6px;padding:14px;display:grid}.tier-option.selected{border-color:var(--primary);background:#347cff1a}.tier-name{font-size:16px;font-weight:800}.tier-detail,.tier-price{color:var(--muted);font-size:13px;font-weight:650}.tier-price{color:var(--primary)}.error{color:var(--danger);margin-top:14px;font-size:14px}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--separator);flex-direction:column;gap:24px;padding:22px;display:flex}.brand{font-size:20px;font-weight:800}.nav{gap:8px;display:grid}.nav-link{color:var(--muted);border-radius:12px;padding:12px 14px;font-weight:650}.nav-link.active,.nav-link:hover{background:var(--surface-muted);color:var(--text)}.main{padding:28px}.header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{padding:18px}.metric-label{color:var(--muted);margin:0;font-size:13px;font-weight:650}.metric-value{margin:8px 0 0;font-size:28px;font-weight:800}.section{margin-top:18px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--separator);padding:12px 10px}.table th{color:var(--muted);font-weight:700}.status-ok{color:var(--success);font-weight:700}.status-warn{color:var(--warning);font-weight:700}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--separator);position:sticky;top:0}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.main{padding:18px}.grid{grid-template-columns:1fr}}