:root{--color-primary: #2c3e50;--color-primary-soft: #eef2f5;--color-bg: #f4f7f6;--color-error: #c0392b;--color-muted: #7f8c8d}*,*:before,*:after{box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background-color:var(--color-bg);color:#333;line-height:1.6;margin:0;padding:0}.container{max-width:1000px;margin:24px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000000d}h1{font-size:22px;border-bottom:2px solid var(--color-primary);padding-bottom:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:16px;margin:24px 0 12px;border-left:4px solid var(--color-primary);padding-left:8px;background:var(--color-primary-soft);padding-top:4px;padding-bottom:4px}.welcome{color:var(--color-muted);margin-bottom:12px}.muted{color:var(--color-muted)}.error-box{background:#fdecea;color:var(--color-error);padding:10px 14px;border-radius:6px;margin:12px 0}.app-header{background:var(--color-primary);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:24px}.brand{color:#fff;text-decoration:none;font-weight:700;font-size:18px}.nav{display:flex;gap:16px}.nav a{color:#fff;text-decoration:none;opacity:.9}.nav a:hover{opacity:1;text-decoration:underline}.user-info{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px}.user-dept{opacity:.7}.btn-link{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px}.btn-link:hover{color:#ecf0f1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 12px #00000014;width:360px}.login-sub{color:var(--color-muted);margin-top:-8px;margin-bottom:16px;font-size:14px}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:12px;color:var(--color-muted);margin-bottom:4px}.field input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pin-key{padding:14px 0;font-size:18px;border:1px solid #ddd;border-radius:8px;background:#fafafa;cursor:pointer}.pin-key:hover{background:#f0f0f0}.pin-key-sub{background:#eef2f5}.login-error{color:var(--color-error);margin:8px 0;font-size:13px}.login-hint{font-size:11px;color:var(--color-muted);margin-top:16px}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:12px 16px;border-radius:6px;width:100%;font-size:16px;cursor:pointer}.btn-primary:hover{background:#1f2d3d}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed}.btn-secondary{background:#ecf0f1;color:#333;border:1px solid #ccc;padding:10px 14px;border-radius:6px;cursor:pointer}.btn-secondary:hover{background:#dde4e6}.dash-section{margin-bottom:24px}.dash-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dash-section-header h2{margin:24px 0 12px}.period-select{font-size:14px;color:var(--color-muted);display:inline-flex;gap:6px;align-items:center}.period-select select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.overall-cell{text-align:center;font-weight:700}.muted.small{font-size:12px}.list-table{width:100%;border-collapse:collapse;margin-bottom:12px}.list-table th,.list-table td{border:1px solid #ddd;padding:8px 10px;font-size:14px;text-align:left}.list-table th{background:var(--color-primary-soft)}.list-table .btn-link{color:var(--color-primary)}.header-info{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.employee-info{flex:1 1 60%}.rating-summary{flex:1 1 35%}.employee-info table,.rating-summary table{border-collapse:collapse;width:100%}.employee-info th,.employee-info td,.rating-summary th,.rating-summary td{border:1px solid #ccc;padding:8px;font-size:14px}.employee-info th,.rating-summary th{background-color:var(--color-primary-soft);text-align:left;width:110px}.rating-summary th,.rating-summary td{text-align:center}.eval-table{width:100%;border-collapse:collapse;margin-bottom:20px}.eval-table th,.eval-table td{border:1px solid #ccc;padding:10px;font-size:14px}.eval-table th{background-color:var(--color-primary);color:#fff;text-align:center;position:sticky;top:0}.eval-table .category{background-color:var(--color-primary-soft);font-weight:700;text-align:center;width:120px}.eval-table .item-name{font-weight:700;width:150px}.eval-table select{width:100%;padding:6px;border-radius:4px;border:1px solid #ccc}.grade-cell{text-align:center}.grade-cell.readonly{background:#fafafa;color:#555}.free-text-section{margin-bottom:20px}.free-text-section h3{font-size:15px;margin-bottom:8px;background-color:var(--color-primary-soft);padding:8px;border-left:4px solid var(--color-primary)}.free-text-section textarea{width:100%;height:100px;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical}.free-text-readonly{white-space:pre-wrap;background:#fafafa;padding:10px;border:1px solid #eee;border-radius:4px;min-height:60px;margin:0}.signature-section{display:flex;justify-content:flex-end;gap:16px;margin-top:20px;flex-wrap:wrap}.signature-box{border:1px solid #ccc;padding:10px;width:220px;font-size:12px}.signature-box div{border-bottom:1px dotted #ccc;margin-bottom:8px;padding-bottom:4px}.action-bar{display:flex;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.msg-ok{color:#27ae60}.msg-error{color:var(--color-error)}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;color:#fff;font-size:12px;margin-left:12px;vertical-align:middle}.filter-bar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:12px 0;margin-bottom:8px;border-bottom:1px solid #eee}.filter-spacer{flex:1 1 auto}.field-inline{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-muted)}.field-inline>select,.field-inline>input{padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#333;min-width:180px}.table-scroll{overflow-x:auto;max-width:100%}.table-scroll .list-table{min-width:800px}.list-table small{font-weight:400;color:var(--color-muted)}.ocr-preview{border:1px solid #ddd;padding:4px;background:#fafafa;overflow:auto;max-height:400px}.ocr-preview img{max-width:100%;height:auto;display:block}.list-table tr.low-conf{background:#fff8f3;outline:2px solid #f39c12;outline-offset:-2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;width:520px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.modal h2{margin-top:0}.modal .field textarea{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.modal .field input[type=number]{width:120px}.modal .action-bar{justify-content:flex-end}.print-only{display:none}.print-toolbar{margin:8px 0 16px}@media print{@page{size:A4;margin:12mm}.app-header,.action-bar,.nav,.no-print{display:none!important}body{background:#fff}.container{box-shadow:none;margin:0;max-width:none;padding:0}.eval-table th{position:static}.grade-cell select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}textarea[readonly]{border:none;resize:none;background:transparent}.print-only{display:block}.print-title{font-size:16px;font-weight:700;text-align:center;margin:0 0 8px}}