*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #1a56db;--blue-dark: #1e40af;--c1-bg: #dbeafe;--c1-fg: #1d4ed8;--c1-dot: #60a5fa;--c2-bg: #ffedd5;--c2-fg: #c2410c;--c2-dot: #fb923c;--c3-bg: #dcfce7;--c3-fg: #166534;--c3-dot: #4ade80;--c4-bg: #f3e8ff;--c4-fg: #7e22ce;--c4-dot: #a855f7;--jiritsu: #7e22ce;--bg: #f0f4f8;--text: #1a202c;--sub: #718096;--border: #e2e8f0;--radius: 14px}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}.views-container{position:relative;width:100%;height:100%;overflow:hidden}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.view.slide-up{transform:translateY(100%);pointer-events:none}.view.slide-right{transform:translate(100%);pointer-events:none}.header{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;padding:14px 16px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0;box-shadow:0 2px 8px #1e40af2e}.header h1{font-size:1.05rem;font-weight:700;letter-spacing:.02em;flex:1}.header-sub{font-size:.78rem;opacity:.82}.back-btn{background:#ffffff2e;border:none;color:#fff;border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s}.back-btn:hover{background:#ffffff47}.staff-select-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;gap:24px}.staff-select-card{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:0 2px 12px #00000014;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.staff-select-card label{font-size:.85rem;font-weight:600;color:var(--sub);letter-spacing:.04em}.staff-select-card select{border:2px solid var(--border);border-radius:10px;padding:12px 36px 12px 14px;font-size:1rem;background:#fff;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23718096' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;transition:border-color .15s}.staff-select-card select:focus{outline:none;border-color:var(--blue)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.03em}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.role-select-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;gap:16px}.role-select-label{font-size:.9rem;color:var(--sub);font-weight:600;letter-spacing:.04em;text-align:center}.role-cards{display:flex;gap:14px;width:100%;max-width:400px}.role-card{flex:1;background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 1px 4px #0000000d}.role-card:hover{border-color:var(--blue);box-shadow:0 2px 10px #1a56db26}.role-card:active{transform:scale(.96)}.role-card .role-icon{font-size:2rem}.role-card .role-name{font-size:.9rem;font-weight:700;color:var(--text)}.role-card .role-desc{font-size:.75rem;color:var(--sub);text-align:center}.role-card.evaluator{border-color:var(--blue);background:#eff6ff}.proc-list-body{flex:1;overflow-y:auto;padding:12px 12px 24px;display:flex;flex-direction:column;gap:8px}.jiritsu-summary{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000f;display:flex;align-items:center;gap:16px;margin-bottom:4px}.jiritsu-chart-wrap{width:80px;height:80px;flex-shrink:0}.jiritsu-stats{flex:1}.jiritsu-stats .pct{font-size:1.8rem;font-weight:800;color:var(--jiritsu);line-height:1}.jiritsu-stats .pct-label{font-size:.75rem;color:var(--sub);margin-top:2px}.jiritsu-stats .counts{margin-top:8px;font-size:.78rem;color:var(--sub)}.proc-card{background:#fff;border-radius:var(--radius);padding:14px 16px;box-shadow:0 1px 4px #0000000d;cursor:pointer;display:flex;align-items:center;gap:12px;transition:box-shadow .15s,transform .1s;border-left:4px solid transparent}.proc-card:hover{box-shadow:0 3px 10px #0000001a}.proc-card:active{transform:scale(.98)}.proc-card.jiritsu-done{border-left-color:var(--jiritsu)}.proc-card-info{flex:1;min-width:0}.proc-card-name{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-card-counts{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.count-chip{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px}.count-chip.c1{background:var(--c1-bg);color:var(--c1-fg)}.count-chip.c2{background:var(--c2-bg);color:var(--c2-fg)}.count-chip.c3{background:var(--c3-bg);color:var(--c3-fg)}.count-chip.c4{background:var(--c4-bg);color:var(--c4-fg)}.jiritsu-badge{background:var(--c4-bg);color:var(--jiritsu);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.proc-card-arrow{color:var(--border);font-size:1.2rem}.add-proc-btn{background:#fff;border:2px dashed var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--sub);font-size:.9rem;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,color .15s}.add-proc-btn:hover{border-color:var(--blue);color:var(--blue)}.proc-detail-body{flex:1;overflow-y:auto;padding:12px 12px 32px;display:flex;flex-direction:column;gap:12px}.count-section{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000f}.count-section-title{font-size:.78rem;font-weight:700;color:var(--sub);letter-spacing:.05em;margin-bottom:12px}.count-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.count-card{border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.count-card:active:not(.readonly){transform:scale(.95);opacity:.85}.count-card.readonly{cursor:default}.count-card.c1{background:var(--c1-bg)}.count-card.c2{background:var(--c2-bg)}.count-card.c3{background:var(--c3-bg)}.count-card.c4{background:var(--c4-bg)}.count-dot{width:10px;height:10px;border-radius:50%}.c1 .count-dot{background:var(--c1-dot)}.c2 .count-dot{background:var(--c2-dot)}.c3 .count-dot{background:var(--c3-dot)}.c4 .count-dot{background:var(--c4-dot)}.count-label{font-size:.72rem;font-weight:700}.c1 .count-label{color:var(--c1-fg)}.c2 .count-label{color:var(--c2-fg)}.c3 .count-label{color:var(--c3-fg)}.c4 .count-label{color:var(--c4-fg)}.count-num{font-size:2rem;font-weight:800;line-height:1}.c1 .count-num{color:var(--c1-fg)}.c2 .count-num{color:var(--c2-fg)}.c3 .count-num{color:var(--c3-fg)}.c4 .count-num{color:var(--c4-fg)}.count-hint{font-size:.65rem;opacity:.7}.c1 .count-hint{color:var(--c1-fg)}.c2 .count-hint{color:var(--c2-fg)}.c3 .count-hint{color:var(--c3-fg)}.c4 .count-hint{color:var(--c4-fg)}.jiritsu-section{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000f}.jiritsu-section-title{font-size:.78rem;font-weight:700;color:var(--sub);letter-spacing:.05em;margin-bottom:10px}.jiritsu-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.jiritsu-status .badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.badge.done{background:var(--c4-bg);color:var(--jiritsu)}.badge.not-done{background:var(--border);color:var(--sub)}.jiritsu-eval-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.jiritsu-eval-item{display:flex;align-items:center;justify-content:space-between;background:var(--c4-bg);border-radius:8px;padding:8px 12px;font-size:.82rem}.jiritsu-eval-name{font-weight:700;color:var(--jiritsu)}.jiritsu-eval-date{color:var(--sub);font-size:.75rem}.jiritsu-remove-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:6px;transition:background .15s}.jiritsu-remove-btn:hover{background:#fee2e2}.jiritsu-ask-area{display:flex;flex-direction:column;gap:8px}.jiritsu-ask-label{font-size:.82rem;color:var(--sub)}.jiritsu-btn-row{display:flex;gap:8px}.btn-jiritsu-yes{flex:1;background:var(--jiritsu);color:#fff;border:none;border-radius:10px;padding:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-jiritsu-yes:hover{opacity:.85}.btn-jiritsu-no{flex:1;background:var(--border);color:var(--sub);border:none;border-radius:10px;padding:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-jiritsu-no:hover{background:#e2e8f0}.dec-btn-inline{background:#ffffff80;border:none;border-radius:7px;width:28px;height:22px;cursor:pointer;font-size:.95rem;font-weight:700;color:inherit;margin-top:4px;transition:background .15s}.dec-btn-inline:hover{background:#ffffffbf}.dec-btn-inline:disabled{opacity:.3;cursor:not-allowed}.eval-banner{background:var(--c4-bg);border:1px solid #d8b4fe;border-radius:10px;padding:10px 14px;text-align:center;color:var(--jiritsu);font-weight:700;font-size:.9rem;margin-bottom:12px}.eval-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.eval-bar-bg{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.eval-bar-fill{height:100%;border-radius:4px;background:#a855f7;transition:width .4s ease}.eval-bar-text{font-size:.78rem;font-weight:700;color:var(--sub);white-space:nowrap}.eval-item-l{display:flex;align-items:center;gap:10px}.eval-avatar{width:30px;height:30px;border-radius:50%;background:#e9d5ff;color:var(--jiritsu);font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-eval-btn{width:100%;padding:11px;border:2px dashed #cbd5e0;background:none;border-radius:10px;cursor:pointer;color:var(--sub);font-size:.85rem;font-weight:700;transition:all .18s;margin-top:4px}.add-eval-btn:hover{border-color:var(--blue);color:var(--blue);background:#eff6ff}.notes-section{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:8px}.notes-section-title{font-size:.78rem;font-weight:700;color:var(--sub);letter-spacing:.05em}.notes-textarea{border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.88rem;font-family:inherit;resize:none;min-height:72px;line-height:1.6;color:var(--text);transition:border-color .15s;background:#fafafa}.notes-textarea:focus{outline:none;border-color:var(--blue);background:#fff}.notes-textarea[readonly]{background:#f7f7f7;cursor:default}.notes-saving{font-size:.75rem;color:var(--sub);text-align:right;min-height:16px}.log-section{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 1px 4px #0000000f}.log-section-title{font-size:.78rem;font-weight:700;color:var(--sub);letter-spacing:.05em;margin-bottom:10px}.log-list{list-style:none;display:flex;flex-direction:column;gap:6px}.log-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg);border-radius:8px;font-size:.78rem}.log-item-top{display:flex;justify-content:space-between;color:var(--sub)}.log-item-body{color:var(--text);font-weight:600}.log-empty{font-size:.82rem;color:var(--sub);text-align:center;padding:8px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;padding:28px 24px 32px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}.modal-handle{width:38px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-title{font-size:1rem;font-weight:800;margin-bottom:4px}.modal-desc{font-size:.8rem;color:var(--sub);margin-bottom:14px}.modal-input{border:2px solid var(--border);border-radius:10px;padding:12px 14px;font-size:1rem;font-family:inherit;width:100%;transition:border-color .15s}.modal-input:focus{outline:none;border-color:var(--blue)}.modal-btn-row{display:flex;gap:10px}.btn-cancel{flex:1;background:var(--border);color:var(--sub);border:none;border-radius:12px;padding:13px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-cancel:hover{background:#e2e8f0}.btn-confirm{flex:2;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:12px;padding:13px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-confirm:hover{opacity:.88}.btn-confirm:disabled{opacity:.4;cursor:not-allowed}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f0f4f8e6;display:flex;align-items:center;justify-content:center;z-index:2000;flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.85rem;color:var(--sub)}.error-banner{background:#fee2e2;color:#b91c1c;border-radius:10px;padding:12px 16px;font-size:.85rem;font-weight:600;margin:8px 12px 0;display:flex;align-items:center;gap:8px}.login-view{display:flex;flex-direction:column}.login-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 20px}.login-card{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.login-title{font-size:1.15rem;font-weight:800;color:var(--blue-dark);margin-bottom:8px;text-align:center}.login-label{font-size:.78rem;font-weight:700;color:var(--sub);margin-top:4px}.login-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:1rem;background:#f8fafc;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--blue);background:#fff}.login-hint{font-size:.72rem;color:var(--sub);text-align:center;margin-top:4px}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.pass-btn{background:#fff3;border:none;border-radius:8px;padding:4px 8px;cursor:pointer;font-size:1rem;line-height:1}.pass-btn:active{background:#ffffff59}.success-banner{background:#dcfce7;color:#166534;border-radius:10px;padding:12px 16px;font-size:.85rem;font-weight:600;text-align:center}@supports (padding-bottom: env(safe-area-inset-bottom)){.proc-list-body,.proc-detail-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}