:root{--primary:#1a5632;--primary-light:#2d8a4e;--accent:#e8963e;--accent-light:#f5c882;--bg:#f5f5f0;--bg-card:#fff;--text:#1a1a1a;--text-light:#666;--border:#ddd;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--info:#3498db;--shadow:0 2px 8px #00000014;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;padding:24px 32px;box-shadow:0 4px 12px #00000026}.header-inner h1{letter-spacing:.05em;font-size:1.6rem;font-weight:700}.subtitle{opacity:.85;margin-top:4px;font-size:.85rem}.notice-bar{color:#856404;text-align:center;background:#fff3cd;border-bottom:1px solid #ffc107;padding:10px 20px;font-size:.85rem;font-weight:600}.notice-bar a{color:#856404;font-weight:700;text-decoration:underline}.notice-bar a:hover{color:#533f03}nav{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);gap:4px;padding:8px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.nav-btn{color:var(--text-light);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.nav-btn:hover{color:var(--text);background:#e8e8e4}.nav-btn.active{background:var(--primary);color:#fff}main{max-width:1400px;margin:0 auto;padding:24px 16px}.section{display:none}.section.active{display:block}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--primary);padding:20px 24px}.kpi-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.kpi-value{color:var(--primary);margin:4px 0;font-size:2rem;font-weight:800}.kpi-change{font-size:.8rem;font-weight:600}.kpi-change.positive{color:var(--success)}.kpi-change.negative{color:var(--danger)}.chart-container{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.chart-container h3{color:var(--text);border-bottom:2px solid var(--primary);margin-bottom:12px;padding-bottom:8px;font-size:1rem}.chart-container.full-width{width:100%}.chart-container canvas{max-height:400px}.chart-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-controls{gap:16px;margin-bottom:12px;font-size:.85rem;display:flex}.chart-controls label{cursor:pointer;align-items:center;gap:4px;display:flex}.filter-bar{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.filter-bar label{color:var(--text-light);flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;display:flex}.filter-bar select,.filter-bar input{border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:.85rem}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{color:var(--text);background:#e8e8e4}.btn{background:var(--accent);color:#fff}.btn:hover{opacity:.9}.validation-results{margin:16px 0}.validation-item{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px 20px;display:flex}.validation-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.validation-icon.pass{color:var(--success);background:#d4edda}.validation-icon.warn{color:var(--warning);background:#fff3cd}.validation-icon.fail{color:var(--danger);background:#f8d7da}.validation-icon.info{color:var(--info);background:#d1ecf1}.validation-text h4{margin-bottom:2px;font-size:.9rem}.validation-text p{color:var(--text-light);font-size:.8rem}.heatmap{overflow-x:auto}.heatmap table{border-collapse:collapse;width:100%;font-size:.7rem}.heatmap th,.heatmap td{text-align:center;white-space:nowrap;border:1px solid #eee;padding:4px 6px}.heatmap th{background:var(--primary);color:#fff;font-weight:600;position:sticky;top:0}.heatmap td.has-data{background:#d4edda}.heatmap td.no-data{background:#f8d7da}.heatmap td.row-header{text-align:left;background:#f8f9fa;font-weight:600;position:sticky;left:0}.calendar-grid{grid-template-columns:repeat(12,1fr);gap:4px;font-size:.7rem;display:grid}.calendar-month{text-align:center;background:var(--primary);color:#fff;border-radius:4px 4px 0 0;padding:4px;font-weight:700}.calendar-event{background:var(--accent-light);cursor:default;border-radius:2px;margin-bottom:2px;padding:3px 4px;font-size:.65rem;line-height:1.3}.calendar-event:hover{background:var(--accent);color:#fff}.table-wrapper{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}#rawdata-table{border-collapse:collapse;width:100%;font-size:.8rem}#rawdata-table th{background:var(--primary);color:#fff;text-align:left;white-space:nowrap;padding:10px 12px;font-weight:600;position:sticky;top:0}#rawdata-table td{white-space:nowrap;border-bottom:1px solid #eee;padding:8px 12px}#rawdata-table tr:nth-child(2n){background:#f8f9fa}#rawdata-table tr:hover{background:#e8f4ec}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-light);margin-top:40px;padding:24px;font-size:.8rem}@media (width<=768px){.chart-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:1.4rem}.kpi-card{padding:14px 16px}.kpi-label,.kpi-change{font-size:.7rem}header{padding:16px}.header-inner h1{font-size:1.2rem}.subtitle{font-size:.75rem}.notice-bar{padding:8px 12px;font-size:.75rem}nav{gap:2px;padding:6px 8px}.nav-btn{padding:6px 10px;font-size:.75rem}main{padding:16px 10px}.chart-container{padding:14px}.chart-container h3{font-size:.9rem}.filter-bar{flex-direction:column;align-items:stretch;padding:12px}.calendar-grid{grid-template-columns:repeat(4,1fr)}.table-wrapper{font-size:.7rem}#rawdata-table th,#rawdata-table td{padding:6px 8px}.validation-item{gap:8px;padding:12px 14px}.validation-icon{width:24px;height:24px;font-size:.75rem}.validation-text h4{font-size:.8rem}.validation-text p{font-size:.7rem}.heatmap table{font-size:.6rem}.heatmap th,.heatmap td{padding:3px 4px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.kpi-card{align-items:center;gap:12px;padding:12px 16px;display:flex}.kpi-label{margin-bottom:0}.kpi-value{margin:0;font-size:1.6rem}.header-inner h1{font-size:1.1rem}.calendar-grid{grid-template-columns:repeat(3,1fr)}.chart-container canvas{max-height:300px}}