.tr-app{max-width:820px;margin:30px auto;font-family:inherit}.tr-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 8px 25px rgba(15,23,42,.06)}.tr-clock-card{text-align:center;padding:42px 24px}.tr-clock-card h2{font-size:2rem;margin:.2em 0}.tr-eyebrow{color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.tr-button{border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:18px;min-width:180px;padding:15px 28px}.tr-button-in{background:#15803d}.tr-button-out{background:#b91c1c}.tr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.tr-stats span{display:block;color:#64748b;font-size:.85rem}.tr-stats strong{display:block;font-size:1.35rem;margin-top:4px}.tr-notice{border-radius:8px;margin:0 0 14px;padding:12px 16px}.tr-success{background:#dcfce7;color:#166534}.tr-error{background:#fee2e2;color:#991b1b}.tr-login{max-width:480px;margin:30px auto}.tr-login input:not([type=checkbox]){box-sizing:border-box;width:100%}.tr-admin{max-width:1200px}.tr-admin-card{margin-top:20px;overflow:auto}.tr-admin-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:20px}.tr-form label{display:block;font-weight:600;margin:14px 0}.tr-form input:not([type=checkbox]),.tr-form textarea{box-sizing:border-box;display:block;margin-top:5px;width:100%}.tr-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tr-signature-check{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:14px}.tr-signature-check input{margin-right:8px}.tr-delete-panel{margin-top:18px}.tr-delete-panel summary{color:#b32d2e;cursor:pointer;font-weight:600}.tr-filters{align-items:end;display:flex;gap:12px;margin-bottom:18px}.tr-filters label{font-weight:600}.tr-filters select{display:block;margin-top:4px;min-width:180px}.tr-badge{background:#e2e8f0;border-radius:999px;display:inline-block;padding:4px 9px;font-size:12px}.tr-online,.tr-signed{background:#dcfce7;color:#166534}.tr-delete{color:#b32d2e}@media(max-width:700px){.tr-stats,.tr-admin-grid,.tr-time-fields{grid-template-columns:1fr}.tr-clock-card{padding:28px 18px}.tr-filters{align-items:stretch;flex-direction:column}}
.tr-login-page{background:#f1f5f9;color:#0f172a;margin:0;min-height:100vh}.tr-login-shell{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:28px}.tr-login-shell .tr-login{margin:0;width:100%}.tr-login h1{font-size:1.75rem;margin:7px 0 8px}.tr-login-icon{color:#475569;font-size:2rem;margin-bottom:12px}.tr-login label{display:block;font-weight:600;margin-top:14px}.tr-login input[type=text],.tr-login input[type=password]{border:1px solid #cbd5e1;border-radius:7px;box-sizing:border-box;font-size:1rem;margin-top:5px;padding:11px;width:100%}.tr-login input[type=submit]{background:#334155;border:0;border-radius:7px;color:#fff;cursor:pointer;font-weight:700;padding:11px 20px}.tr-byline{color:#64748b;font-size:.82rem;margin:14px 0;text-align:center}.tr-byline a{color:inherit;text-decoration:none}.tr-byline a:hover{text-decoration:underline}.tr-session-bar{align-items:center;color:#475569;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px}.tr-session-bar a{color:#475569}.tr-history{margin-top:14px}.tr-history-heading{align-items:center;display:flex;justify-content:space-between}.tr-history-heading h2{margin:3px 0}.tr-history-heading>strong{font-size:1.25rem}.tr-history-filters{align-items:end;display:flex;gap:12px;margin:20px 0}.tr-history-filters label{font-size:.85rem;font-weight:600}.tr-history-filters input{border:1px solid #cbd5e1;border-radius:6px;display:block;margin-top:4px;padding:8px}.tr-history-filters button{background:#334155;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px}.tr-table-wrap{overflow-x:auto}.tr-history-table{border-collapse:collapse;width:100%}.tr-history-table th,.tr-history-table td{border-bottom:1px solid #e2e8f0;padding:11px 8px;text-align:left}.tr-history-table th{color:#64748b;font-size:.78rem;text-transform:uppercase}.tr-admin .tr-filters input[type=date]{display:block;margin-top:4px}@media(max-width:700px){.tr-history-filters{align-items:stretch;flex-direction:column}.tr-history-filters input,.tr-history-filters button{box-sizing:border-box;width:100%}.tr-session-bar{align-items:flex-start;flex-direction:column;gap:4px}}
.tr-frontend-link{align-items:center;display:flex;justify-content:space-between}.tr-frontend-link p{margin:5px 0 0}.tr-change-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tr-change-actions .button{margin:0}@media(max-width:700px){.tr-frontend-link{align-items:flex-start;flex-direction:column;gap:14px}}
.tr-settings-card{max-width:760px}.tr-settings-card hr{border:0;border-top:1px solid #e2e8f0;margin:28px 0}.tr-setting-checkbox{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:14px}.tr-setting-checkbox input{margin-right:8px}
.tr-admin .tr-filters{flex-wrap:wrap}
.tr-session-bar{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.06);box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:14px;padding:14px 16px}.tr-session-user{align-items:center;display:flex;gap:12px;min-width:0}.tr-session-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#334155;display:flex;flex:0 0 44px;font-size:.9rem;font-weight:800;height:44px;justify-content:center;letter-spacing:.04em;width:44px}.tr-session-identity{display:flex;flex-direction:column;line-height:1.25;min-width:0}.tr-session-label{color:#64748b;font-size:.76rem;font-weight:600;text-transform:uppercase}.tr-session-identity strong{color:#0f172a;font-size:1.05rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-session-identity small{color:#64748b;font-size:.8rem;margin-top:2px}.tr-session-bar .tr-logout-button{background:#b91c1c;border:2px solid #b91c1c;border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:9px 17px;text-decoration:none}.tr-session-bar .tr-logout-button:hover,.tr-session-bar .tr-logout-button:focus{background:#991b1b;border-color:#991b1b;color:#fff}@media(max-width:700px){.tr-session-bar{align-items:stretch;gap:13px;padding:14px}.tr-session-bar .tr-logout-button{text-align:center;width:auto}}
.tr-login-remember{align-items:center;display:flex!important;gap:7px}.tr-login-remember input{margin:0}
.tr-employee-admin .tr-app{margin:20px 0;max-width:920px}.tr-dashboard-widget .tr-app{margin:0;max-width:none}.tr-dashboard-widget .tr-card{box-shadow:none}.tr-dashboard-widget .tr-clock-card{padding:28px 20px}.tr-dashboard-widget .tr-session-bar{box-shadow:none}.tr-frontend-shortcut{margin:16px 0 0;text-align:center}.tr-frontend-shortcut a{font-weight:600}#tr_employee_dashboard .inside{margin:0;padding:14px}@media(max-width:1100px){.tr-dashboard-widget .tr-stats{grid-template-columns:1fr}.tr-dashboard-widget .tr-history-filters{align-items:stretch;flex-direction:column}.tr-dashboard-widget .tr-history-filters input,.tr-dashboard-widget .tr-history-filters button{box-sizing:border-box;width:100%}}
.tr-kiosk{background:#f1f5f9;box-sizing:border-box;color:#0f172a;font-family:inherit;margin:0 auto;max-width:1100px;min-height:70vh;padding:24px}.tr-kiosk-panel{background:#fff;border:1px solid #dbe3ed;border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.09);box-sizing:border-box;margin:0 auto;max-width:1050px;padding:34px}.tr-kiosk-panel h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:8px 0 24px}.tr-kiosk-header{align-items:center;display:flex;justify-content:space-between}.tr-kiosk-header>span{background:#e2e8f0;border-radius:999px;color:#475569;font-size:.9rem;font-weight:700;padding:8px 14px}.tr-kiosk-employees{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tr-kiosk-employees form{margin:0}.tr-kiosk-employees button{background:#fff;border:3px solid #334155;border-radius:18px;color:#0f172a;cursor:pointer;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;min-height:118px;padding:22px;width:100%}.tr-kiosk-employees button:hover,.tr-kiosk-employees button:focus{background:#f8fafc;border-color:#0f766e;outline:4px solid rgba(13,148,136,.18)}.tr-kiosk-activation{max-width:620px}.tr-kiosk-activation label{display:block;font-size:1.1rem;font-weight:700;margin-top:24px}.tr-kiosk-activation input{border:2px solid #94a3b8;border-radius:12px;box-sizing:border-box;font-size:2rem;letter-spacing:.25em;margin:8px 0 16px;padding:15px;text-align:center;width:100%}.tr-kiosk-primary{background:#0f766e;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;padding:16px 24px;width:100%}.tr-kiosk-message{border-radius:12px;font-size:1.05rem;font-weight:700;margin:0 auto 18px;max-width:1050px;padding:14px 18px}.tr-kiosk-error{background:#fee2e2;color:#991b1b}.tr-kiosk-pin-panel{max-width:560px;text-align:center}.tr-kiosk-pin-panel h1{margin-bottom:8px}.tr-kiosk-pin-input{background:#f8fafc;border:2px solid #94a3b8;border-radius:14px;box-sizing:border-box;font-size:2.5rem;letter-spacing:.5em;margin:14px 0 18px;padding:12px;text-align:center;width:100%}.tr-kiosk-keypad{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.tr-kiosk-keypad button{background:#fff;border:2px solid #64748b;border-radius:14px;color:#0f172a;cursor:pointer;font-size:2rem;font-weight:800;min-height:76px}.tr-kiosk-keypad button:active{background:#dbeafe;transform:scale(.97)}.tr-kiosk-keypad button:disabled{cursor:wait;opacity:.45}.tr-kiosk-keypad .tr-kiosk-key-secondary{font-size:1rem}.tr-kiosk-processing{font-size:1.1rem;font-weight:700}.tr-kiosk-cancel{color:#475569;display:inline-block;font-weight:700;margin-top:22px}.tr-kiosk-confirmation{max-width:700px;padding:64px 30px;text-align:center}.tr-kiosk-confirmation h1{color:#166534;margin-bottom:16px}.tr-kiosk-confirmation time{display:block;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800}.tr-kiosk-confirm-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#166534;display:flex;font-size:3.5rem;font-weight:900;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.tr-kiosk-code{border-color:#86efac}.tr-kiosk-code>strong{display:block;font-size:2.8rem;letter-spacing:.18em;margin:14px 0}.tr-kiosk-inline-form,.tr-kiosk-admin-actions,.tr-pin-reset-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tr-kiosk-inline-form input[type=text]{min-width:220px}.tr-kiosk-admin-actions form{margin:0}.tr-pin-reset-form input{max-width:110px}.tr-kiosk-create-form{max-width:520px}@media(max-width:700px){.tr-kiosk{padding:10px}.tr-kiosk-panel{border-radius:14px;padding:22px 16px}.tr-kiosk-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:18px}.tr-kiosk-employees{grid-template-columns:1fr 1fr;gap:10px}.tr-kiosk-employees button{font-size:1.2rem;min-height:92px;padding:12px}.tr-kiosk-keypad button{min-height:68px}.tr-kiosk-code>strong{font-size:2rem}.tr-kiosk-inline-form{align-items:stretch;flex-direction:column}.tr-kiosk-inline-form input[type=text]{min-width:0;width:100%}}
.tr-shared-list-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tr-shared-list-form .tr-badge{min-width:42px;text-align:center}
.tr-kiosk-header{gap:18px;margin-bottom:30px}.tr-kiosk-header>div{min-width:0}.tr-kiosk-header>span{flex:0 0 auto}.tr-kiosk-employees{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-kiosk-employees form{min-width:0}.tr-kiosk-employees button{align-items:center;display:flex;justify-content:center;line-height:1.2;min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal}@media(max-width:700px){.tr-kiosk-employees{grid-template-columns:1fr}.tr-kiosk-employees button{min-height:88px}.tr-kiosk-header>span{max-width:100%;overflow-wrap:anywhere}}
.tr-kiosk-header h1{margin-bottom:0}@media(max-width:700px){.tr-kiosk-header{margin-bottom:22px}}
.tr-kiosk-keypad{gap:10px;margin-left:auto;margin-right:auto;max-width:80%}.tr-kiosk-keypad button{border-radius:12px;font-size:1.6rem;min-height:61px}.tr-kiosk-keypad .tr-kiosk-key-secondary{font-size:.8rem}
.tr-form select{box-sizing:border-box;display:block;margin-top:5px;max-width:480px;width:100%}.tr-page-actions{margin:16px 0 0}
.tr-history-summary{align-items:flex-end;display:flex;flex-direction:column}.tr-history-summary>strong{font-size:1.25rem}.tr-history-summary>span{color:#64748b;font-size:.78rem;margin-top:3px}.tr-history-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tr-history-download,.tr-history-pagination a{background:#334155;border-radius:6px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:8px 13px;text-decoration:none}.tr-history-download:hover,.tr-history-download:focus,.tr-history-pagination a:hover,.tr-history-pagination a:focus{background:#1e293b;color:#fff}.tr-history-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.tr-history-pagination span{color:#475569;font-size:.85rem;font-weight:600}.tr-access-form{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.tr-access-form small{color:#64748b;max-width:180px}@media(max-width:700px){.tr-history-heading{align-items:flex-start;gap:12px}.tr-history-summary{align-items:flex-end}.tr-history-actions{align-items:stretch;flex-direction:column}.tr-history-download{text-align:center}}