*{box-sizing:border-box}body{margin:0;color:#111827;font-size:14px}button{cursor:pointer;border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:6px 10px;font-size:13px}button.active{border-color:#6d28d9;color:#6d28d9;font-weight:600;background:#f5f3ff}button.primary{background:#6d28d9;color:#fff;border-color:#6d28d9}button.danger{color:#dc2626;border-color:#fecaca}button.small{padding:2px 6px;font-size:11px;margin-left:8px}input,select,textarea{padding:7px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit}label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin-bottom:8px}.auth-screen{display:flex;align-items:center;justify-content:center;height:100vh}.auth-card{width:360px;display:flex;flex-direction:column;gap:10px}.hint{font-size:12px;color:#6b7280}.error{color:#dc2626}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.card h3{margin:0 0 6px}.app-shell{display:flex;height:100vh}.sidebar{width:200px;background:#111827;color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.sidebar h2{font-size:16px;margin:0}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{background:transparent;color:#d1d5db;border:none;text-align:left;padding:8px 10px;border-radius:6px}.sidebar nav button.active{background:#374151;color:#fff;font-weight:600}.sidebar .logout{margin-top:auto;background:transparent;color:#f87171;border:1px solid #374151}.content{flex:1;padding:20px;overflow:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center}.sidebar nav{flex-direction:row}}.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.muted{color:#9ca3af;font-size:12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid #f3f4f6}.table tr.clickable{cursor:pointer}.table tr.active,.table tr.clickable:hover{background:#f9fafb}.badge{padding:2px 8px;border-radius:999px;font-size:11px;background:#f3f4f6}.badge.trialing{background:#e0e7ff;color:#3730a3}.badge.active{background:#dcfce7;color:#166534}.badge.past_due{background:#fef3c7;color:#92400e}.badge.canceled{background:#fee2e2;color:#991b1b}.badge.succeeded{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-tile{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stat-tile-label{font-size:12px;color:#6b7280}.stat-tile-value{font-size:24px;font-weight:700;color:#111827}.loading{padding:40px;text-align:center}