.lb-ref-records-page{width:100%;max-width:480px;margin:0 auto;height:100dvh;min-height:100vh;background:#fff;color:#24282a;display:flex;flex-direction:column;font-family:Arial,"Microsoft Yahei",sans-serif}
.lb-ref-records-page *,.lb-ref-records-page *::before,.lb-ref-records-page *::after{box-sizing:border-box}.lb-ref-record-main>*{min-width:0;overflow-wrap:anywhere}
.lb-ref-page-header{height:46px;flex:0 0 46px;background:#65b9b9;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.lb-ref-page-header h1{margin:0;font-size:17px;font-weight:600}.lb-ref-page-header button,.lb-ref-header-space{width:46px;height:46px}.lb-ref-page-header button{border:0;background:transparent;font-size:32px;line-height:1;color:#172d30;cursor:pointer}
.lb-ref-records-content{overflow:auto;flex:1;min-height:0;padding-bottom:env(safe-area-inset-bottom)}.lb-ref-record-modes{display:flex;justify-content:center;border-bottom:1px solid #eee;gap:28px}.lb-ref-record-modes button{background:none;border:0;padding:14px 8px;color:#888;font-size:14px;cursor:pointer}.lb-ref-record-modes button[aria-pressed=true]{color:#258e8e;border-bottom:2px solid #65b9b9}
.lb-ref-record-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.lb-ref-record-toolbar select{background:white;border:0;font-size:14px;min-width:90px;padding:5px}.lb-ref-date-range{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.lb-ref-date-range input{width:122px;border:1px solid #e5e7e9;border-radius:4px;padding:6px;background:#fff;color:#333}.lb-ref-date-range button,.lb-ref-record-error button{border:0;background:#65b9b9;color:#fff;padding:7px 12px;border-radius:4px;cursor:pointer}
.lb-ref-record-columns,.lb-ref-record-main{display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:center;gap:8px;text-align:center}.lb-ref-record-columns{padding:13px 10px;background:#f8f8f8;font-size:14px}.lb-ref-record{padding:14px 10px;border-bottom:1px solid #f0f0f0}.lb-ref-record-main{font-size:14px}.lb-ref-record-main strong{font-weight:400}.lb-ref-record-main time{font-size:12px;color:#777;line-height:1.5}.lb-ref-record .is-in{color:#e26a4c}.lb-ref-record .is-out{color:#333}.lb-ref-record details{margin:9px 5px 0;color:#85898d;font-size:12px}.lb-ref-record summary{cursor:pointer}.lb-ref-record-details{padding:10px;background:#fafafa;line-height:1.8;overflow-wrap:anywhere}.lb-ref-record-details p{margin:4px 0}.lb-ref-record-empty{text-align:center;padding:22px 10px;color:#aaa;font-size:13px}.lb-ref-record-error{text-align:center;padding:20px;color:#9b3535}.lb-ref-more{display:block;width:90%;margin:15px auto;padding:12px;border:1px solid #65b9b9;background:#fff;color:#258e8e;border-radius:4px;cursor:pointer}.lb-ref-records-page .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.lb-ref-records-page button:disabled{opacity:.5}
@media(max-width:420px){.lb-ref-record-toolbar{padding:10px 8px}.lb-ref-date-range input{width:115px}.lb-ref-record-main{font-size:13px}}