:root{--hkm-green:#7bc534;--hkm-green-light:#eff7e5;--hkm-green-dark:#3d7a3d;--hkm-orange:#f97316;--hkm-orange-light:#fff0e6;--hkm-white:#fff;--hkm-bg:#f7f9f5;--hkm-border:#e2ebd8;--hkm-text:#1a1a1a;--hkm-text-sub:#6b7280;--hkm-text-light:#9ca3af;--hkm-sidebar-bg:#fff;--hkm-sidebar-w:220px;--hkm-shadow-sm:0 1px 3px #00000014;--hkm-shadow-md:0 4px 12px #0000001a;--hkm-font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--hkm-radius:10px;--hkm-radius-sm:6px}*,:before,:after{box-sizing:border-box}body{font-family:var(--hkm-font);color:var(--hkm-text);background:var(--hkm-bg);margin:0}.hkm-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.hkm-logo-icon{object-fit:contain;width:36px;height:36px}.hkm-logo-text{color:var(--hkm-green-dark);letter-spacing:.5px;font-size:20px;font-weight:900}.hkm-logo-icon-only{object-fit:contain;width:32px;height:32px}.hkm-sidebar{width:var(--hkm-sidebar-w);background:var(--hkm-sidebar-bg);border-right:1px solid var(--hkm-border);z-index:100;height:100vh;box-shadow:var(--hkm-shadow-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0}.hkm-sidebar-header{border-bottom:1px solid var(--hkm-border);padding:20px 16px 16px}.hkm-nav{flex:1;min-height:0;padding:12px 8px;overflow-y:auto}.hkm-nav-section{color:var(--hkm-text-light);letter-spacing:.08em;text-transform:uppercase;padding:16px 8px 4px;font-size:10px;font-weight:700}.hkm-nav-item{border-radius:var(--hkm-radius-sm);color:var(--hkm-text-sub);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.hkm-nav-item:hover{background:var(--hkm-green-light);color:var(--hkm-green-dark)}.hkm-nav-item.active{background:var(--hkm-green-light);color:var(--hkm-green-dark);font-weight:700}.hkm-nav-item.active .nav-icon{color:var(--hkm-green)}.hkm-nav-item .nav-icon{text-align:center;width:20px;font-size:16px}.hkm-sidebar-footer{border-top:1px solid var(--hkm-border);padding:12px 8px}.hkm-main{margin-left:var(--hkm-sidebar-w);background:var(--hkm-bg);min-height:100vh}.hkm-topbar{background:var(--hkm-white);border-bottom:1px solid var(--hkm-border);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.hkm-page{padding:24px}.hkm-page-title{color:var(--hkm-text);margin:0 0 20px;font-size:22px;font-weight:800}.hkm-card{background:var(--hkm-white);border-radius:var(--hkm-radius);border:1px solid var(--hkm-border);box-shadow:var(--hkm-shadow-sm);padding:20px}.hkm-card-title{color:var(--hkm-text-sub);margin:0 0 12px;font-size:14px;font-weight:700}.hkm-kpi{background:var(--hkm-white);border-radius:var(--hkm-radius);border:1px solid var(--hkm-border);box-shadow:var(--hkm-shadow-sm);padding:20px 24px}.hkm-kpi-label{color:var(--hkm-text-sub);margin-bottom:6px;font-size:12px}.hkm-kpi-value{color:var(--hkm-text);font-size:32px;font-weight:900}.hkm-kpi-unit{color:var(--hkm-text-sub);margin-left:4px;font-size:14px;font-weight:400}.hkm-kpi-sub{color:var(--hkm-text-light);margin-top:4px;font-size:12px}.hkm-kpi.accent .hkm-kpi-value{color:var(--hkm-orange)}.hkm-kpi.green .hkm-kpi-value{color:var(--hkm-green-dark)}.hkm-btn{border-radius:var(--hkm-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.hkm-btn-primary{background:var(--hkm-green);color:#fff}.hkm-btn-primary:hover{background:var(--hkm-green-dark)}.hkm-btn-accent{background:var(--hkm-orange);color:#fff}.hkm-btn-accent:hover{opacity:.88}.hkm-btn-ghost{color:var(--hkm-text-sub);border:1px solid var(--hkm-border);background:0 0}.hkm-btn-ghost:hover{background:var(--hkm-bg)}.hkm-badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.hkm-badge-green{background:var(--hkm-green-light);color:var(--hkm-green-dark)}.hkm-badge-orange{background:var(--hkm-orange-light);color:var(--hkm-orange)}.hkm-badge-gray{color:var(--hkm-text-sub);background:#f3f4f6}.hkm-table{border-collapse:collapse;width:100%;font-size:14px}.hkm-table th{background:var(--hkm-green-light);color:var(--hkm-green-dark);text-align:left;letter-spacing:.03em;padding:10px 14px;font-size:12px;font-weight:700}.hkm-table td{border-bottom:1px solid var(--hkm-border);padding:10px 14px}.hkm-table tr:last-child td{border-bottom:none}.hkm-table tr:hover td{background:var(--hkm-green-light)}.hkm-input{border:1px solid var(--hkm-border);border-radius:var(--hkm-radius-sm);width:100%;color:var(--hkm-text);background:var(--hkm-white);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.hkm-input:focus{border-color:var(--hkm-green);box-shadow:0 0 0 3px #7bc53426}@media (max-width:768px){.hkm-sidebar{transition:transform .2s;transform:translate(-100%)}.hkm-sidebar.open{transform:translate(0)}.hkm-main{margin-left:0}}
body{color:inherit;background:0 0;margin:0;font-family:inherit}