:root{--income:#16a34a;--deduction:#dc2626;--bg:#f3f4f6;--card-bg:#fff;--text:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--accent:#3b82f6;--shadow:0 1px 3px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.container{max-width:960px;margin:0 auto;padding:16px}header{text-align:center;margin-bottom:24px}h1{margin-bottom:4px;font-size:1.8rem}h2{margin-bottom:12px;font-size:1.1rem}.subtitle{color:var(--text-secondary);font-size:.9rem}.tabs{border-bottom:2px solid var(--border);margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:1rem;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;margin-bottom:16px;padding:20px}.result-card{border-left:4px solid var(--accent)}.form-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.875rem;display:flex}input[type=number],input[type=month],select{border:1px solid var(--border);color:var(--text);background:var(--card-bg);border-radius:8px;outline:none;padding:8px 12px;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.error-msg{color:var(--deduction);min-height:0;font-size:.75rem}.stats-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.stat{background:var(--bg);text-align:center;border-radius:8px;flex-direction:column;flex:110px;align-items:center;padding:10px 12px;display:flex}.stat-label{color:var(--text-secondary);font-size:.75rem}.stat-val{color:var(--text);font-size:1.15rem;font-weight:700}table.result-table{border-collapse:collapse;width:100%}.result-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-secondary);padding:8px 12px;font-size:.85rem;font-weight:600}.result-table td{border-bottom:1px solid var(--border);padding:8px 12px}.result-table tr.total-row td{border-top:2px solid var(--text);font-weight:700}.income{color:var(--income);font-weight:600}.deduction{color:var(--deduction);font-weight:600}.net-pay-wrap{border-top:2px solid var(--border);align-items:baseline;gap:12px;margin-top:16px;padding-top:16px;display:flex}.net-label{color:var(--text-secondary);font-size:.95rem}.net-pay{color:var(--income);font-size:1.5rem;font-weight:700}.btn-copy{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:10px 20px;font-size:1rem;transition:opacity .15s}.btn-copy:hover{opacity:.9}.summary-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-wrap:wrap;gap:8px 24px;margin-top:16px;padding:16px;font-size:.95rem;display:flex}.summary-box .summary-item{align-items:baseline;gap:6px;display:flex}.summary-box .summary-label{color:var(--text-secondary)}.summary-box .summary-val{font-weight:700}.info-box{color:var(--text-secondary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:24px;padding:12px;font-size:.85rem}.info-box p+p{margin-top:4px}.pagination{justify-content:center;gap:8px;margin-top:16px;display:flex}.page-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.9rem;transition:background .15s,color .15s,border-color .15s}.page-btn:hover{border-color:var(--accent)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.restday-mode{gap:16px;margin-bottom:12px;display:flex}.restday-mode label{color:var(--text);flex-direction:row;align-items:center;gap:6px;font-size:.9rem}.individual-restday{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.no-ot-section{margin-top:16px}.no-ot-section h3{color:var(--text);margin-bottom:8px;font-size:.95rem}.hint{color:var(--text-secondary);margin-bottom:10px;font-size:.8rem}.checkbox-row{flex-wrap:wrap;gap:8px 16px;margin-bottom:14px;display:flex}.checkbox-row label{color:var(--text);flex-direction:row;align-items:center;gap:6px;font-size:.9rem}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.checkbox-grid label{color:var(--text);flex-direction:row;align-items:center;gap:6px;font-size:.85rem}.empty-tip{color:var(--text-secondary);padding:8px 0;font-size:.9rem}@media (width<=640px){h1{font-size:1.3rem}.form-row{grid-template-columns:1fr}.tabs{border-bottom:none;flex-direction:column}.tab{border-bottom:1px solid var(--border);border-radius:8px}.tab.active{border-bottom-color:var(--accent);background:#3b82f60f}}