:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(61,108,255,.12),transparent 24rem),#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1320px;margin:0 auto;padding:32px 20px 56px}.hero{margin-bottom:24px;padding:28px;border-radius:24px;background:#fff;box-shadow:0 18px 60px #0c1b4714}.badge{display:inline-flex;align-items:center;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:#eef4ff;color:#2550c7;font-size:13px;font-weight:700}.hero h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.hero__text{max-width:820px;margin:0;color:#53607a}.hero__actions,.inline-actions,.card__actions,.pagination,.tools-grid{display:flex;flex-wrap:wrap;gap:12px}.hero__actions{margin-top:20px}.status-bar{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:0 12px 36px #0c1b470f}.layout-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.card{grid-column:span 6;border-radius:24px;background:#fff;box-shadow:0 18px 60px #0c1b4714}.card:first-child{grid-column:span 12}.card__header{display:flex;justify-content:space-between;gap:16px;padding:22px 22px 0}.card__header h2{margin:0;font-size:1.2rem}.card__body{padding:18px 22px 22px}.muted{margin:6px 0 0;color:#5f6d87}.button{border:0;border-radius:14px;padding:11px 16px;transition:transform .18s ease,opacity .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:#2550c7;color:#fff}.button--secondary{background:#eaf0ff;color:#24439b}.button--ghost{background:#eff3fa;color:#1f2b44}.button--warning{background:#fff3d6;color:#946200}.button--danger{background:#ffe0e0;color:#a21f2d}.form-grid{display:grid;gap:14px}.form-grid__title{font-weight:700;color:#172033}.form-grid label{display:grid;gap:8px;color:#31405d;font-weight:600}.form-grid input,.form-grid select{width:100%;padding:12px 14px;border:1px solid #d8e0ef;border-radius:14px;background:#fbfcff;color:#172033}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{padding:12px 10px;text-align:left;color:#586784;font-size:.9rem;border-bottom:1px solid #e6ebf5}tbody td{padding:14px 10px;border-bottom:1px solid #eef2f8}tbody tr.is-selected{background:#f5f9ff}.truncate-cell{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-state{padding:18px;border:1px dashed #cfdaef;border-radius:18px;background:#f9fbff;color:#50607d}.pagination{justify-content:flex-end;align-items:center;margin-top:16px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.response-viewer{display:grid;gap:10px}.response-viewer__title{font-weight:700}.response-viewer pre{margin:0;padding:16px;border-radius:18px;overflow:auto;background:#0f172a;color:#d8e4ff;font-size:13px}@media (max-width: 980px){.card,.card:first-child{grid-column:span 12}.status-bar{flex-direction:column}}@media (max-width: 640px){.app-shell{padding:18px 14px 36px}.hero,.card{border-radius:20px}.tools-grid{grid-template-columns:1fr}}