*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:#f7f8fa;color:#333;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#fff;border-bottom:1px solid #e5e7eb}.app-title{font-size:1rem;font-weight:600;color:#374151;letter-spacing:.02em}.app-nav{display:flex;gap:4px;flex:1;margin-left:24px}.nav-link{text-decoration:none;font-size:.875rem;color:#6b7280;padding:4px 12px;border-radius:6px;transition:background .12s,color .12s}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.router-link-active{background:#f3f4f6;color:#111827;font-weight:600}.app-main{flex:1;padding:32px 24px;max-width:960px;width:100%;margin:0 auto}.btn-logout{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 14px;font-size:.875rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:#9ca3af;color:#374151}.btn-manual{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 14px;font-size:.875rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;margin-right:8px}.btn-manual:hover{border-color:#9ca3af;color:#374151}