*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5f31c9;--primary-soft:#5f31c914;--primary-disabled:#dccdfd;--bg:#fcfcff;--surface:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#18181866;--border:#18181814;--input-fill:#1818180a;--input-fill-hover:#1818180f;--success:#3a9808;--success-bg:#3a980814;--warning:#ea9628;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-primary:0 4px 12px #5f31c926}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.app{max-width:100%;margin:0 auto;padding:32px 24px 60px}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:16px;width:360px;max-width:100%;padding:40px 36px;display:flex}.login-card h2{color:var(--text-primary);margin-top:4px;font-size:1.25rem;font-weight:700}.login-hint{color:var(--text-secondary);font-size:.82rem}.login-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--input-fill);width:100%;height:48px;color:var(--text-primary);padding:0 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.login-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.login-error{color:#f65757;font-size:.8rem;font-weight:500}.login-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:var(--shadow-primary);border:none;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.login-btn:hover:not(:disabled){background:#4e24a8}.login-btn:disabled{background:var(--primary-disabled);cursor:not-allowed;box-shadow:none}header{align-items:center;gap:14px;margin-bottom:32px;display:flex}header h1{color:var(--text-primary);letter-spacing:-.3px;flex:1;font-size:1.5rem;font-weight:700}.logout-btn{background:var(--input-fill);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.logout-btn:hover{color:var(--text-primary);background:#1818181a}.logo{background:var(--primary);border-radius:var(--radius-sm);width:40px;height:40px;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex}.logo svg{width:22px;height:22px}header h1 span{color:var(--primary)}.table-wrapper{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th.col-member{background:var(--surface);color:var(--text-primary);text-align:center;vertical-align:middle;border-bottom:1px solid var(--border);padding:16px}thead th.col-member+th.col-member{border-left:1px solid var(--border)}.sub-th{background:var(--primary-soft);text-transform:uppercase;letter-spacing:.8px;color:var(--primary);border-bottom:1px solid var(--border);padding:8px 12px;font-size:.65rem;font-weight:600}.sub-th:nth-child(odd){border-left:1px solid var(--border)}.member-th{letter-spacing:-.2px;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.member-avatar{object-fit:cover;border:2px solid var(--primary-soft);border-radius:50%;width:32px;height:32px}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr.current-week{background:var(--primary-soft)}td.member-cell{vertical-align:top;padding:10px 14px 12px}td.cell-plan{border-left:1px solid var(--border)}td.cell-fact{padding-top:40px}.cell-week-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.badge-now{text-transform:uppercase;background:var(--primary);color:#fff;letter-spacing:.4px;box-shadow:var(--shadow-primary);border-radius:4px;padding:2px 8px;font-size:.58rem;font-weight:700}.cell-textarea{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--input-fill);resize:none;border:1.5px solid #0000;min-height:40px;padding:8px 10px;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.45;transition:border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.cell-textarea::placeholder{color:var(--text-muted);font-weight:400}.cell-textarea:hover{background:var(--input-fill-hover)}.cell-textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.saving{background:var(--warning);animation:.8s infinite alternate pulse}.status-dot.saved{background:var(--success)}@keyframes pulse{0%{opacity:1}to{opacity:.3}}.history-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.history-btn:hover{background:var(--primary-soft);color:var(--primary)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:560px;max-width:92vw;max-height:80vh;animation:.2s slideUp;display:flex;box-shadow:0 20px 60px #00000026}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);font-size:1rem;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.modal-close{background:var(--input-fill);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{color:var(--text-primary);background:#1818181a}.modal-body{flex:1;padding:16px 24px 24px;overflow-y:auto}.history-empty{text-align:center;color:var(--text-muted);padding:32px 0;font-size:.85rem}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:var(--input-fill);border-radius:var(--radius-sm);padding:12px}.history-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-field{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:var(--primary-soft);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.history-time{color:var(--text-secondary);font-size:.72rem;font-weight:500}.history-diff{margin-bottom:6px}.diff-old{color:#c0392b;word-break:break-word;white-space:pre-wrap;margin-bottom:3px;font-size:.78rem;text-decoration:line-through}.diff-new{color:var(--success);word-break:break-word;white-space:pre-wrap;font-size:.78rem}.history-geo{color:var(--text-muted);font-size:.68rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app{padding:20px 12px 40px}header h1{font-size:1.2rem}}