*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f8fafc;color:#0f172a;-webkit-tap-highlight-color:transparent}button,input{font:inherit}[data-device=mobile] .desktop-only,[data-device=desktop] .mobile-only{display:none!important}.page{padding-top:.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem}.page-header h2{margin:0;font-size:1.35rem}.page-header p{margin:.25rem 0 0;color:#64748b}[data-device=desktop] .page-header h2{font-size:1.75rem}.card-list{display:grid;gap:.75rem}[data-device=desktop] .card-list--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.item-card{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 16px #0f172a0f;display:flex;justify-content:space-between;gap:.75rem}.item-card h3{margin:0 0 .25rem;font-size:1rem}.item-card p{margin:0;color:#64748b;font-size:.9rem}.loading{color:#64748b;padding:2rem 0;text-align:center}.empty{text-align:center;color:#64748b;padding:2rem 0}.data-table-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.data-table th{background:#f8fafc;color:#64748b;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:0}.badge{display:inline-block;font-size:.75rem;padding:.2rem .55rem;border-radius:999px;font-weight:600}.badge--success{background:#dcfce7;color:#166534}.badge--muted{background:#fee2e2;color:#991b1b}.badge--info{background:#e0f2fe;color:#075985}.badge--brand{background:#ccfbf1;color:#0f766e}[data-device=mobile] input,[data-device=mobile] button,[data-device=touch] button{min-height:44px}