.log-page{padding:22px clamp(14px,2.5vw,42px);color:#426f77}.log-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.log-title h1{margin:0;color:#60c4cf;font-size:22px;font-weight:800}.log-title p{margin:4px 0 0;color:#70898e}.log-title>span{padding:7px 13px;border-radius:999px;background:#e2f4f5;color:#467e86;font-weight:800}.log-filters{display:grid;grid-template-columns:190px 190px 210px auto;gap:14px;align-items:end;padding:15px 18px;margin-bottom:16px;background:#edf8f8;border:1px solid #c6e2e4;border-radius:11px}.log-filters label{display:grid;gap:5px;font-weight:800}.log-filters input,.log-filters select{height:38px;border:1px solid #829da2;border-radius:7px;padding:5px 9px;background:#fff;color:#274f56}.log-filters button{height:38px;justify-self:start;border:0;border-radius:7px;padding:0 24px;background:#548b91;color:#fff;font-weight:800;cursor:pointer}.log-table-wrap{border:1px solid #9bb2b6;border-radius:10px;overflow:auto;min-height:280px;max-height:calc(100vh - 350px)}.log-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:14px}.log-table thead{position:sticky;top:0;z-index:2}.log-table th{padding:10px 9px;background:#5696a4;color:#fff;text-align:left}.log-table td{padding:8px 9px;border-bottom:1px solid #d5e0e2;color:#315e66}.log-table tbody tr:nth-child(even){background:#f5fbfb}.log-table tbody tr:hover{background:#e2f3f4}.log-description{min-width:330px;max-width:600px;white-space:normal;overflow-wrap:anywhere}.log-stamp{max-width:210px;overflow:hidden;text-overflow:ellipsis}.log-source{display:inline-block;min-width:70px;padding:3px 8px;border-radius:999px;text-align:center;font-size:12px;font-weight:800}.log-source.web{background:#d7eeee;color:#36767d}.log-source.api{background:#e7e2f7;color:#68539a}.log-empty{text-align:center!important;padding:45px!important;color:#789398!important}.log-pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 2px}.log-pagination>div{display:flex;align-items:center;gap:12px}.log-pagination a{padding:7px 13px;border-radius:7px;background:#548b91;color:#fff;text-decoration:none;font-weight:800}.log-pagination strong{color:#467e86}@media(max-width:800px){.log-title{align-items:flex-start;gap:10px}.log-filters{grid-template-columns:1fr 1fr}.log-pagination{align-items:flex-start;gap:10px;flex-direction:column}}@media(max-width:520px){.log-filters{grid-template-columns:1fr}.log-title{flex-direction:column}.log-pagination>div{flex-wrap:wrap}}