*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Noto Sans TC,system-ui,-apple-system,sans-serif;line-height:1.5;color:#333;background-color:#f5f5f5}body{min-width:320px;min-height:100vh}h1{font-size:1.5em;margin-bottom:8px}h2{font-size:1.25em;margin-bottom:8px}h3{font-size:1.1em;margin-bottom:8px}@media print{aside{display:none!important}.app-shell{display:block!important;height:auto!important;overflow:visible!important}main{padding:0!important;background:#fff!important;height:auto!important;overflow:visible!important}.no-print{display:none!important}}.attendance-records{margin-top:12px;font-size:12px;color:#333}.attendance-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.attendance-header h2{margin:0;font:inherit}.attendance-records button{border:1px solid #ccc;border-radius:4px;padding:4px 8px;background:#fff;color:#1a237e;font:inherit;cursor:pointer}.attendance-records button:disabled{opacity:.5;cursor:not-allowed}.attendance-records button:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.attendance-form{padding:8px;background:#fafafa;border-bottom:1px solid #eee}.attendance-form-title{margin-bottom:8px;font-weight:600}.attendance-form fieldset{display:flex;flex-wrap:wrap;gap:8px;min-width:0;border:0;margin:0;padding:0}.attendance-form label{display:flex;flex:1 1 100px;flex-direction:column;gap:4px;min-width:0}.attendance-form label.attendance-note-field{flex-basis:100%}.attendance-form input,.attendance-form select,.attendance-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ccc;border-radius:3px;padding:4px 6px;font:inherit;background:#fff;color:#333}.attendance-form textarea{resize:vertical}.attendance-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.attendance-records .attendance-save{background:#1a237e;border-color:#1a237e;color:#fff}.attendance-hint{color:#666;font-size:11px;margin-top:6px}.attendance-message{padding:8px;color:#2e7d32;background:#e8f5e9}.attendance-error{padding:8px;color:#b71c1c;background:#ffebee}.attendance-error button{margin-left:8px}.attendance-date{white-space:nowrap}.attendance-note{white-space:pre-wrap;overflow-wrap:anywhere;min-width:50px}.attendance-actions{white-space:nowrap}.attendance-actions button{padding:0 4px;border:none;background:transparent;font-size:11px}.attendance-records .attendance-delete{color:#c62828;margin-left:4px}.attendance-records .attendance-empty{text-align:center;color:#888;padding:16px 8px}@media print{.attendance-records{overflow:visible}.attendance-table-wrap{overflow:visible!important}.attendance-records tr{break-inside:avoid}.attendance-header{break-after:avoid}}