*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#064e3b;padding:28px 20px}.side h1{font-size:20px}.side a{color:#d1fae5;border-radius:8px;margin:5px 0;padding:12px;text-decoration:none;display:block}.side a:hover{background:#065f46}.main{padding:34px}.top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.top h1,.top h2{margin:0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.metric{margin:8px 0;font-size:32px;font-weight:800}.muted{color:#64748b;font-size:14px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px;font-size:13px}.table th{color:#fff;background:#10b981}.section{margin-top:24px}.warning{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:20px;padding:15px}.success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:9px;margin-bottom:15px;padding:12px}.errorBox{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:9px;margin-bottom:15px;padding:12px}.login{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:430px;margin:12vh auto;padding:32px}.login input{border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:7px 0 16px;padding:12px}.primary{color:#fff;background:#059669;border:0;border-radius:8px;padding:12px 18px}.primary:disabled{opacity:.55;cursor:not-allowed}.error{color:#b91c1c}.loading{text-align:center;padding:50px}.tabs{gap:8px;margin-top:22px;display:flex}.tab,.pager button,.toolbar button,.actions button,.table button,.plan button,.modal button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 14px}.actions{gap:9px;display:flex}.actions .primary,.formActions .primary,.tab.active{color:#fff;background:#059669;border-color:#059669}.pager{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.pager button{margin-left:8px}.pager button:disabled{cursor:not-allowed;opacity:.45}.wrap{white-space:pre-wrap;min-width:280px;max-width:520px}.wrap pre{white-space:pre-wrap;font:inherit;margin:0}.toolbar{gap:10px;margin-bottom:18px;display:flex}.toolbar input,.toolbar select,.formGrid input,.formGrid select,.formGrid textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px}.toolbar input{min-width:260px}.empty{text-align:center;padding:25px}.pill{background:#e2e8f0;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.pill.active,.pill.trialing{color:#065f46;background:#d1fae5}.pill.past_due,.pill.canceled,.pill.expired{color:#991b1b;background:#fee2e2}.pill.paused{color:#92400e;background:#fef3c7}.planGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.plan{border:1px solid #e2e8f0;border-radius:10px;padding:15px}.plan .top{margin-bottom:10px}.price{border-top:1px solid #e2e8f0;justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.modalBackdrop{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(680px,100%);max-height:90vh;padding:24px;overflow:auto}.modal>.top{margin-bottom:18px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.formGrid label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.formGrid textarea{resize:vertical;min-height:80px}.wide{grid-column:1/-1}.formActions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.grid,.planGrid{grid-template-columns:repeat(2,1fr)}.main{padding:18px}}@media (max-width:620px){.grid,.planGrid,.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.top,.toolbar{flex-direction:column;align-items:stretch}.toolbar input{min-width:0}.main{padding:12px}}