body{color:#0f172a;background:#f3f6fb;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;background:#0f172a;flex-direction:column;gap:12px;width:260px;padding:24px;display:flex}aside button,select,input{border:1px solid #dbe3ef;border-radius:10px;padding:10px}aside button{color:#fff;text-align:left;background:#1e293b;border:0}main{flex:1;padding:28px}.top{justify-content:space-between;align-items:center;display:flex}.cards,.tenantgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card,.tenantcard,.panel{background:#fff;border-radius:18px;margin-bottom:16px;padding:18px;box-shadow:0 8px 24px #0f172a12}.tenantcard{cursor:pointer;border:1px solid #e5e7eb}.tenantcard:hover{transform:translateY(-2px)}.pill{background:#e5e7eb;border-radius:99px;margin:3px;padding:4px 10px;font-size:12px;display:inline-block}.pill.online,.pill.active,.pill.trial,.pill.success,.pill.true,.pill.pbx-ok{color:#166534;background:#dcfce7}.pill.error,.pill.offline,.pill.inactive,.pill.false,.pill.pbx-error,.pill.deleted{color:#991b1b;background:#fee2e2}.pill.pending,.pill.stale{color:#854d0e;background:#fef9c3}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px}button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:10px;margin:4px;padding:9px 12px}.danger{background:#dc2626}.err{color:#991b1b;background:#fee2e2;border-radius:10px;padding:12px}.login{background:#0f172a;place-items:center;height:100vh;display:grid}.loginbox{background:#fff;border-radius:18px;flex-direction:column;gap:12px;min-width:320px;padding:28px;display:flex}pre{color:#e5e7eb;background:#0f172a;border-radius:12px;padding:12px;overflow:auto}