*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f3f4f6;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;height:64px;padding:0 24px;display:flex}.headerInner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.headerTitle{font-size:20px;font-weight:700}.headerLink{color:#6b7280;font-size:14px;transition:color .2s}.headerLink:hover{color:#2563eb}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.home{padding:20px 0}.homeTitle{margin-bottom:32px;font-size:28px;font-weight:700}.homeGrid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.homeGrid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.homeGrid{grid-template-columns:1fr 1fr 1fr}}.homeCard{cursor:pointer;background:#fff;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000f}.homeCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.homeCardIcon{margin-bottom:8px;font-size:32px}.homeCardTitle{margin-bottom:4px;font-size:18px;font-weight:600}.homeCardDesc{color:#6b7280;font-size:14px}.headerRight{align-items:center;gap:12px;display:flex}.headerLogout{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:6px 16px;font-size:14px;transition:background .2s}.headerLogout:hover{background:#e5e7eb}