.inp{display:block;width:100%;margin-top:.25rem;border:1px solid #cbd5e1;border-radius:.85rem;padding:.6rem .8rem;background:#fff;font-size:.9rem}
.inp:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#4f46e5;color:#fff;font-weight:600;font-size:.875rem;padding:.6rem 1rem;border-radius:.85rem;white-space:nowrap}
.btn:hover{background:#4338ca}.btn-sm{padding:.35rem .7rem;font-size:.78rem;border-radius:.6rem}
.btn-light{background:#eef2ff;color:#4338ca}.btn-light:hover{background:#e0e7ff}
.btn-red{background:#e11d48}.btn-red:hover{background:#be123c}.btn-green{background:#059669}.btn-green:hover{background:#047857}
.panel{background:#fff;border-radius:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:1.1rem}
.tbl{width:100%;font-size:.85rem;border-collapse:collapse}.tbl th{text-align:left;font-weight:600;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;padding:.6rem .6rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.tbl td{padding:.65rem .6rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.tbl tr:hover td{background:#f8fafc}.tbl .r{text-align:right;white-space:nowrap}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
dialog{border:none;border-radius:1.5rem;padding:0;max-width:min(560px,94vw);width:100%}dialog::backdrop{background:rgba(15,23,42,.5)}